Android利用布局来制作一个简易计算器

我们知道计算器的制作基本上会用到表格布局来操作比较简单,它会把内容以行和列的形式来布局，简单方便，每一行用tableRow表示,如果要跨行或跨列的话要用到android:layout_span="2"表示这一列要跨两列

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >


   <TableRow 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content">
       <Button 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="1"/>
       <Button 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="2"/>
       <Button 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="3"/>
       <Button 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="+"/>
   </TableRow>
    <TableRow 
        android:layout_width="wrap_content"
       android:layout_height="wrap_content">
       <Button 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="4"/>
       <Button 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="5"/>
       <Button 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="6"/>
       <Button 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="-"/>
   </TableRow>
   <TableRow 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content">
       <Button 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="7"/>
       <Button 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="8"/>
       <Button 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="9"/>
       <Button 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="*"/>
   </TableRow>
   <TableRow 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content">
       <Button 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="0"/>
       <Button 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="="
       android:layout_span="2"/>
       <Button 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="/"/>
</TableRow>
</TableLayout>

这样一个简单的计算器就完成了，但是用表格布局tablelayout也是存在问题，这种布局可能会出现不能将控件占据多个行或列的问题，而且渲染速度也不能得到很好的保证。

所以在Android4.0之后我们用到了网格布局gridlayout, 若要指定某控件显示在固定的行或列，只需设置该子控件的android:layout_row和android:layout_column属性即可，但是需要注意：android:layout_row=”0”表示从第一行开始，android:layout_column=”0”表示从第一列开始，如果需要设置某控件跨越多行或多列，只需将该子控件android:layout_rowSpan或者layout_columnSpan属性设置为数值，再设置其layout_gravity属性为fill即可，前一个设置表明该控件跨越的行数或列数，后一个设置表明该控件填满所跨越的整行或整列。

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" 
    android:rowCount="4"
    android:columnCount="4"
    android:orientation="horizontal">


    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_row="0"
        android:layout_column="0"
        android:text="1"/>
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_row="0"
        android:layout_column="1"
        android:text="2"/>
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_row="0"
        android:layout_column="2"
        android:text="3"/>
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_row="0"
        android:layout_column="3"
        android:text="+"/>
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_row="1"
        android:layout_column="0"
        android:text="4"/>
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_row="1"
        android:layout_column="1"
        android:text="5"/>
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_row="1"
        android:layout_column="2"
        android:text="6"/>
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_row="1"
        android:layout_column="3"
        android:text="-"/>
     <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_row="2"
        android:layout_column="0"
        android:text="7"/>
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_row="2"
        android:layout_column="1"
        android:text="8"/>
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_row="2"
        android:layout_column="2"
        android:text="9"/>
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_row="2"
        android:layout_column="3"
        android:text="*"/>
     <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_row="3"
        android:layout_column="0"
        android:text="0"/>
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_row="3"
        android:layout_column="1"
        android:layout_columnSpan="2"
        android:layout_gravity="fill_horizontal"
        android:text="="/>
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_row="3"
        android:layout_column="3"
        android:text="/"/>
   
    
</GridLayout>