Android自定義控件：進度條的四種實作方式

版權聲明：本文為部落客原創文章，轉載請标明出處。 https://blog.csdn.net/chaoyu168/article/details/50722935

前三種實作方式代碼出自：

http://stormzhang.com/openandroid/2013/11/15/android-custom-loading/

（源碼下載下傳）

http://download.csdn.net/detail/chaoyu168/9616035

最近一直在學習自定義控件，搜了許多大牛們Blog裡分享的小教程，也上GitHub找了一些類似的控件進行學習。發現讀起來都不太好懂，就想寫這麼一篇東西作為學習筆記吧。

一、控件介紹：

進度條在App中非常常見，例如下載下傳進度、加載圖檔、打開文章、打開網頁等等……都需要這麼一個效果讓使用者知道我們的App正在讀取，以構造良好的互動。如果沒有這樣一個效果的話，使用者沒法知道東西有沒有下載下傳好、圖檔加載了沒有、文章打開了沒……會讓使用者很不爽。基于這樣的情景我們的UI設計師們創造了這樣一個控件。

二、這篇文章會涉及的知識點：

跟我一樣剛入門的Android菜鳥們，我推薦大家先了解一下這些知識點再往下看。這些知識點我也會推薦一些部落格給大家看看，更推薦大家看文檔裡的解釋，當然大牛們可以直接無視……

1、ClipDrawable類：能夠對一個drawable類進行剪切操作（即隻顯示某一部分的區域，另一部分隐藏），顯示多大的區域由level控制（level取值是0～10000）

【部落格：http://blog.csdn.net/lonelyroamer/article/details/8244777】、沒文檔的可以在這看【http://www.apihome.cn/api/android/ClipDrawable.html】

2、自定義View：guolin大神的深入學習View四部曲

【

Android

LayoutInflater原理分析，帶你一步步深入了解View

——http://blog.csdn.net/guolin_blog/article/details/12921889】 Android視圖繪制流程完全解析，帶你一步步深入了解View ——http://blog.csdn.net/guolin_blog/article/details/16330267】 Android視圖狀态及重繪流程分析，帶你一步步深入了解View ——http://blog.csdn.net/guolin_blog/article/details/17045157】 Android自定義View的實作方法，帶你一步步深入了解View

——http://blog.csdn.net/guolin_blog/article/details/17357967】

3、沒看過我寫的：Android自定義控件——老版優酷三級菜單的話，或許需要看看這個：

【RotateAnimation詳解——http://blog.csdn.net/u012403246/article/details/41415799】

三、Android上的實作方式：

（前三種方法比較簡單，第四種方法是GitHub項目的解析，對前三種沒興趣可以直接跳到後邊……）

1、效果圖：

将進度條的變換過程分解為一幀一幀的圖檔，将這些一幀一幀的圖檔連起來構成一個動畫。常用于：手機閱讀網頁、逛社群時，加載圖檔、文章等不需要清楚知道加載進度，但是需要知道是否進行加載的情景。

這種方法實作可以通過建立一個animation-list的XML檔案，然後給系統API提供的ProgressBar的indeterminateDrawable屬性就可以了。（這個屬性應該是類似于設定一個動畫吧……）

XML：

[html] 

view

plain

copy https://code.csdn.net/snippets/627396 https://code.csdn.net/snippets/627396/fork

1. <?xml version="1.0" encoding="utf-8"?>    
2. <animation-list xmlns:android="http://schemas.android.com/apk/res/android"    
3.     android:oneshot="false" >    
4.     <item android:duration="150" >    
5.         <clip     
6.             android:clipOrientation="horizontal"    
7.             android:drawable="@drawable/loading_01"    
8.             android:gravity="left"/>    
9.     </item>    
13.             android:drawable="@drawable/loading_02"    
19.             android:drawable="@drawable/loading_03"    
25.             android:drawable="@drawable/loading_04"    
31.             android:drawable="@drawable/loading_05"    
37.             android:drawable="@drawable/loading_06"    
43.             android:drawable="@drawable/loading_07"    
49.             android:drawable="@drawable/loading_08"    
55.             android:drawable="@drawable/loading_09"    
61.             android:drawable="@drawable/loading_10"    
67.             android:drawable="@drawable/loading_11"    
73.             android:drawable="@drawable/loading_12"    
76. </animation-list>  

https://code.csdn.net/snippets/627396 https://code.csdn.net/snippets/627396/fork

1. <ProgressBar     
2.     android:layout_width="wrap_content"    
3.     android:layout_height="wrap_content"    
4.     android:indeterminateDrawable="@drawable/progressbar1"    
5.     />  

2、效果圖：

在上一篇有關自定義控件的部落格裡我們使用了一個RotateAnimation類來實作旋轉效果 （http://blog.csdn.net/u012403246/article/details/41309161），其實，我們在這裡也可以把一張圖檔，通過旋轉，達到我們要的效果。本質上和上一種方法沒多大差別。

我們隻需要建立一個rotate的XML，對其屬性進行一些簡單的設定，然後加入我們要用的圖檔就可以了。

https://code.csdn.net/snippets/627396 https://code.csdn.net/snippets/627396/fork

2. <rotate xmlns:android="http://schemas.android.com/apk/res/android"    
3.     android:pivotX="50%"    
4.     android:pivotY="50%"    
5.     android:fromDegrees="0"    
6.     android:toDegrees="360"    
7.     android:interpolator="@android:anim/accelerate_decelerate_interpolator" >    
8.     <bitmap     
9.         android:antialias="true"    
10.         android:filter="true"    
11.         android:src="@drawable/loading_360"/>    
12. </rotate>  

https://code.csdn.net/snippets/627396 https://code.csdn.net/snippets/627396/fork

4.     android:indeterminateDrawable="@drawable/progressbar2"/>  

3、效果圖：

我們可以弄兩張照片，第一張是純黑色的，然後把這張照片中心挖一個圓出來，圓區域弄成白色，挖出來的圓弄成第二張照片。我們不妨疊加顯示兩張照片，剛開始把第二張完全“遮住”，随着加載進度的增加，我們減少遮住的區域把第二張照片慢慢的顯示出來。

Android上剛好就有這麼一個ClipDrawable類，能夠實作剪裁的過程。我們來看看怎麼通過這樣的方式自定義一個進度條控件。

代碼：

[java] 

https://code.csdn.net/snippets/627396 https://code.csdn.net/snippets/627396/fork

1. public class MyProgressBar extends FrameLayout{    
2.     private boolean running;    
3.     private int progress = 0;    
4.     private static final int MAX_PROGRESS = 10000;    
5.     private ClipDrawable clip;    
6.     private Handler handler = new Handler(){    
7.         @Override    
8.         public void handleMessage(android.os.Message msg) {    
9.             if(msg.what == 0x123)    
10.                 clip.setLevel(progress);    
11.         }    
12.     };    
13.     public MyProgressBar(Context context){    
14.         this(context,null,0);    
15.     }    
16.     public MyProgressBar(Context context,AttributeSet attrs){    
19.     public MyProgressBar(Context context, AttributeSet attrs, int defStyle) {    
20.         super(context, attrs, defStyle);    
21.         Init(context);    
23.     public void Init(Context context){    
24.         View view = LayoutInflater.from(context).inflate(R.layout.view, null);    
25.         ImageView iv = (ImageView)view.findViewById(R.id.progress_img);    
26.         addView(view);    
27.         clip = (ClipDrawable)iv.getDrawable();    
28.         Thread thread = new Thread(new Runnable() {    
29.             @Override    
30.             public void run() {    
31.                 running = true;    
32.                 while(running){    
33.                     handler.sendEmptyMessage(0x123);    
34.                     if(progress == MAX_PROGRESS)    
35.                         progress = 0;    
36.                     progress += 100;    
37.                     try {    
38.                         Thread.sleep(18);    
39.                     } catch (InterruptedException e) {    
40.                         e.printStackTrace();    
41.                     }    
42.                 }    
43.             }    
44.         });    
45.         thread.start();    
47.     public void stop(){    
48.         progress = 0;    
49.         running = false;    
51. }   

通過代碼我們可以看到，邏輯非常簡單，關鍵就在于ClipDrawable的setLevel()方法，這個是設定剪裁效果的。

4、效果圖：

實作一個View的子類——Progress Wheel類，實作進度條效果。具體的内容我都寫在了注釋上，如果不了解自定義控件的知識，可以去閱讀guolin部落格裡自定義View四部曲的講解，講的挺好的。

https://code.csdn.net/snippets/627396 https://code.csdn.net/snippets/627396/fork

1. public class ProgressWheel extends View {    
2.     //繪制View用到的各種長、寬帶大小    
3.     private int layout_height = 0;    
4.     private int layout_width = 0;    
5.     private int fullRadius = 100;    
6.     private int circleRadius = 80;    
7.     private int barLength = 60;    
8.     private int barWidth = 20;    
9.     private int rimWidth = 20;    
10.     private int textSize = 20;    
11.     private float contourSize = 0;    
12.     //與頁邊的間距    
13.     private int paddingTop = 5;    
14.     private int paddingBottom = 5;    
15.     private int paddingLeft = 5;    
16.     private int paddingRight = 5;    
17.     //View要繪制的顔色    
18.     private int barColor = 0xAA000000;    
19.     private int contourColor = 0xAA000000;    
20.     private int circleColor = 0x00000000;    
21.     private int rimColor = 0xAADDDDDD;    
22.     private int textColor = 0xFF000000;    
23.     //繪制要用的畫筆    
24.     private Paint barPaint = new Paint();    
25.     private Paint circlePaint = new Paint();    
26.     private Paint rimPaint = new Paint();    
27.     private Paint textPaint = new Paint();    
28.     private Paint contourPaint = new Paint();    
29.     //繪制要用的矩形    
30.     @SuppressWarnings("unused")    
31.     private RectF rectBounds = new RectF();    
32.     private RectF circleBounds = new RectF();    
33.     private RectF circleOuterContour = new RectF();    
34.     private RectF circleInnerContour = new RectF();    
35.     //動畫    
36.     //每次繪制要移動的像素數目    
37.     private int spinSpeed = 2;    
38.     //繪制過程的時間間隔    
39.     private int delayMillis = 0;    
40.     int progress = 0;    
41.     boolean isSpinning = false;    
42.     //其他    
43.     private String text = "";    
44.     private String[] splitText = {};    
45.     /**  
46.      * ProgressWheel的構造方法  
47.      *  
48.      * @param context  
49.      * @param attrs  
50.      */    
51.     public ProgressWheel(Context context, AttributeSet attrs) {    
52.         super(context, attrs);    
53.         parseAttributes(context.obtainStyledAttributes(attrs,    
54.                 R.styleable.ProgressWheel));    
56.     //----------------------------------    
57.     //初始化一些元素    
59.     /*  
60.      * 調用這個方法時，使View繪制為方形  
61.      * From: http://www.jayway.com/2012/12/12/creating-custom-android-views-part-4-measuring-and-how-to-force-a-view-to-be-square/  
62.      *   
64.     @Override    
65.     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {    
66.         // 首先我們要調用超類的onMeasure借口     
67.         // 原因是我們自己去實作一個方法獲得長度、寬度太麻煩了    
68.         // 使用超類的的方法非常友善而且讓複雜的細節可控    
69.         super.onMeasure(widthMeasureSpec, heightMeasureSpec);    
70.         // 在這裡我們不能使用getWidth()和getHeight()。     
71.         // 因為這兩個方法隻能在View的布局完成後才能使用，而一個View的繪制過程是先繪制元素，再繪制Layout    
72.         // 是以我們必須使用getMeasuredWidth()和getMeasuredHeight()    
73.         int size = 0;    
74.         int width = getMeasuredWidth();    
75.         int height = getMeasuredHeight();    
76.         int widthWithoutPadding = width - getPaddingLeft() - getPaddingRight();    
77.         int heigthWithoutPadding = height - getPaddingTop() - getPaddingBottom();    
78.         // 最後我們用一些簡單的邏輯去計算View的大小并調用setMeasuredDimension()去設定View的大小    
79.         // 在比較View的長寬前我們不考慮間距，但當我們設定View所需要繪制的面積時，我們要考慮它    
80.         // 不考慮間距的View（View内的實際畫面）此時就應該是方形的，但是由于間距的存在，最終View所占的面積可能不是方形的     
81.         if (widthWithoutPadding > heigthWithoutPadding) {    
82.             size = heigthWithoutPadding;    
83.         } else {    
84.             size = widthWithoutPadding;    
86.         // 如果你重寫了onMeasure()方法，你必須調用setMeasuredDimension()方法     
87.         // 這是你設定View大小的唯一途徑      
88.         // 如果你不調用setMeasuredDimension()方法，父控件會抛出異常，并且程式會崩潰    
89.         // 如果我們使用了超類的onMeasure()方法，我們就不是那麼需要setMeasuredDimension()方法    
90.         // 然而，重寫onMeasure()方法是為了改變既有的繪制流程，是以我們必須調用setMeasuredDimension()方法以達到我們的目的    
91.         setMeasuredDimension(size + getPaddingLeft() + getPaddingRight(), size + getPaddingTop() + getPaddingBottom());    
94.      * 使用onSizeChanged方法代替onAttachedToWindow獲得View的面積  
95.      * 因為這個方法會在測量了MATCH_PARENT和WRAP_CONTENT後馬上被調用  
96.      * 使用獲得的面積設定View  
99.     protected void onSizeChanged(int w, int h, int oldw, int oldh) {    
100.         super.onSizeChanged(w, h, oldw, oldh);    
101.         // Share the dimensions    
102.         layout_width = w;    
103.         layout_height = h;    
104.         setupBounds();    
105.         setupPaints();    
106.         invalidate();    
109.      * 設定我們想要繪制的progress wheel的顔色  
111.     private void setupPaints() {    
112.         barPaint.setColor(barColor);    
113.         barPaint.setAntiAlias(true);    
114.         barPaint.setStyle(Style.STROKE);    
115.         barPaint.setStrokeWidth(barWidth);    
116.         rimPaint.setColor(rimColor);    
117.         rimPaint.setAntiAlias(true);    
118.         rimPaint.setStyle(Style.STROKE);    
119.         rimPaint.setStrokeWidth(rimWidth);    
120.         circlePaint.setColor(circleColor);    
121.         circlePaint.setAntiAlias(true);    
122.         circlePaint.setStyle(Style.FILL);    
123.         textPaint.setColor(textColor);    
124.         textPaint.setStyle(Style.FILL);    
125.         textPaint.setAntiAlias(true);    
126.         textPaint.setTextSize(textSize);    
127.         contourPaint.setColor(contourColor);    
128.         contourPaint.setAntiAlias(true);    
129.         contourPaint.setStyle(Style.STROKE);    
130.         contourPaint.setStrokeWidth(contourSize);    
133.      * 設定元素的邊界  
135.     private void setupBounds() {    
136.         // 為了保持寬度和長度的一緻，我們要獲得layout_width和layout_height中較小的一個，進而繪制一個圓    
137.         int minValue = Math.min(layout_width, layout_height);    
138.         // 計算在繪制過程中在x,y方向的偏移量    
139.         int xOffset = layout_width - minValue;    
140.         int yOffset = layout_height - minValue;    
141.         // 間距加上偏移量    
142.         paddingTop = this.getPaddingTop() + (yOffset / 2);    
143.         paddingBottom = this.getPaddingBottom() + (yOffset / 2);    
144.         paddingLeft = this.getPaddingLeft() + (xOffset / 2);    
145.         paddingRight = this.getPaddingRight() + (xOffset / 2);    
146.         int width = getWidth(); //this.getLayoutParams().width;    
147.         int height = getHeight(); //this.getLayoutParams().height;    
148.         rectBounds = new RectF(paddingLeft,    
149.                 paddingTop,    
150.                 width - paddingRight,    
151.                 height - paddingBottom);    
152.         circleBounds = new RectF(paddingLeft + barWidth,    
153.                 paddingTop + barWidth,    
154.                 width - paddingRight - barWidth,    
155.                 height - paddingBottom - barWidth);    
156.         circleInnerContour = new RectF(circleBounds.left + (rimWidth / 2.0f) + (contourSize / 2.0f), circleBounds.top + (rimWidth / 2.0f) + (contourSize / 2.0f), circleBounds.right - (rimWidth / 2.0f) - (contourSize / 2.0f), circleBounds.bottom - (rimWidth / 2.0f) - (contourSize / 2.0f));    
157.         circleOuterContour = new RectF(circleBounds.left - (rimWidth / 2.0f) - (contourSize / 2.0f), circleBounds.top - (rimWidth / 2.0f) - (contourSize / 2.0f), circleBounds.right + (rimWidth / 2.0f) + (contourSize / 2.0f), circleBounds.bottom + (rimWidth / 2.0f) + (contourSize / 2.0f));    
158.         fullRadius = (width - paddingRight - barWidth) / 2;    
159.         circleRadius = (fullRadius - barWidth) + 1;    
162.      * 從XML中解析控件的屬性  
164.      * @param a the attributes to parse  
166.     private void parseAttributes(TypedArray a) {    
167.         barWidth = (int) a.getDimension(R.styleable.ProgressWheel_barWidth,    
168.                 barWidth);    
169.         rimWidth = (int) a.getDimension(R.styleable.ProgressWheel_rimWidth,    
170.                 rimWidth);    
171.         spinSpeed = (int) a.getDimension(R.styleable.ProgressWheel_spinSpeed,    
172.                 spinSpeed);    
173.         delayMillis = a.getInteger(R.styleable.ProgressWheel_delayMillis,    
174.                 delayMillis);    
175.         if (delayMillis < 0) {    
176.             delayMillis = 0;    
178.         barColor = a.getColor(R.styleable.ProgressWheel_barColor, barColor);    
179.         barLength = (int) a.getDimension(R.styleable.ProgressWheel_barLength,    
180.                 barLength);    
181.         textSize = (int) a.getDimension(R.styleable.ProgressWheel_textSize,    
182.                 textSize);    
183.         textColor = (int) a.getColor(R.styleable.ProgressWheel_textColor,    
184.                 textColor);    
185.         //如果text是空的，就無視它    
186.         if (a.hasValue(R.styleable.ProgressWheel_text)) {    
187.             setText(a.getString(R.styleable.ProgressWheel_text));    
189.         rimColor = (int) a.getColor(R.styleable.ProgressWheel_rimColor,    
190.                 rimColor);    
191.         circleColor = (int) a.getColor(R.styleable.ProgressWheel_circleColor,    
192.                 circleColor);    
193.         contourColor = a.getColor(R.styleable.ProgressWheel_contourColor, contourColor);    
194.         contourSize = a.getDimension(R.styleable.ProgressWheel_contourSize, contourSize);    
195.         // 使用TypedArray獲得控件屬性時必須要注意：使用結束後必須回收TypedArray的對象    
196.         a.recycle();    
201.     protected void onDraw(Canvas canvas) {    
202.         super.onDraw(canvas);    
203.         //繪制内圓    
204.         canvas.drawArc(circleBounds, 360, 360, false, circlePaint);    
205.         //繪制邊界    
206.         canvas.drawArc(circleBounds, 360, 360, false, rimPaint);    
207.         canvas.drawArc(circleOuterContour, 360, 360, false, contourPaint);    
208.         canvas.drawArc(circleInnerContour, 360, 360, false, contourPaint);    
209.         //繪制條紋    
210.         if (isSpinning) {    
211.             canvas.drawArc(circleBounds, progress - 90, barLength, false,    
212.                     barPaint);    
214.             canvas.drawArc(circleBounds, -90, progress, false, barPaint);    
216.         //繪制我們想要設定的文字 (并讓它顯示在圓水準和垂直方向的中心處)    
217.         float textHeight = textPaint.descent() - textPaint.ascent();    
218.         float verticalTextOffset = (textHeight / 2) - textPaint.descent();    
219.         for (String s : splitText) {    
220.             float horizontalTextOffset = textPaint.measureText(s) / 2;    
221.             canvas.drawText(s, this.getWidth() / 2 - horizontalTextOffset,    
222.                     this.getHeight() / 2 + verticalTextOffset, textPaint);    
225.             scheduleRedraw();    
228.     private void scheduleRedraw() {    
229.         progress += spinSpeed;    
230.         if (progress > 360) {    
231.             progress = 0;    
233.         postInvalidateDelayed(delayMillis);    
236.     *   判斷wheel是否在旋轉  
237.     */    
238.     public boolean isSpinning() {    
239.         if(isSpinning){    
240.             return true;    
242.             return false;    
246.      * 重設進度條的值  
248.     public void resetCount() {    
250.         setText("0%");    
254.      * 停止進度條的旋轉  
256.     public void stopSpinning() {    
257.         isSpinning = false;    
259.         postInvalidate();    
262.      * 讓進度條開啟旋轉模式  
264.     public void spin() {    
265.         isSpinning = true;    
269.      * 讓進度條每次增加1（最大值為360）  
271.     public void incrementProgress() {    
273.         progress++;    
274.         if (progress > 360)    
276.         setText(Math.round(((float) progress / 360) * 100) + "%");    
277.        postInvalidate();    
280.      * 設定進度條為一個确切的數值  
282.     public void setProgress(int i) {    
284.         progress = i;    
288.     //get和set方法    
291.      * 設定progress bar的文字并不需要重新整理View  
293.      * @param text the text to show ('\n' constitutes a new line)  
295.     public void setText(String text) {    
296.         this.text = text;    
297.         splitText = this.text.split("\n");    
299.     public int getCircleRadius() {    
300.         return circleRadius;    
302.     public void setCircleRadius(int circleRadius) {    
303.         this.circleRadius = circleRadius;    
305.     public int getBarLength() {    
306.         return barLength;    
308.     public void setBarLength(int barLength) {    
309.         this.barLength = barLength;    
311.     public int getBarWidth() {    
312.         return barWidth;    
314.     public void setBarWidth(int barWidth) {    
315.         this.barWidth = barWidth;    
316.         if ( this.barPaint != null ) {    
317.             this.barPaint.setStrokeWidth( this.barWidth );    
320.     public int getTextSize() {    
321.         return textSize;    
323.     public void setTextSize(int textSize) {    
324.         this.textSize = textSize;    
325.         if ( this.textPaint != null ) {    
326.             this.textPaint.setTextSize( this.textSize );    
329.     public int getPaddingTop() {    
330.         return paddingTop;    
332.     public void setPaddingTop(int paddingTop) {    
333.         this.paddingTop = paddingTop;    
335.     public int getPaddingBottom() {    
336.         return paddingBottom;    
338.     public void setPaddingBottom(int paddingBottom) {    
339.         this.paddingBottom = paddingBottom;    
341.     public int getPaddingLeft() {    
342.         return paddingLeft;    
344.     public void setPaddingLeft(int paddingLeft) {    
345.         this.paddingLeft = paddingLeft;    
347.     public int getPaddingRight() {    
348.         return paddingRight;    
350.     public void setPaddingRight(int paddingRight) {    
351.         this.paddingRight = paddingRight;    
353.     public int getBarColor() {    
354.         return barColor;    
356.     public void setBarColor(int barColor) {    
357.         this.barColor = barColor;    
359.             this.barPaint.setColor( this.barColor );    
362.     public int getCircleColor() {    
363.         return circleColor;    
365.     public void setCircleColor(int circleColor) {    
366.         this.circleColor = circleColor;    
367.         if ( this.circlePaint != null ) {    
368.             this.circlePaint.setColor( this.circleColor);    
371.     public int getRimColor() {    
372.         return rimColor;    
374.     public void setRimColor(int rimColor) {    
375.         this.rimColor = rimColor;    
376.         if ( this.rimPaint != null ) {    
377.             this.rimPaint.setColor( this.rimColor );    
380.     public Shader getRimShader() {    
381.         return rimPaint.getShader();    
383.     public void setRimShader(Shader shader) {    
384.         this.rimPaint.setShader(shader);    
386.     public int getTextColor() {    
387.         return textColor;    
389.     public void setTextColor(int textColor) {    
390.         this.textColor = textColor;    
392.             this.textPaint.setColor( this.textColor );    
395.     public int getSpinSpeed() {    
396.         return spinSpeed;    
398.     public void setSpinSpeed(int spinSpeed) {    
399.         this.spinSpeed = spinSpeed;    
401.     public int getRimWidth() {    
402.         return rimWidth;    
404.     public void setRimWidth(int rimWidth) {    
405.         this.rimWidth = rimWidth;    
407.             this.rimPaint.setStrokeWidth( this.rimWidth );    
410.     public int getDelayMillis() {    
411.         return delayMillis;    
413.     public void setDelayMillis(int delayMillis) {    
414.         this.delayMillis = delayMillis;    
416.     public int getContourColor() {    
417.         return contourColor;    
419.     public void setContourColor(int contourColor) {    
420.         this.contourColor = contourColor;    
421.         if ( contourPaint != null ) {    
422.             this.contourPaint.setColor( this.contourColor );    
425.     public float getContourSize() {    
426.         return this.contourSize;    
428.     public void setContourSize(float contourSize) {    
429.         this.contourSize = contourSize;    
431.             this.contourPaint.setStrokeWidth( this.contourSize );    
434. }