關(guān)于Android的視圖體系，有一些位置、坐標系、定位的小細節(jié)可能開發(fā)者并沒有注意到，本文將指出一些讓人驚訝的小細節(jié)，并以實例證明。
一、Android的視圖組織體系不為人知的小細節(jié)
眾所周知Android中的view分為view和viewGroup，viewGroup又繼承了view，兩者組織起來成為一顆“視圖樹”。
Actiity并不直接承載view，承載view的是Android中的Window，他們具體的組織形式如下圖所畫。
其中DecorView作為根View，是Android中的一個自定義View，看源碼可知它繼承了FrameLayout。它內(nèi)部有有三個部分：
- 頂部的View，這個View起到一個占位的作用，讓系統(tǒng)狀態(tài)欄能顯示出來。
- 一個垂直方向的線性布局，分為標題欄和內(nèi)容欄，我們用setContentView給一個Activity設(shè)置的布局，就會加入到內(nèi)容欄部分。
- 底部View，同樣起到一個占位的作用，讓系統(tǒng)的底部導(dǎo)航欄顯示出來。
下圖是使用Android Studio Inspector Layout 抓取的視圖樹的截圖。
二、View的繪制過程的一個小細節(jié)
視圖樹的測量過程是從上到下的，頂層View先測量自己的大小，然后遞歸調(diào)用子View的測量方法。這個很好理解，只有父View測量好了，才能讓子View知道自己最大可以獲得多大空間。
關(guān)于測量不再多講，此處特別提出關(guān)于MeasureSpec的一些小知識。
我們在自定義View的重寫onMeasure()發(fā)現(xiàn)有傳入兩個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有一個奇怪的現(xiàn)象，它明明是一個int值，但是卻保存兩個信息：
- 模式信息，通過getMode()得到
- 尺寸信息：通過getSize()得到
這是為什么呢？這可以通過查看源碼得到，MeasureSpec是一個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) {
//通過與掩碼與運算獲得模式信息
return (measureSpec & MODE_MASK);
}
public static int getSize(int measureSpec) {
//通過與掩碼的反碼與運算獲得尺寸信息
return (measureSpec & ~MODE_MASK);
}
如上述源碼所示，定義一個掩碼 原始值 0000 0000 0000 0000 0000 0000 0000 0011
通過左移運算符 移動30位，變?yōu)? 1100 0000 0000 0000 0000 0000 0000 0000
getMode()中通過與掩碼與運算獲得模式信息（高2位留存）。
getSize()中通過與掩碼的反碼與運算獲得尺寸信息（低30位留存）。
講到這，是不是解決了一塊小小的心?。?/p>
更多自定View的基礎(chǔ)知識可以參看本人另一篇博客：Android自定義View講解加示例
三、View定位體系不為人知的細節(jié)。
關(guān)于View的定位體系很多開發(fā)者并沒深入了解，本節(jié)將提出一些問題看看諸位看客是否都有所了解。
1. View的定位模型和定位參數(shù)
我們在使用View定位的時候，可能會設(shè)置他們的一些位置信息
比如top,left,right,bottom，這些可以通過setTop()等方法進行。
或者會使用到setX()，setY()方法設(shè)置其X,Y坐標。
又有可能使用setTranslateX()，setTranslateY()。
還有可能使用scrollBy()，scrollTo()改變其位置信息。
那么關(guān)于上述的種種行為就需要理清楚View的坐標體系，請看下圖。
從上圖可以看出：
View的定位是一種相對定位，即相對于父元素進行定位。
View的坐標系和常規(guī)略有不同，x的正方向是向右，y軸正方向向下。
top和left含義很好理解，但是請注意，right的含義是子View右邊距距離父View左邊距的距離，botton的含義是子View下邊距距離父View上邊距的距離。
View的X，Y坐標是指v左上角相對于父元素的坐標。
-
關(guān)于translateX和 translateY圖中并沒有畫出，這兩個屬性是View左上角相對于原來位置的偏移量。通過以下公式可能更加清晰：
X=left+translateX
關(guān)于定位模型，是不是解決了你的一些疑惑？
2. View的scrollBy(x,y)和scrollTo(x,y)方法。
可能有開發(fā)者經(jīng)常使用這兩個方法，但是你是否注意到兩個小點：
x傳入正值向左移，y傳入正值向上移動（后面有代碼示范。）
這兩個方法只是移動了View的內(nèi)容，View的實際定位框架并沒有改變，還是用個圖來表示。
上圖可以說明這個概念，scroll移動的只是view的內(nèi)容，view實際上的位置并沒有移動。
那肯定有人會表示懷疑，必須通過一個例子實踐證明。
怎么驗證上述結(jié)論呢？其實很簡單，第一、如果View整體都移動了，那么應(yīng)該會引起整個視圖樹的重新定位，比如會發(fā)生后面的view會補充空白等現(xiàn)象。第二、我們實時獲取被移動View的 top、left屬性值，看是否發(fā)生變化。好，我們寫一個demo。
寫一個布局文件，一個垂直線性布局，放入一個textView和一個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點擊移動自己"
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觀察其是否跟隨移動補位"
android:layout_marginTop="20dp"
/>
</LinearLayout>
寫activity的代碼，讓textView點擊的時候，向上移動自己的位置，同時輸出位置信息
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);//點擊移動自己
//輸出位置參數(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運行結(jié)果，檢查一下下面的Button是否會補位。從下面結(jié)果中可以看到Button并不會隨之向上移動補位。
再來看一下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é)了三個方面的一些開發(fā)者沒有關(guān)注到的小細節(jié)，如Android的視圖組織體系，繪制過程和View定位模型定位參數(shù)，將來如發(fā)現(xiàn)更多值得補充的內(nèi)容，仍舊會更新在本文當中。
如果覺得本文對你有幫助，請關(guān)注、留言、點贊我，謝謝！
