Android布局之线性布局LinearLayout(二) ----简单模仿ios端小米计算器主界面UI
今天老师的要求是让用LinearLayout布局做自己手机自带的计算器的UI设计，因为ios端的计算器是圆形按钮的，当时做的时候还不清楚Button控件如何调整成圆形，故我下载了小米计算器，方形按钮比较容易用Button控件实现。
图片如下：
思路：计算器界面可以用竖直布局，上面显示数字，下面为各种按钮，通过权重来设置比例。按钮部分可以用水平布局来实现。
缺陷：
没有模仿ios计算器；Button按钮不知道如何加边框，而是用了一个非常笨的方法，用TextView加灰色背景色充当边框；布局没有设计好，橘黄色的长条状“=”按钮是用两个Button控件拼接出来的，仅仅只是做到了形似
activity_main.xml代码如下：
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="/apk/res/android"xmlns:app="/apk/res-auto"xmlns:tools="/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"tools:context=".MainActivity"><!--文字显示--><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_weight="5"android:background="#EDEEEE"><TextViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:layout_marginRight="30dp"android:layout_marginBottom="60dp"android:gravity="right|bottom"android:text="0"android:textColor="#313131"android:textSize="60dp" /></LinearLayout><TextViewandroid:layout_width="match_parent"android:layout_height="1dp"android:background="#797979" /><!--第一行--><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_weight="1"android:orientation="horizontal"><Buttonandroid:layout_width="wrap_content"android:layout_height="match_parent"android:layout_weight="1"android:background="#FDFDFD"android:text="C"android:textColor="#FF5722"android:textSize="25dp" /><TextViewandroid:layout_width="1dp"android:layout_height="match_parent"android:background="#797979" /><Buttonandroid:layout_width="wrap_content"android:layout_height="match_parent"android:layout_weight="1"android:background="#FFFFFF"android:text="DEL"android:textSize="25dp" /><TextViewandroid:layout_width="1dp"android:layout_height="match_parent"android:background="#797979" /><Buttonandroid:layout_width="wrap_content"android:layout_height="match_parent"android:layout_weight="1"android:background="#FFFFFF"android:text="÷"android:textSize="25dp" /><TextViewandroid:layout_width="1dp"android:layout_height="match_parent"android:background="#797979" /><Buttonandroid:layout_width="wrap_content"android:layout_height="match_parent"android:layout_weight="1"android:background="#FFFFFF"android:text="×"android:textSize="25dp" /></LinearLayout><!--第一行--><TextViewandroid:layout_width="match_parent"android:layout_height="1dp"android:background="#797979" /><!--第二行--><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_weight="1"android:orientation="horizontal"><Buttonandroid:layout_width="wrap_content"android:layout_height="match_parent"android:layout_weight="1"android:background="#FFFFFF"android:text="7"android:textSize="25dp" /><TextViewandroid:layout_width="1dp"android:layout_height="match_parent"android:background="#797979" /><Buttonandroid:layout_width="wrap_content"android:layout_height="match_parent"android:layout_weight="1"android:background="#FFFFFF"android:text="8"android:textSize="25dp" /><TextViewandroid:layout_width="1dp"android:layout_height="match_parent"android:background="#797979" /><Buttonandroid:layout_width="wrap_content"android:layout_height="match_parent"android:layout_weight="1"android:background="#FFFFFF"android:text="9"android:textSize="25dp" /><TextViewandroid:layout_width="1dp"android:layout_height="match_parent"android:background="#797979" /><Buttonandroid:layout_width="wrap_content"android:layout_height="match_parent"android:layout_weight="1"android:background="#FFFFFF"android:text="-"android:textSize="25dp" /></LinearLayout><TextViewandroid:layout_width="match_parent"android:layout_height="1dp"android:background="#797979" /><!--第三行--><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_weight="1"android:orientation="horizontal"><Buttonandroid:layout_width="wrap_content"android:layout_height="match_parent"android:layout_weight="1"android:background="#FFFFFF"android:text="4"android:textSize="25dp" /><TextViewandroid:layout_width="1dp"android:layout_height="match_parent"android:background="#797979" /><Buttonandroid:layout_width="wrap_content"android:layout_height="match_parent"android:layout_weight="1"android:background="#FFFFFF"android:text="5"android:textSize="25dp" /><TextViewandroid:layout_width="1dp"android:layout_height="match_parent"android:background="#797979" /><Buttonandroid:layout_width="wrap_content"android:layout_height="match_parent"android:layout_weight="1"android:background="#FFFFFF"android:text="6"android:textSize="25dp" /><TextViewandroid:layout_width="1dp"android:layout_height="match_parent"android:background="#797979" /><Buttonandroid:layout_width="wrap_content"android:layout_height="match_parent"android:layout_weight="1"android:background="#FFFFFF"android:text="+"android:textSize="25dp" /></LinearLayout><TextViewandroid:layout_width="match_parent"android:layout_height="1dp"android:background="#797979" /><!--第四行--><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_weight="1"android:orientation="horizontal"><Buttonandroid:layout_width="wrap_content"android:layout_height="match_parent"android:layout_weight="1"android:background="#FFFFFF"android:text="1"android:textSize="25dp" /><TextViewandroid:layout_width="1dp"android:layout_height="match_parent"android:background="#797979" /><Buttonandroid:layout_width="wrap_content"android:layout_height="match_parent"android:layout_weight="1"android:background="#FFFFFF"android:text="2"android:textSize="25dp" /><TextViewandroid:layout_width="1dp"android:layout_height="match_parent"android:background="#797979" /><Buttonandroid:layout_width="wrap_content"android:layout_height="match_parent"android:layout_weight="1"android:background="#FFFFFF"android:text="3"android:textSize="25dp" /><TextViewandroid:layout_width="1dp"android:layout_height="match_parent"android:background="#797979" /><Buttonandroid:layout_width="wrap_content"android:layout_height="match_parent"android:layout_weight="1"android:background="#FF5722"android:text=""android:textSize="25dp" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="1dp"android:orientation="horizontal"><TextViewandroid:layout_width="wrap_content"android:layout_height="1dp"android:layout_weight="3"android:background="#797979" /><TextViewandroid:layout_width="wrap_content"android:layout_height="1dp"android:layout_weight="1"android:background="#FF5722" /></LinearLayout><!--第五行--><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_weight="1"android:orientation="horizontal"><Buttonandroid:layout_width="wrap_content"android:layout_height="match_parent"android:layout_weight="1"android:background="#FFFFFF"android:text="%"android:textSize="25dp" /><TextViewandroid:layout_width="1dp"android:layout_height="match_parent"android:background="#797979" /><Buttonandroid:layout_width="wrap_content"android:layout_height="match_parent"android:layout_weight="1"android:background="#FFFFFF"android:text="0"android:textSize="25dp" /><TextViewandroid:layout_width="1dp"android:layout_height="match_parent"android:background="#797979" /><Buttonandroid:layout_width="wrap_content"android:layout_height="match_parent"android:layout_weight="1"android:background="#FFFFFF"android:text="."android:textSize="25dp" /><TextViewandroid:layout_width="1dp"android:layout_height="match_parent"android:background="#797979" /><Buttonandroid:layout_width="wrap_content"android:layout_height="match_parent"android:layout_weight="1"android:background="#FF5722"android:text="＝"android:textColor="#FFFFFF"android:textSize="25dp" /></LinearLayout></LinearLayout>
为了更加美观和达到100%还原，这里隐藏了标题栏并把状态栏改成灰色
styles.xml添加了如下代码：
<!--隐藏标题栏--><item name="windowNoTitle">true</item><!--隐藏状态栏--><item name="android:windowFullscreen">false</item>
colors.xml更改了如下代码：
<color name="colorPrimary">#EDEEEE</color><color name="colorPrimaryDark">#EDEEEE</color>
运行截图如下：
明天争取实现完全模仿ios端原生计算器。
