關(guān)于Android的視圖體系，有一些位置梳庆、坐標(biāo)系暖途、定位的小細(xì)節(jié)可能開發(fā)者并沒有注意到，本文將指出一些讓人驚訝的小細(xì)節(jié)膏执，并以實(shí)例證明驻售。
一、Android的視圖組織體系不為人知的小細(xì)節(jié)
眾所周知Android中的view分為view和viewGroup更米，viewGroup又繼承了view欺栗，兩者組織起來成為一顆“視圖樹”。
Actiity并不直接承載view征峦，承載view的是Android中的Window迟几，他們具體的組織形式如下圖所畫。
其中DecorView作為根View栏笆，是Android中的一個(gè)自定義View类腮，看源碼可知它繼承了FrameLayout。它內(nèi)部有有三個(gè)部分：
- 頂部的View蛉加，這個(gè)View起到一個(gè)占位的作用蚜枢，讓系統(tǒng)狀態(tài)欄能顯示出來。
- 一個(gè)垂直方向的線性布局七婴，分為標(biāo)題欄和內(nèi)容欄祟偷，我們用setContentView給一個(gè)Activity設(shè)置的布局，就會加入到內(nèi)容欄部分打厘。
- 底部View修肠，同樣起到一個(gè)占位的作用，讓系統(tǒng)的底部導(dǎo)航欄顯示出來户盯。
下圖是使用Android Studio Inspector Layout 抓取的視圖樹的截圖嵌施。
二、View的繪制過程的一個(gè)小細(xì)節(jié)
視圖樹的測量過程是從上到下的莽鸭，頂層View先測量自己的大小吗伤，然后遞歸調(diào)用子View的測量方法。這個(gè)很好理解硫眨，只有父View測量好了足淆，才能讓子View知道自己最大可以獲得多大空間。
關(guān)于測量不再多講，此處特別提出關(guān)于MeasureSpec的一些小知識巧号。
我們在自定義View的重寫onMeasure()發(fā)現(xiàn)有傳入兩個(gè)Int型的參數(shù)族奢，就是MeasureSpec，如下代碼所示丹鸿。
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int widthSize = MeasureSpec.getSize(widthMeasureSpec);
int heightSize = MeasureSpec.getSize(heightMeasureSpec);
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int heightMode = MeasureSpec.getMode(heightMeasureSpec);
int width, height;
//一些判斷邏輯
//最終設(shè)置自定義View寬高
setMeasuredDimension(width, height);
}
關(guān)于MeasureSpec有一個(gè)奇怪的現(xiàn)象越走，它明明是一個(gè)int值，但是卻保存兩個(gè)信息：
- 模式信息靠欢，通過getMode()得到
- 尺寸信息：通過getSize()得到
這是為什么呢廊敌？這可以通過查看源碼得到，MeasureSpec是一個(gè)32位的int值沒錯门怪，但是它的高2位儲存了SpecMode信息骡澈，低30位儲存了SpecSize尺寸信息。
private static final int MODE_SHIFT = 30;
private static final int MODE_MASK = 0x3 << MODE_SHIFT;
public static int getMode(int measureSpec) {
//通過與掩碼與運(yùn)算獲得模式信息
return (measureSpec & MODE_MASK);
}
public static int getSize(int measureSpec) {
//通過與掩碼的反碼與運(yùn)算獲得尺寸信息
return (measureSpec & ~MODE_MASK);
}
如上述源碼所示掷空，定義一個(gè)掩碼 原始值 0000 0000 0000 0000 0000 0000 0000 0011
通過左移運(yùn)算符 移動30位秧廉，變?yōu)? 1100 0000 0000 0000 0000 0000 0000 0000
getMode()中通過與掩碼與運(yùn)算獲得模式信息（高2位留存）。
getSize()中通過與掩碼的反碼與運(yùn)算獲得尺寸信息（低30位留存）拣帽。
講到這，是不是解決了一塊小小的心步莱减拭？
更多自定View的基礎(chǔ)知識可以參看本人另一篇博客：Android自定義View講解加示例
三、View定位體系不為人知的細(xì)節(jié)区丑。
關(guān)于View的定位體系很多開發(fā)者并沒深入了解拧粪，本節(jié)將提出一些問題看看諸位看客是否都有所了解。
1. View的定位模型和定位參數(shù)
我們在使用View定位的時(shí)候沧侥，可能會設(shè)置他們的一些位置信息
比如top,left,right,bottom可霎，這些可以通過setTop()等方法進(jìn)行。
或者會使用到setX()宴杀，setY()方法設(shè)置其X,Y坐標(biāo)癣朗。
又有可能使用setTranslateX()，setTranslateY()旺罢。
還有可能使用scrollBy()旷余，scrollTo()改變其位置信息。
那么關(guān)于上述的種種行為就需要理清楚View的坐標(biāo)體系扁达，請看下圖正卧。
從上圖可以看出：
View的定位是一種相對定位，即相對于父元素進(jìn)行定位跪解。
View的坐標(biāo)系和常規(guī)略有不同炉旷，x的正方向是向右，y軸正方向向下。
top和left含義很好理解窘行，但是請注意饥追，right的含義是子View右邊距距離父View左邊距的距離，botton的含義是子View下邊距距離父View上邊距的距離抽高。
View的X判耕，Y坐標(biāo)是指v左上角相對于父元素的坐標(biāo)。
-
關(guān)于translateX和 translateY圖中并沒有畫出翘骂，這兩個(gè)屬性是View左上角相對于原來位置的偏移量壁熄。通過以下公式可能更加清晰：
X=left+translateX
關(guān)于定位模型，是不是解決了你的一些疑惑碳竟？
2. View的scrollBy(x,y)和scrollTo(x,y)方法草丧。
可能有開發(fā)者經(jīng)常使用這兩個(gè)方法，但是你是否注意到兩個(gè)小點(diǎn)：
x傳入正值向左移莹桅，y傳入正值向上移動（后面有代碼示范昌执。）
這兩個(gè)方法只是移動了View的內(nèi)容，View的實(shí)際定位框架并沒有改變诈泼，還是用個(gè)圖來表示懂拾。
上圖可以說明這個(gè)概念，scroll移動的只是view的內(nèi)容铐达，view實(shí)際上的位置并沒有移動岖赋。
那肯定有人會表示懷疑，必須通過一個(gè)例子實(shí)踐證明瓮孙。
怎么驗(yàn)證上述結(jié)論呢唐断？其實(shí)很簡單，第一杭抠、如果View整體都移動了脸甘，那么應(yīng)該會引起整個(gè)視圖樹的重新定位，比如會發(fā)生后面的view會補(bǔ)充空白等現(xiàn)象偏灿。第二丹诀、我們實(shí)時(shí)獲取被移動View的 top、left屬性值菩混，看是否發(fā)生變化忿墅。好，我們寫一個(gè)demo沮峡。
寫一個(gè)布局文件疚脐，一個(gè)垂直線性布局，放入一個(gè)textView和一個(gè)button
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
>
<TextView
android:id="@+id/textview1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="TextView點(diǎn)擊移動自己"
android:layout_marginTop="350dp"
android:gravity="center"
/>
<Button
android:id="@+id/button2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="button觀察其是否跟隨移動補(bǔ)位"
android:layout_marginTop="20dp"
/>
</LinearLayout>
寫activity的代碼邢疙，讓textView點(diǎn)擊的時(shí)候棍弄，向上移動自己的位置望薄，同時(shí)輸出位置信息
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final TextView textView = (TextView) findViewById(R.id.textview1);
textView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
textView.scrollBy(0, 10);//點(diǎn)擊移動自己
//輸出位置參數(shù)
Log.i("WQW", "Top參數(shù)：" + textView.getTop());
Log.i("WQW", "Left參數(shù)：" + textView.getLeft());
Log.i("WQW", "Right參數(shù)：" + textView.getRight());
Log.i("WQW", "Bottom參數(shù)：" + textView.getBottom());
}
});
}
}
來看下Gif運(yùn)行結(jié)果，檢查一下下面的Button是否會補(bǔ)位呼畸。從下面結(jié)果中可以看到Button并不會隨之向上移動補(bǔ)位痕支。
再來看一下Log輸出，可以發(fā)現(xiàn)top等位置屬性值都沒有發(fā)生變化蛮原。至此卧须，已經(jīng)證明完畢，scrollBy()等方法只是移動了View的內(nèi)容儒陨。
11-08 04:24:18.678 32105-32105/com.example.administrator.myapplication I/WQW: Top參數(shù)：1050
11-08 04:24:18.678 32105-32105/com.example.administrator.myapplication I/WQW: Left參數(shù)：0
11-08 04:24:18.678 32105-32105/com.example.administrator.myapplication I/WQW: Right參數(shù)：1080
11-08 04:24:18.678 32105-32105/com.example.administrator.myapplication I/WQW: Bottom參數(shù)：1107
11-08 04:24:20.603 32105-32105/com.example.administrator.myapplication I/WQW: Top參數(shù)：1050
11-08 04:24:20.603 32105-32105/com.example.administrator.myapplication I/WQW: Left參數(shù)：0
11-08 04:24:20.603 32105-32105/com.example.administrator.myapplication I/WQW: Right參數(shù)：1080
11-08 04:24:20.603 32105-32105/com.example.administrator.myapplication I/WQW: Bottom參數(shù)：1107
11-08 04:24:23.867 32105-32105/com.example.administrator.myapplication I/WQW: Top參數(shù)：1050
11-08 04:24:23.867 32105-32105/com.example.administrator.myapplication I/WQW: Left參數(shù)：0
11-08 04:24:23.867 32105-32105/com.example.administrator.myapplication I/WQW: Right參數(shù)：1080
11-08 04:24:23.867 32105-32105/com.example.administrator.myapplication I/WQW: Bottom參數(shù)：1107
三花嘶、總結(jié)
本文總結(jié)了三個(gè)方面的一些開發(fā)者沒有關(guān)注到的小細(xì)節(jié)，如Android的視圖組織體系蹦漠，繪制過程和View定位模型定位參數(shù)椭员，將來如發(fā)現(xiàn)更多值得補(bǔ)充的內(nèi)容，仍舊會更新在本文當(dāng)中笛园。
如果覺得本文對你有幫助隘击，請關(guān)注、留言研铆、點(diǎn)贊我埋同，謝謝！
