seline; color: rgb(51, 51, 51); letter-spacing: normal; text-align: center; text-indent: 0px; background-color: rgb(255, 255, 255);">
有些朋友會有疑問，做UI設計到底需不需要掌握一些開發知識呀?
我覺得了解是有必要的，但不需要研究的太深入。
那怎么了解呢?我來教你個方法(需要有安卓手機才行，但蘋果手機也沒關系，看了此文也會有所收獲!)
今天的大綱如下：
1.先找到打開頁面布局的開關
2.認識布局中的三個內容
3.舉個例子
4.注意事項
1.先找到打開頁面布局的開關
我們需要先打開顯示頁面布局的開關，這是我們今天學習的基礎。
先打開安卓系統手機的設置頁面：
找到“開發者選項”，點擊進入：
再找到“顯示布局邊界”，打開開關后，你會的得到下面這個各種框框的頁面：
這就是我們今天要研究的效果，可能現在看著有點蒙，但等我下面給你介紹完，你就知道開發實現頁面的基本原理了!
屌不屌?
2.認識布局中的三個內容
想弄明白原理，就必須知道，這上面各種形式的框框、顏色都是啥意思!
其實，只要我們用心觀察，就會發現，里面只有三種形式的內容。
第一種：
這種矩形就是控件區，里面可能是文字呀、按鈕呀、圖片呀等等!
第二種：
這種紫色矩形是指控件與控件之間的間距。
第三種：
剩下就只剩白色區域了，其實嚴格來說是透明區域，這部分內容是控件內部的間距：
認識了這三個內容，你再來看這個頁面是不是就知道，開發哥哥是怎么實現頁面的了?
如果還不懂，我們下面來舉個例子。
3.舉個例子
我們就來看下面這個區域怎么實現的：
這樣，一條內容的布局就完成，之后就往相應的地方里面放東西就行了!
4.注意事項
說個注意事項吧，我們工作中經常遇到的一個問題，看下圖：
兩排文字之間是有間距的(紅色部分12像素)，但是當我們看開發布局的時候：
兩個文字控件之間是沒有間距的。
也就是說，其實字體控件本身上下是帶有一定間距的，如果這時候我們還標注間距為12像素，那實現出來的行間距就會比設計稿要大，所以在做效果圖標注的時候一定考慮好，后期實現出來難免會有微調的情況。
總結
沒事的時候可以多看看開發的布局情況，讓自己對頁面的實現有更深的了解。
seline; color: rgb(51, 51, 51); letter-spacing: normal; text-align: left; text-indent: 0px; background-color: rgb(255, 255, 255);">
