Android studio用表格布局实现简易计算机界面设计

效果图：

 代码：

<?xml version="1.0" encoding="utf-8"?>

 

<TableLayout

    xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="自定义一个颜色"

    >

 

    <TextView

        android:layout_width="match_parent"

        android:layout_height="120dp"

        android:layout_margin="15dp"

        android:background="#ffffff"

        />

    <TableRow>

        <Button

            android:text="C"

            android:textSize="15dp"

            android:layout_marginLeft="20dp"

            android:layout_marginBottom="5dp"

            android:background="#c3a156"

            android:gravity="center"

            />

        <Button

            android:text="DEL"

            android:textSize="15dp"

            android:layout_marginLeft="5dp"

            android:layout_marginBottom="5dp"

            android:background="#ffffff"

            android:gravity="center"

            android:layout_span="2"

 

 

            />

 

        <Button

            android:text="/"

            android:textSize="15dp"

            android:layout_marginLeft="5dp"

            android:layout_marginBottom="5dp"

            android:background="#ffffff"

            android:gravity="center"

 

            />

    </TableRow>

 

    <TableRow>

        <Button

            android:text="7"

            android:textSize="15dp"

            android:layout_marginLeft="20dp"

            android:layout_marginBottom="5dp"

            android:background="#ffffff"

            android:gravity="center"/>

 

        <Button

            android:text="8"

            android:textSize="15dp"

            android:layout_marginLeft="5dp"

            android:layout_marginBottom="5dp"

            android:background="#ffffff"

            android:gravity="center"/>

 <Button

        android:text="9"

        android:textSize="15dp"

        android:layout_marginLeft="3dp"

        android:layout_marginBottom="5dp"

        android:background="#ffffff"

        android:gravity="center"/>

 

    <Button

        android:text="*"

        android:textSize="15dp"

        android:layout_marginLeft="5dp"

        android:layout_marginBottom="5dp"

        android:background="#ffffff"

        android:gravity="center"/>

 

</TableRow>

 

<TableRow>

    <Button

        android:text="4"

        android:textSize="15dp"

        android:layout_marginLeft="20dp"

        android:layout_marginBottom="5dp"

        android:background="#ffffff"

        android:gravity="center" />

 

    <Button

        android:text="5"

        android:textSize="15dp"

        android:layout_marginLeft="5dp"

        android:layout_marginBottom="5dp"

        android:background="#ffffff"

        android:gravity="center" />

 

    <Button

        android:text="6"

        android:textSize="15dp"

        android:layout_marginLeft="3dp"

        android:layout_marginBottom="5dp"

        android:background="#ffffff"

        android:gravity="center" />

 

    <Button

        android:text="+"

        android:textSize="15dp"

        android:layout_marginLeft="5dp"

        android:layout_marginBottom="5dp"

        android:background="#ffffff"

        android:gravity="center" />

 

</TableRow>

 

 

<TableRow>

    <Button

        android:text="1"

        android:textSize="15dp"

        android:layout_marginLeft="20dp"

        android:layout_marginBottom="5dp"

        android:background="#ffffff"

        android:gravity="center"/>

 

    <Button

        android:text="2"

        android:textSize="15dp"

        android:layout_marginLeft="5dp"

        android:layout_marginBottom="5dp"

        android:background="#ffffff"

        android:gravity="center"/>

<Button

            android:text="3"

            android:textSize="15dp"

            android:layout_marginLeft="3dp"

            android:layout_marginBottom="5dp"

            android:background="#ffffff"

            android:gravity="center"/>

 

        <Button

            android:text="-"

            android:textSize="15dp"

            android:layout_marginLeft="5dp"

            android:layout_marginBottom="5dp"

            android:background="#ffffff"

            android:gravity="center"/>

 

    </TableRow>

 

 

    <TableRow>

        <Button

            android:text="0"

            android:textSize="15dp"

            android:layout_marginLeft="20dp"

            android:background="#ffffff"

            android:gravity="center"

            android:layout_span="2"/>

 

        <Button

            android:text="."

            android:textSize="15dp"

            android:layout_marginLeft="3dp"

            android:background="#ffffff"

            android:gravity="center" />

 

        <Button

            android:text="="

            android:textSize="15dp"

            android:layout_marginLeft="5dp"

            android:background="#ffffff"

            android:gravity="center" />

 

    </TableRow>

 

</TableLayout>