Android实现计算器布局(表格布局)

一:表格布局(TableLayout )

二:表格布局属性

三:效果图

四:样式(Values下的styles.xml)

<style name="ButtonStyle" >
        <item name="android:radius">10dp</item>
        <item name="android:textStyle">bold</item>
        <item name="android:textSize">20sp</item>
        <item name="android:color">#000</item>
        <item name="android:borderlessButtonStyle">@style/TextAppearance.AppCompat.Body1</item>
    </style>

五:布局代码

<?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">
    <EditText
        android:gravity="right"
        android:paddingTop="130dp"
        android:textSize="100sp"
        android:layout_height="250dp"
        android:layout_width="match_parent"
        android:hint="0"/>
   <TableRow>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="C"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="←"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="%"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="÷"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
    </TableRow>
    <TableRow>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="7"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="8"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="9"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="x"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
    </TableRow>
    <TableRow>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="4"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="5"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="6"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="-"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
    </TableRow>
    <TableRow>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="1"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="2"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="3"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            android:text="+"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
    </TableRow>
    <TableRow>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="0"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="."
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="="
           android:layout_span="2"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
    </TableRow>
</TableLayout>

---

相关学习链接:
菜鸟编程网表格布局教程链接