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填充的元素是從左上角開始,並且沒法控制元素的位置,若是裏面有多個元素,後面的元素就會被覆蓋顯示。
LinearLayout,線性佈局方式,它就像網頁佈局中的流同樣。當其orieation設置爲vertical,控件的排列方式是自上而下填充,當爲horizontal,控件的排列方式是自左向右。LinearLayout的佈局方式在應用中應用較多。
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,網格佈局方式,它就像網頁佈局中的表格佈局同樣,利用表格的列和組來控制元素的佈局。其中利用的元素是<TableRow>表明的是一組,能夠在其中包含控件,從而實現列。
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 提示框和對話框功能相似
藍色字體的組件在之後中會進行總結,由於其比較複雜,包含的知識內容比較多,在之後會有專題來進行總結。