最簡單的Android自定義View

最近項目需要用到一個很簡潔的進(jìn)度條,所以自定義一個

需要做的事情:

1.繼承View

2.重寫onDraw(Canvas c)方法

3.更新View

4.使用

開始

1.繼承自View或VIew的子類

public class SlenderProgressBar extends View{

}

需要在構(gòu)造器調(diào)用父類構(gòu)造方法super(Context context, @Nullable AttributeSet attrs)

或者super(Context context, @Nullable AttributeSet attrs, int defStyleAttr)

不能只調(diào)用super(Context context)

原因未知

public SlenderProgressBar(Context context) {

    this(context,null);

}

public SlenderProgressBar(Context context, @Nullable AttributeSet attrs) {

    this(context, attrs,0);

}

public SlenderProgressBar(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {

    super(context, attrs, defStyleAttr);

}

2.重寫onDraw(Canvas canvas)方法璧亚,畫你想畫的東西

@Override

public void onDraw(Canvas canvas) {

    super.onDraw(canvas);

    //畫矩形

   //getMeasuredWidth()獲取View寬度

   //mProgress進(jìn)度黍聂,length矩形長度

    float length =(mProgress/100)*getMeasuredWidth();

    //定義一個矩形

    RectF rectF=new RectF(0,0,length,getMeasuredHeight());

    //畫

    canvas.drawRect(rectF,p);

}

3.更新view

調(diào)用invalidate()方法末誓,在自定義控件內(nèi)定義方法

public void drawRect(float ratio){

mProgress=ratio;

//每次更新進(jìn)度后,也同時更新view

invalidate();

}

4.使用

自定義控件使用時需要聲明完整的包名路徑

在xml中:

<com.example.ygl.viewtest.SlenderProgressBar

android:layout_gravity="center"

android:id="@+id/spb"

android:layout_width="match_parent"

android:layout_height="4dp"

android:background="@color/colorAccent"/>

完整代碼見:

https://github.com/YGLLL/CustemViewTest/tree/step1

下一次將為進(jìn)度條加入動畫特效

作者:YGL_9b35
鏈接:http://www.reibang.com/p/878cd7982038
來源:簡書
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)蝗碎,非商業(yè)轉(zhuǎn)載請注明出處。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末旗扑,一起剝皮案震驚了整個濱河市蹦骑,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌肩豁,老刑警劉巖脊串,帶你破解...
    沈念sama閱讀 211,376評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異清钥,居然都是意外死亡琼锋,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,126評論 2 385
  • 文/潘曉璐 我一進(jìn)店門祟昭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來缕坎,“玉大人,你說我怎么就攤上這事篡悟∶仗荆” “怎么了匾寝?”我有些...
    開封第一講書人閱讀 156,966評論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長荷腊。 經(jīng)常有香客問我艳悔,道長,這世上最難降的妖魔是什么女仰? 我笑而不...
    開封第一講書人閱讀 56,432評論 1 283
  • 正文 為了忘掉前任猜年,我火速辦了婚禮,結(jié)果婚禮上疾忍,老公的妹妹穿的比我還像新娘乔外。我一直安慰自己,他們只是感情好一罩,可當(dāng)我...
    茶點故事閱讀 65,519評論 6 385
  • 文/花漫 我一把揭開白布杨幼。 她就那樣靜靜地躺著,像睡著了一般聂渊。 火紅的嫁衣襯著肌膚如雪差购。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,792評論 1 290
  • 那天歧沪,我揣著相機(jī)與錄音歹撒,去河邊找鬼。 笑死诊胞,一個胖子當(dāng)著我的面吹牛暖夭,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播撵孤,決...
    沈念sama閱讀 38,933評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼迈着,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了邪码?” 一聲冷哼從身側(cè)響起裕菠,我...
    開封第一講書人閱讀 37,701評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎闭专,沒想到半個月后奴潘,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,143評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡影钉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,488評論 2 327
  • 正文 我和宋清朗相戀三年画髓,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片平委。...
    茶點故事閱讀 38,626評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡奈虾,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情肉微,我是刑警寧澤匾鸥,帶...
    沈念sama閱讀 34,292評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站碉纳,受9級特大地震影響勿负,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜劳曹,卻給世界環(huán)境...
    茶點故事閱讀 39,896評論 3 313
  • 文/蒙蒙 一笆环、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧厚者,春花似錦、人聲如沸迫吐。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,742評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽志膀。三九已至熙宇,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間溉浙,已是汗流浹背烫止。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留戳稽,地道東北人馆蠕。 一個月前我還...
    沈念sama閱讀 46,324評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像惊奇,于是被迫代替她去往敵國和親互躬。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,494評論 2 348

推薦閱讀更多精彩內(nèi)容