Android - design a calculator with two page layouts

Table of contents

         1. TableLayout table layout

1. Layout display

2. Code

Two, LinearLayout linear layout

1. Layout display

2. Code


1. TableLayout table layout

1. Layout display

2. Code

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:stretchColumns="3"
    tools:context=".MainActivity">

    <TextView
        android:text="0"
        android:gravity="right"
        android:textSize="100dp"
        android:layout_width="match_parent"
        android:layout_height="220dp"
        />
    <TableRow>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="0"
            android:text="C" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:text="/" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:text="x" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:text="DEL" />
    </TableRow>
    <TableRow>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="0"
            android:text="7" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:text="8" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:text="9" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:text="-" />
    </TableRow>
    <TableRow>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="0"
            android:text="4" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:text="5" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="2"
            android:text="6" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="3"
            android:text="+" />
    </TableRow>
    <TableRow>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="0"
            android:text="1" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:text="2" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="2"
            android:text="3" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="3"
            android:text="=" />
    </TableRow>
    <TableRow>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="0"
            android:text="%"
            android:layout_span="2"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:text="0" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="2"
            android:text="." />
    </TableRow>


</TableLayout>

Two, LinearLayout linear layout

1. Layout display

2. Code

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/Show"
        android:layout_width="match_parent"
        android:layout_height="150dp"
        android:textSize="50sp"
        android:gravity="right"
        />
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <Button
            android:id="@+id/Clear"
            android:layout_width="match_parent"
            android:layout_height="70dp"
            android:text="Reset"
            android:textSize="20sp"/>
        <Button
            android:id="@+id/Number7"
            android:layout_width="100dp"
            android:layout_height="70dp"
            android:text="7"
            android:textSize="20sp"
            android:layout_below="@+id/Clear"/>
        <Button
            android:id="@+id/Number8"
            android:layout_width="100dp"
            android:layout_height="70dp"
            android:text="8"
            android:textSize="20sp"
            android:layout_below="@+id/Clear"
            android:layout_marginLeft="100dp"/>
        <Button
            android:id="@+id/Number9"
            android:layout_width="100dp"
            android:layout_height="70dp"
            android:text="9"
            android:textSize="20sp"
            android:layout_below="@+id/Clear"
            android:layout_marginLeft="200dp"/>
        <Button
            android:id="@+id/Add"
            android:layout_width="100dp"
            android:layout_height="70dp"
            android:text="+"
            android:textSize="20sp"
            android:layout_below="@+id/Clear"
            android:layout_marginLeft="300dp"/>
        <Button
            android:id="@+id/Number4"
            android:layout_width="100dp"
            android:layout_height="70dp"
            android:text="4"
            android:textSize="20sp"
            android:layout_below="@+id/Number7"/>
        <Button
            android:id="@+id/Number5"
            android:layout_width="100dp"
            android:layout_height="70dp"
            android:text="5"
            android:textSize="20sp"
            android:layout_below="@+id/Number8"
            android:layout_marginLeft="100dp"/>
        <Button
            android:id="@+id/Number6"
            android:layout_width="100dp"
            android:layout_height="70dp"
            android:text="6"
            android:textSize="20sp"
            android:layout_below="@+id/Number9"
            android:layout_marginLeft="200dp"/>
        <Button
            android:id="@+id/Subtract"
            android:layout_width="100dp"
            android:layout_height="70dp"
            android:text="-"
            android:textSize="20sp"
            android:layout_below="@+id/Add"
            android:layout_marginLeft="300dp"/>
        <Button
            android:id="@+id/Number1"
            android:layout_width="100dp"
            android:layout_height="70dp"
            android:text="1"
            android:textSize="20sp"
            android:layout_below="@+id/Number5"/>
        <Button
            android:id="@+id/Number2"
            android:layout_width="100dp"
            android:layout_height="70dp"
            android:text="2"
            android:textSize="20sp"
            android:layout_below="@+id/Number6"
            android:layout_marginLeft="100dp"/>
        <Button
            android:id="@+id/Number3"
            android:layout_width="100dp"
            android:layout_height="70dp"
            android:text="3"
            android:textSize="20sp"
            android:layout_below="@+id/Number6"
            android:layout_marginLeft="200dp"/>
        <Button
            android:id="@+id/Multiply"
            android:layout_width="100dp"
            android:layout_height="70dp"
            android:text="*"
            android:textSize="20sp"
            android:layout_below="@+id/Subtract"
            android:layout_marginLeft="300dp"/>
        <Button
            android:id="@+id/Point"
            android:layout_width="100dp"
            android:layout_height="70dp"
            android:text="."
            android:textSize="30sp"
            android:layout_below="@+id/Number1"/>
        <Button
            android:id="@+id/Number0"
            android:layout_width="100dp"
            android:layout_height="70dp"
            android:text="0"
            android:textSize="20sp"
            android:layout_below="@+id/Number2"
            android:layout_marginLeft="100dp"/>
        <Button
            android:id="@+id/Equal"
            android:layout_width="100dp"
            android:layout_height="70dp"
            android:text="="
            android:textSize="20sp"
            android:layout_below="@+id/Number3"
            android:layout_marginLeft="200dp"/>
        <Button
            android:id="@+id/Divide"
            android:layout_width="100dp"
            android:layout_height="70dp"
            android:text="/"
            android:textSize="20sp"
            android:layout_below="@+id/Multiply"
            android:layout_marginLeft="300dp"/>

    </RelativeLayout>

</LinearLayout>

Guess you like

Origin blog.csdn.net/weixin_72634509/article/details/127756192