1. 程式人生 > >Android UI設計---計算器介面的設計心得

Android UI設計---計算器介面的設計心得

廢話不多說,先上圖

很醜的頁面,不過正好將所學的線性佈局進行了實戰使用

以下是我的心得:

此設計使用了“線性佈局”的套用

整體是“縱向”線性佈局

部分是“橫向”線性佈局

整體“線性佈局”使用了   

寬:充滿父視窗

長:充滿父視窗

縱向佈局

部分線性佈局”使用了

寬:充滿父視窗

高:使用自定義高度(實際專案中,設計師會給出確定大小,不用程式猿操心)

其中的按鈕使用的是TextView控制元件

以C鍵為例

<TextView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:text="C"
            android:background="#fff"
            android:textSize="30sp"
            android:layout_weight="1"
            android:gravity="center"
            />
知識點:

1.寬為0dp,是為了使用“權重”。

2.高為適應父窗體高度,沒有疑問。

3.  android:text="C"  意為  控制元件中的文字為“C”。

4.  android:background="#fff"  意為  背景色為白色,沒有疑問。

5.  android:textSize="30sp"   意為  內嵌字型大小為30sp!切記,是sp,不是dp。確定

     控制元件的大小時才使用dp,字型使用sp。

6.權重為1。

7.  android:gravity="center"    意為  將內嵌字型居中!  gravity:重力(不明白這個單詞的意思)

       到此結束~