Android自己定義(三)實現圓盤的百分比設置
阿新 • • 發佈:2017-07-30
download ride font ora form res 聲明 方法 you
以上都屬於自己定義屬性,當然自己定義了屬性就要給它賦值
屬性賦值結束後,當然就要開始最重要的部分了,繪圖,也就是重寫onDraw()方法
我們繼續,自己定義控件就這麽定義結束了,怎樣用呢?看過前面博客的人們應該知道吧!
這裏須要註意的是custom,這就是你自己定義的屬性了,前面要聲明一下xmlns:custom="http://schemas.android.com/apk/res/你自己的包名"
近期一直在學習自己定義控件,昨天看到群裏有人問怎樣怎樣實現圓盤樣式的顯示,學有所用,於是乎就有了這篇博客
先上圖,一目了然
這裏的顯示顏色以及顏色塊的大小你都能夠自己設置
這裏設置了三種顏色,相應三種顏色的三個角度
上代碼:
<?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="CustomCircle"> <attr name="firstColor" format="color"/> <attr name="secondColor" format="color"/> <attr name="thirdColor" format="color"/> <attr name="firstAngle" format="integer"/> <attr name="secondAngle" format="integer"/> <attr name="thirdAngle" format="integer"/> </declare-styleable> </resources>
TypedArray mArray = context.obtainStyledAttributes(attrs, R.styleable.CustomCircle, defStyleAttr, 0); firstColor = mArray.getColor(R.styleable.CustomCircle_firstColor, Color.BLUE); secondColor = mArray.getColor(R.styleable.CustomCircle_secondColor, Color.GREEN); thirdColor = mArray.getColor(R.styleable.CustomCircle_thirdColor, Color.RED); firstAngle=mArray.getInt(R.styleable.CustomCircle_firstAngle, 90); secondAngle=mArray.getInt(R.styleable.CustomCircle_secondAngle, 180); thirdAngle=mArray.getInt(R.styleable.CustomCircle_thirdAngle, 120); mArray.recycle();
@Override protected void onDraw(Canvas canvas) { int center=getWidth()/2; int radius=center/2; mPaint.setColor(Color.GRAY); mPaint.setStrokeWidth(center); mPaint.setAntiAlias(true); mPaint.setStyle(Paint.Style.STROKE); canvas.drawCircle(center, center, radius, mPaint); mPaint.setColor(firstColor); RectF rectF=new RectF(center-radius, center-radius, center+radius, center+radius); canvas.drawArc(rectF, 0, firstAngle, false, mPaint); mPaint.setColor(secondColor); canvas.drawArc(rectF, firstAngle, secondAngle, false, mPaint); mPaint.setColor(thirdColor); canvas.drawArc(rectF, secondAngle, thirdAngle, false, mPaint); }
我們繼續,自己定義控件就這麽定義結束了,怎樣用呢?看過前面博客的人們應該知道吧!
<com.sdufe.thea.guo.view.CustomCircle android:layout_width="300dp" android:layout_height="300dp" custom:firstColor="@android:color/holo_purple" custom:secondColor="@android:color/holo_blue_bright" custom:thirdColor="@android:color/holo_orange_light" custom:firstAngle="60" custom:secondAngle="180" custom:thirdAngle="120"/>
這裏須要註意的是custom,這就是你自己定義的屬性了,前面要聲明一下xmlns:custom="http://schemas.android.com/apk/res/你自己的包名"
差點兒相同就這樣啦,就實現了你想要的功能,當你看不懂別人的代碼邏輯時,你能夠debug,這也是一個非常好地辦法
代碼下載地址:http://download.csdn.net/detail/elinavampire/8175771
Android自己定義(三)實現圓盤的百分比設置