近期在學習android過程中，看到有人在伯樂在線上分享如何開發自定義View的一系列文章。我覺得對於初學者，很有必要掌握它，因為今後很多時候系統自帶的元件不足以滿足我們的功能需求，那麼我們就要根據需求來定義一個能滿足我們需求的View元件。
但是我並不會按照伯樂線上的系列文章來學習，就記錄我是怎麼學的，今天來講講我對座標的理解。參考：伯樂線上[安卓自定義View基礎：座標系]

Android移動裝置的座標一般定義螢幕左上角為座標原點，與我們平時理解的座標系統不一樣的是：平時所理解的座標Y軸向上增大，而Android移動裝置是向下增長的。

獨立畫素（dp）和畫素（px）

在講View的座標系統前首先需要掌握android中的dp與px之間的關係。
在開發過程中，肯定要給元件佈局定位的，而android有兩個常用計量單位獨立畫素（dp）和畫素（px）。
px：因為pixel的縮寫，它表示一個實實在在的物理畫素。他不會隨裝置的解析度改變而改變。
dp/dip：英文device independent pixels的簡稱，翻譯成中文叫裝置獨立畫素，為什麼要有dp出來呢，因為我們的移動裝置解析度是有多種的，那麼為了讓應用中的view元件能夠自適應各種解析度的顯示裝置，於是乎就產生了dp。提高了程式的可移植性，因為android最終會將dp轉成具體裝置的畫素數。最終是如何轉換成px 的呢？先看下面的公式：

    public static int dip2px(Context context, float dipValue){
        final float scale = context.getResources().getDisplayMetrics().density;
        return (int)(dipValue * scale + 0.5f);
    }

上面的公式中出現了一個density，呵呵，又是一個新東西。不怕，找度娘，density表示每英寸有多少個顯示點。但是我寫了一個應用列印這個值為2.625，而我的螢幕實際density值為420。咦，為何不一樣啊，這個問題困擾了我不少時間，估計大家也暈了，先不管，我們一個一個來，先來看看android是如何定義這裡的density，如下：

    /**
     * The logical density of the display.  This is a scaling factor for the
     * Density Independent Pixel unit, where one DIP is one pixel on an
     * approximately 160 dpi screen (for example a 240x320, 1.5"x2" screen), 
     * providing the baseline of the system's display. Thus on a 160
 
dpi screen 
     * this density value will be 1; on a 120 dpi screen it would be .75; etc.
     *  
     * <p>This value does not exactly follow the real screen size (as given by 
     * {@link #xdpi} and {@link #ydpi}, but rather is used to scale the size of
     * the overall UI in steps based on gross changes in the display dpi.  For 
     * example, a 240x320 screen will have a density of 1 even if its width is 
     * 1.8", 1.3", etc. However, if the screen resolution is increased to 
     * 320x480 but the screen size remained 1.5"x2" then the density would be 
     * increased (probably to 1.5).
     *
     * @see #DENSITY_DEFAULT
     */
    public float density;

簡單翻譯下，可以理解為density的數值是dpi/160算出來的，因為標準是240*320畫在1.5*2平方inch上。那麼像每平方英寸有240*320/(1.5*2)=25600點，也就是一平方英尺的畫素點為25600，所以dpi取為它的平方根160；如果dpi是420，那麼density為420/160=2.625。由此可以看出來前面百度搜到的density應該跟dpi是同一個概念，我看有些文件上把DensityDpi來表示每英寸有多少個顯示點。這樣概念就不會搞模糊了。

通過例項來理解View的座標

瞭解了dp、px的關係，接下來就可以通過例項來理解view的座標是怎麼設計的。
例項佈局xml部分原始碼：

    <FrameLayout
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_marginLeft="100dp"
        android:layout_marginTop="100dp"
        android:nestedScrollingEnabled="true"
        android:background="#acb7ac"
        android:id="@+id/view1">

        <TextView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="10dp"
            android:id="@+id/view2"
            android:background="#687fb3"/>
    </FrameLayout>

畫了兩個view，通過下面四個函式獲取他們的座標：

  getTop();       //獲取子View左上角距父View頂部的距離
  getLeft();      //獲取子View左上角距父View左側的距離
  getBottom();    //獲取子View右下角距父View頂部的距離
  getRight();     //獲取子View右下角距父View左側的距離

需要注意的是這裡面獲取到的距離都是畫素為單位。

具體程式碼如下：

public class MainActivity extends AppCompatActivity {

    protected final String LOG_TAG = "Coordinate";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    public void onWindowFocusChanged(boolean hasFocus) {
        super.onWindowFocusChanged(hasFocus);

        View view1 = findViewById(R.id.view1);
        View view2 = findViewById(R.id.view2);

        Log.d(LOG_TAG, "onWindowFocusChanged.density: "+this.getResources().getDisplayMetrics().density);

        Log.d(LOG_TAG, "view1.left:" + view1.getLeft());
        Log.d(LOG_TAG, "view1.right:" + view1.getRight());
        Log.d(LOG_TAG, "view1.height:" + view1.getHeight());
        Log.d(LOG_TAG, "view1.width:" + view1.getWidth());
        Log.d(LOG_TAG, "view1.top:" + view1.getTop());
        Log.d(LOG_TAG, "view1.bottom:" + view1.getBottom());

        Log.d(LOG_TAG, "view2.left:" + view2.getLeft());
        Log.d(LOG_TAG, "view2.right:" + view2.getRight());
        Log.d(LOG_TAG, "view2.height:" + view2.getHeight());
        Log.d(LOG_TAG, "view2.width:" + view2.getWidth());
        Log.d(LOG_TAG, "view2.top:" + view2.getTop());
        Log.d(LOG_TAG, "view2.bottom:" + view2.getBottom());
    }
}

上面的code需要注意下，就是coCreate()方法中呼叫View的getTop()等方法時，是無法獲取到正確值的，只會返回0，因為View的顯示必須經歷Measure（測量）、Layout（佈局）和Draw（繪製）過程。而在Measure與Layout過程完成後，View的width、height、top、left等屬性才被正確賦值，此時我們才能獲取到正確的值，這幾個過程都晚於onCreate執行。因此我放在重新onWindowFocusChanged()方法裡面。當然還有其它方法，參考http://www.2cto.com/kf/201504/395362.html。

執行結果：
示意圖：

Log列印如下：

06-15 04:40:39.390 19910-19910/com.uudou.study.coordinate D/Coordinate: view1.left:263
06-15 04:40:39.390 19910-19910/com.uudou.study.coordinate D/Coordinate: view1.right:526
06-15 04:40:39.390 19910-19910/com.uudou.study.coordinate D/Coordinate: view1.height:263
06-15 04:40:39.390 19910-19910/com.uudou.study.coordinate D/Coordinate: view1.width:263
06-15 04:40:39.390 19910-19910/com.uudou.study.coordinate D/Coordinate: view1.top:263
06-15 04:40:39.390 19910-19910/com.uudou.study.coordinate D/Coordinate: view1.bottom:526
06-15 04:40:39.390 19910-19910/com.uudou.study.coordinate D/Coordinate: view2.left:26
06-15 04:40:39.390 19910-19910/com.uudou.study.coordinate D/Coordinate: view2.right:157
06-15 04:40:39.390 19910-19910/com.uudou.study.coordinate D/Coordinate: view2.height:131
06-15 04:40:39.390 19910-19910/com.uudou.study.coordinate D/Coordinate: view2.width:131
06-15 04:40:39.390 19910-19910/com.uudou.study.coordinate D/Coordinate: view2.top:26
06-15 04:40:39.390 19910-19910/com.uudou.study.coordinate D/Coordinate: view2.bottom:157

從執行效果圖跟log來分析，發現view的座標都是相對於父控制元件而言的，這裡盜用伯樂線上的一張圖如下：