Android UI設計---計算器介面的設計心得
阿新 • • 發佈:2019-01-07
廢話不多說,先上圖
很醜的頁面,不過正好將所學的線性佈局進行了實戰使用
以下是我的心得:
此設計使用了“線性佈局”的套用
整體是“縱向”線性佈局
部分是“橫向”線性佈局
整體“線性佈局”使用了
寬:充滿父視窗
長:充滿父視窗
縱向佈局
部分“線性佈局”使用了
寬:充滿父視窗
高:使用自定義高度(實際專案中,設計師會給出確定大小,不用程式猿操心)
其中的按鈕使用的是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:重力(不明白這個單詞的意思)
到此結束~