首先先放出效果图:
我是用线性布局,中间插入网格布局。并将方向设置为垂直,
<TextView
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@drawable/custom_border"
android:gravity="right|center_vertical"
android:paddingRight="10dp"
android:text="0123456789"
android:textColor="#0000ff"
android:textSize="25sp" />
这是显示框的代码
<GridLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:columnCount="5"
android:rowCount="6">
<Button
android:layout_width="65dp"
android:layout_column="0"
android:layout_row="0"
android:text="MC" />
<Button
android:layout_width="65dp"
android:layout_column="1"
android:layout_row="0"
android:text="MR" />
<Button
android:layout_width="65dp"
android:layout_column="2"
android:layout_row="0"
android:text="MS" />
<Button
android:layout_width="65dp"
android:layout_column="3"
android:layout_row="0"
android:text="M+" />
<Button
android:layout_width="65dp"
android:layout_column="4"
android:layout_row="0"
android:text="M-" />
<Button
android:layout_width="65dp"
android:layout_column="0"
android:layout_row="1"
android:text="←" />
<Button
android:layout_width="65dp"
android:layout_column="1"
android:layout_row="1"
android:text="CE" />
<Button
android:layout_width="65dp"
android:layout_column="2"
android:layout_row="1"
android:text="C" />
<Button
android:layout_width="65dp"
android:layout_column="3"
android:layout_row="1"
android:text="±" />
<Button
android:layout_width="65dp"
android:layout_column="4"
android:layout_row="1"
android:text="√" />
<Button
android:layout_width="65dp"
android:layout_column="0"
android:layout_row="2"
android:text="7" />
<Button
android:layout_width="65dp"
android:layout_column="1"
android:layout_row="2"
android:text="8" />
<Button
android:layout_width="65dp"
android:layout_column="2"
android:layout_row="2"
android:text="9" />
<Button
android:layout_width="65dp"
android:layout_column="3"
android:layout_row="2"
android:text="/" />
<Button
android:layout_width="65dp"
android:layout_column="4"
android:layout_row="2"
android:text="%" />
<Button
android:layout_width="65dp"
android:layout_column="0"
android:layout_row="3"
android:text="4" />
<Button
android:layout_width="65dp"
android:layout_column="1"
android:layout_row="3"
android:text="5" />
<Button
android:layout_width="65dp"
android:layout_column="2"
android:layout_row="3"
android:text="6" />
<Button
android:layout_width="65dp"
android:layout_column="3"
android:layout_row="3"
android:text="*" />
<Button
android:layout_width="65dp"
android:layout_column="4"
android:layout_row="3"
android:text="1/x" />
<Button
android:layout_width="65dp"
android:layout_column="0"
android:layout_row="4"
android:text="1" />
<Button
android:layout_width="65dp"
android:layout_column="1"
android:layout_row="4"
android:text="2" />
<Button
android:layout_width="65dp"
android:layout_column="2"
android:layout_row="4"
android:text="3" />
<Button
android:layout_width="65dp"
android:layout_column="3"
android:layout_row="4"
android:text="-" />
<Button
android:layout_width="65dp"
android:layout_height="95dp"
android:layout_column="4"
android:layout_row="4"
android:layout_rowSpan="2"
android:text="=" />
<Button
android:layout_width="130dp"
android:layout_column="0"
android:layout_columnSpan="2"
android:layout_row="5"
android:text="0" />
<Button
android:layout_width="65dp"
android:layout_column="2"
android:layout_row="5"
android:text="." />
<Button
android:layout_width="65dp"
android:layout_column="3"
android:layout_row="5"
android:text="+" />
</GridLayout>
网格布局设置其行数和列数。在设置每个按钮的大小,按钮的位置。其实可以平均分每个按钮的大小。只是我还不太会那个所以就没有。
android:padding="15dp"
android:background="@mipmap/back"
设置显示框离顶部的距离。
和设置背景。这样就大致完成了简单计算器的布局