android UI那點事

1,不要照搬其餘平臺的UI佈局,應該讓用戶感受是在真正的使用一個Android 軟件。
android

2,不要使用固定的絕對定位佈局。
web

3,不要是使用PX單位,使用dp或者爲文本使用sp 不能使用過小字體
框架

4,不要過多使用模態對話框。
佈局

5,爲高分辨率的屏幕建立資源(縮小總比分大好)
學習

6,須要點擊的元素要夠大
字體

7,圖標設計遵循Android的準則
spa

8,使用適當的間距(margins,padding)
設計

9,支持D-pad和trackball導航
orm

10,正確管理活動(Activity)堆棧
對象

11,正確處理屏幕方向變化

12,使用主題/樣式,尺寸和顏色資源來減小多餘的值

================設計理念和注意事項===================

13,乾淨而不過於簡單,關注內容而非修飾

14,保持一致,讓用戶容易投入其中,附加少量變化

15,使用雲端服務(存儲和同步用戶資料)來增強用戶體驗



Android中有如下4中界面佈局類型:

1.FrameLayout;

2.LinearLayout;

3.RelativeLayout;

4.TableLayout;

 

FrameLayout

FrameLayout,框架佈局方式,他就像預訂了屏幕中的空白區域,而後向其中填充元素。FrameLayout填充的元素是從左上角開始,並且沒法控制元素的位置,若是裏面有多個元素,後面的元素就會被覆蓋顯示。

 

LinearLayout

LinearLayout,線性佈局方式,它就像網頁佈局中的流同樣。當其orieation設置爲vertical,控件的排列方式是自上而下填充,當爲horizontal,控件的排列方式是自左向右。LinearLayout的佈局方式在應用中應用較多。

 

RelativeLayout

RelativeLayout,相對佈局方式,它的佈局形式是利用各個組件的相對位置來進行佈局的,設置控件的參考對象和其對應的方位距離,來肯定控件的位置。這種佈局方式靈活多樣,在佈局中應用比較頻繁。

下面介紹一下RelativeLayout用到的一些重要的屬性:

    第一類:屬性值爲true或false

    android:layout_centerHrizontal                  水平居中

    android:layout_centerVertical                    垂直居中

    android:layout_centerInparent                   相對於父元素徹底居中

    android:layout_alignParentBottom                貼緊父元素的下邊緣

    android:layout_alignParentLeft                   貼緊父元素的左邊緣

    android:layout_alignParentRight                  貼緊父元素的右邊緣

    android:layout_alignParentTop                   貼緊父元素的上邊緣

    android:layout_alignWithParentIfMissing          若是對應的兄弟元素找不到的

                                                話就以父元素作參照物

    第二類:屬性值必須爲id的引用名「@id/id-name」

    android:layout_below                          在某元素的下方

    android:layout_above                          在某元素的的上方

    android:layout_toLeftOf                        在某元素的左邊

    android:layout_toRightOf                       在某元素的右邊

    android:layout_alignTop               本元素的上邊緣和某元素的的上邊緣對齊

    android:layout_alignLeft               本元素的左邊緣和某元素的的邊緣對齊

    android:layout_alignBottom            本元素的下邊緣和某元素的的下邊緣對齊

    android:layout_alignRight             本元素的右邊緣和某元素的的右邊緣對齊

    第三類:屬性值爲具體的像素值,如30dip,40px

    android:layout_marginBottom              離某元素底邊緣的距離

    android:layout_marginLeft                   離某元素左邊緣的距離

    android:layout_marginRight                 離某元素右邊緣的距離

    android:layout_marginTop                   離某元素上邊緣的距離

 

TableLayout

TableLayout,網格佈局方式,它就像網頁佈局中的表格佈局同樣,利用表格的列和組來控制元素的佈局。其中利用的元素是<TableRow>表明的是一組,能夠在其中包含控件,從而實現列。

 

經常使用的Widget組件

Android的jar中有一個Widget包,其中包含了大部分在屏幕上顯示的UI 組件,如文本框,按鈕,列表框,進度條,圖片顯示等。

在下面就簡單地認識一下其組件,在開發中能夠查SDK文檔來進行學習。

1.Button 按鈕

2.ImageButton 能夠自定義圖片樣式的按鈕

3.ImageView 顯示圖片的一個組件

4.TextView 文本顯示框

5.CheckBox 多項選擇框

6.RadioGroup RadioButon 單項選擇

7.Spinner 下拉列表

8.AutoCompleteTextView 自動完成文本,有點相似下拉列表

9.DatePicker 日期選擇器

10.TimePicker 時間選擇器

11.ScrollView 滾動視圖

12.ProgressBar 進度條

13.SeekBar 拖動條

14.RatingBar 評分組件

15.ImageSwitcher Gallery 切換圖片

16.GridView 網格視圖

17.Tab 標籤,實現多標籤欄顯示樣式

18.Menu 菜單,其功能強大,要深刻學習

19.ListView 列表

20.Dialog 對話框

21.Toast Notification 提示框和對話框功能相似

藍色字體的組件在之後中會進行總結,由於其比較複雜,包含的知識內容比較多,在之後會有專題來進行總結。

相關文章
相關標籤/搜索