Android UI設計之介面布局

2021-07-13 03:27:41 字數 2266 閱讀 7728

良好的布局對ui設計至關重要,就好像,乙個女人,只要五官端正,那麼稍微化點妝就美的不得了了呀,是吧。這介面布局就是ui的五官。不過,它的種類不是五個,是六個,也算是圖個吉利(●'◡'●)。分別是:相對布局、線性布局、**布局、網格布局、幀布局、絕對布局。

相對布局,英文名relativelayout,在eclipse中開發android程式時,預設採用的就是相對布局。相對,相對,肯定是有參照物的,這個參照物有兩個,大家應該能猜到,就是容器和控制項。所以它有兩種形式,一種是相對於容器而言的,一種是相對於控制項而言的。

線性布局,英文名linearlayout,是android中較為常用的布局方式,它使用標籤。主要有兩種形式,一種是水平線性布局,一種是垂直線性布局。

**布局,英文名tablelayout,顧名思義,**布局就是讓控制項以**的形式來排列,只要將控制項放在單元格中,控制項就可以整齊的排列。就像android手機裡面的程式首頁一樣,你看都是大小一樣,整齊的排列在**中的。

幀布局,英文名framelayout,是android布局中最簡單的一種。幀布局為每乙個加入其中的控制項建立乙個空白區域(稱為一幀,每個控制項佔據一幀)。採用幀布局方式設計介面時,只能在螢幕上顯示乙個控制項,如果新增多個控制項,這些控制項會按照順序在螢幕上重疊顯示,如下圖,將背景設定成不同顏色以方便區分,大小依次減小以便不完全覆蓋。

網格布局,英文名gridlayout,android4.0新增的布局,它實現了控制項的交錯顯示,能夠避免因布局巢狀對裝置效能的影響,更利於自由布局的開發。網格布局用一組無限細的直線將繪圖區域分成行、列和單元,並指定控制項的顯示區域和控制項在該區域的顯示方式。網格布局中的控制項可以很整齊的排列,並且可以控制每個控制項所佔的行數和列數。

絕對布局,英文名absolutelayout,絕對布局需要通過制定x,y座標來控制每乙個控制項的位置,放入該布局的控制項需要通過android:layout_x、android:layout_y兩個屬性指定其準確的座標值,並顯示在螢幕上。需要注意的是,理論上絕對布局可以完成任何布局設計,但是實際的工程應用中不提倡使用這種布局。因為使用這種布局不但需要精確的計算每個元件的大小,而且當應用程式執行在不同螢幕的手機上產生的效果也不相同,因此,一般不推薦使用絕對布局。

為了更好的理解布局,我做了乙個qq登入的介面加入說明,其中包含相對布局和線性布局。

qq登入介面**

//整個大框架是乙個相對布局,裡面包含著線性布局

qq登入介面效果圖:

上文中的效果圖是android手機模擬器,就是**打包成.apk檔案並安裝到手機上的效果。好的布局帶來好的效果,在實際的開發中,需要綜合考慮,比如說不同手機的螢幕大小,畫素不同,如果用絕對布局顯式的效果就不一樣,這是不太好的。以上所述,如有錯誤,敬請指正。

Android UI模板設計

1 先在values資料夾下建立乙個values xml檔案 2 繼承了retativelayout,並重寫了它的構造方法 3 在構造方法中,將所有獲取的屬性的值存在typearray中 name topbar name title format string name titletextsize ...

Android UI設計技巧

1.使用include標籤實現包含共享ui設計 1 建立新的布局檔案 title layout.xml,裡面包含共享內容的布局 2 layout屬性 其對應抽取出來的共享的布局內容 2.使用shapes實現漸變效果 1 建立新的drawable的xml檔案 gradient 產生顏色漸變 andro...

android UI設計MVVM設計模式

在傳統的框架中,提的最多的是mvc和mvp。其中mvc出現與上世紀70年代,在三十多年的工程實踐中,mvc充分證明了它的成功,同時在漫長的時間中演變出了許多變種,其中也包括mvp.mvc和mvp最大的差別在與控制層對於整個框架的控制力上。android中經常會出現數千行的activity 究其原因,...