自定義View基礎 - 自定義View原理

前言

  • 自定義View原理是Android開發(fā)者必須了解的基礎;
  • 在了解自定義View之前悬秉,你需要有一定的知識儲備;
  • 本文將全面解析關(guān)于自定義View中的所有知識基礎。

目錄

image.png

View的分類

視圖View主要分為兩類:

班級 解釋 特點
單一視圖 即一個View劲妙,如TextView 不包含子View
視圖組 即多個View組成的ViewGroup,如LinearLayout 包含子View

View類簡介

View類是Android中各種組件的基類儒喊,如View是ViewGroup基類
View表現(xiàn)為顯示在屏幕上的各種視圖
Android中的UI組件都由View镣奋、ViewGroup組成。

View的構(gòu)造函數(shù):共有4個怀愧,具體如下:

// 如果View是在Java代碼里面new的侨颈,則調(diào)用第一個構(gòu)造函數(shù)
 public CarsonView(Context context) {
        super(context);
    }

// 如果View是在.xml里聲明的余赢,則調(diào)用第二個構(gòu)造函數(shù)
// 自定義屬性是從AttributeSet參數(shù)傳進來的
    public  CarsonView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

// 不會自動調(diào)用
// 一般是在第二個構(gòu)造函數(shù)里主動調(diào)用
// 如View有style屬性時
    public  CarsonView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    //API21之后才使用
    // 不會自動調(diào)用
    // 一般是在第二個構(gòu)造函數(shù)里主動調(diào)用
    // 如View有style屬性時
    public  CarsonView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }
一般自定義view的時候會這樣重寫三個構(gòu)造函數(shù)

    public CircleProgressView(Context context) {
        this(context, null);
    }

    public CircleProgressView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public CircleProgressView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.CircleProgressView);
        location = array.getInt(R.styleable.CircleProgressView_location, 1);
        mPaintWidth = array.getDimension(R.styleable.CircleProgressView_progress_paint_width, dip2px(context, 4));//默認4dp
        mPaintColor = array.getColor(R.styleable.CircleProgressView_progress_paint_color, mPaintColor);
        mTextSize = array.getDimension(R.styleable.CircleProgressView_progress_text_size, dip2px(context, 18));//默認18sp
        mTextColor = array.getColor(R.styleable.CircleProgressView_progress_text_color, mTextColor);
        array.recycle();
    }

View視圖結(jié)構(gòu)

image.png
記住:無論是measure過程哈垢、layout過程還是draw過程妻柒,永遠都是從View樹的根節(jié)點開始測量或計算(即從樹的頂端開始),一層一層温赔、一個分支一個分支地進行(即樹形遞歸)蛤奢,最終計算整個View樹中各個View,最終確定整個View樹的相關(guān)屬性陶贼。

Android坐標系

Android的坐標系定義為:

  • 屏幕的左上角為坐標原點
  • 向右為x軸增大方向
  • 向下為y軸增大方向
  • 具體如下圖:



    注:區(qū)別于一般的數(shù)學坐標系


View位置(坐標)描述

  • View的位置由4個頂點決定的(如下A啤贩、B、C拜秧、D)



    4個頂點的位置描述分別由4個值決定:
    (請記妆砸佟:View的位置是相對于父控件而言的)

Top:子View上邊界到父view上邊界的距離
Left:子View左邊界到父view左邊界的距離
Bottom:子View下邊距到父View上邊界的距離
Right:子View右邊界到父view左邊界的距離

如下圖:



按頂點位置來記憶:
Top:子View左上角距父View頂部的距離;
Left:子View左上角距父View左側(cè)的距離枉氮;
Bottom:子View右下角距父View頂部的距離
Right:子View右下角距父View左側(cè)的距離


位置獲取方式

View的位置是通過view.getxxx()函數(shù)進行獲戎狙堋:(以Top為例)

// 獲取Top位置
public final int getTop() {  
    return mTop;  
}  

// 其余如下:
  getLeft();      //獲取子View左上角距父View左側(cè)的距離
  getBottom();    //獲取子View右下角距父View頂部的距離
  getRight();     //獲取子View右下角距父View左側(cè)的距離123456789

  • 與MotionEvent中 get()和getRaw()的區(qū)別
//get() :觸摸點相對于其所在組件坐標系的坐標
 event.getX();       
 event.getY();

//getRaw() :觸摸點相對于屏幕默認坐標系的坐標
 event.getRawX();    
 event.getRawY();

具體如下圖:



最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市聊替,隨后出現(xiàn)的幾起案子楼肪,更是在濱河造成了極大的恐慌,老刑警劉巖惹悄,帶你破解...
    沈念sama閱讀 219,270評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件春叫,死亡現(xiàn)場離奇詭異,居然都是意外死亡泣港,警方通過查閱死者的電腦和手機暂殖,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來当纱,“玉大人呛每,你說我怎么就攤上這事∑侣龋” “怎么了晨横?”我有些...
    開封第一講書人閱讀 165,630評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長箫柳。 經(jīng)常有香客問我颓遏,道長,這世上最難降的妖魔是什么滞时? 我笑而不...
    開封第一講書人閱讀 58,906評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮滤灯,結(jié)果婚禮上坪稽,老公的妹妹穿的比我還像新娘曼玩。我一直安慰自己,他們只是感情好窒百,可當我...
    茶點故事閱讀 67,928評論 6 392
  • 文/花漫 我一把揭開白布黍判。 她就那樣靜靜地躺著,像睡著了一般篙梢。 火紅的嫁衣襯著肌膚如雪顷帖。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,718評論 1 305
  • 那天渤滞,我揣著相機與錄音贬墩,去河邊找鬼。 笑死妄呕,一個胖子當著我的面吹牛陶舞,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播绪励,決...
    沈念sama閱讀 40,442評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼肿孵,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了疏魏?” 一聲冷哼從身側(cè)響起停做,我...
    開封第一講書人閱讀 39,345評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎大莫,沒想到半個月后蛉腌,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,802評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡葵硕,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,984評論 3 337
  • 正文 我和宋清朗相戀三年眉抬,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片懈凹。...
    茶點故事閱讀 40,117評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡蜀变,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出介评,到底是詐尸還是另有隱情库北,我是刑警寧澤,帶...
    沈念sama閱讀 35,810評論 5 346
  • 正文 年R本政府宣布们陆,位于F島的核電站寒瓦,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏坪仇。R本人自食惡果不足惜杂腰,卻給世界環(huán)境...
    茶點故事閱讀 41,462評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望椅文。 院中可真熱鬧喂很,春花似錦惜颇、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至漓帅,卻和暖如春锨亏,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背忙干。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評論 1 272
  • 我被黑心中介騙來泰國打工器予, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人豪直。 一個月前我還...
    沈念sama閱讀 48,377評論 3 373
  • 正文 我出身青樓劣摇,卻偏偏與公主長得像,于是被迫代替她去往敵國和親弓乙。 傳聞我的和親對象是個殘疾皇子末融,可洞房花燭夜當晚...
    茶點故事閱讀 45,060評論 2 355

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