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:重力(不明白这个单词的意思)


       到此结束~






猜你喜欢

转载自blog.csdn.net/qq_35343446/article/details/79233194
今日推荐