用Android Studio做一个简易的计算器界面

2021-07-08 12:26:54

对于计算器的界面，我是在xml文件里编写

<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="match_parent"
    tools:context=".MyCale"
    >

            <TextView
                android:gravity="right"
                android:id="@+id/input1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:height="100px"
                android:text="3+4"
                android:textSize="50px" />


            <TextView
                android:id="@+id/input2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:height="200px"
                android:text="7"
                android:textSize="100px" />


    <TableLayout
        android:stretchColumns="0,1,2,3">
        <TableRow>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:height="140px"
                android:text="AC"
                android:textSize="50px"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:height="140px"
                android:text="DEL"
                android:textSize="50px"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:height="140px"
                android:text="+/-"
                android:textSize="50px"/>

            <Button
                android:layout_width="72dp"
                android:layout_height="match_parent"
                android:height="140px"
                android:text="÷"
                android:textSize="50px" />

        </TableRow>
        <TableRow>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:height="140px"
                android:text="7"
                android:textSize="50px"/>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:height="140px"
                android:text="8"
                android:textSize="50px"/>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:height="140px"
                android:text="9"
                android:textSize="50px"/>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:height="140px"
                android:text="×"
                android:textSize="50px"/>

        </TableRow>
        <TableRow>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:height="140px"
                android:text="4"
                android:textSize="50px"/>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:height="140px"
                android:text="5"
                android:textSize="50px"/>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:height="140px"
                android:text="6"
                android:textSize="50px"/>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:height="140px"
                android:text="-"
                android:textSize="50px"/>

        </TableRow>
        <TableRow>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:height="140px"
                android:text="1"
                android:textSize="50px"/>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:height="140px"
                android:text="2"
                android:textSize="50px"/>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:height="140px"
                android:text="3"
                android:textSize="50px"/>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:height="140px"
                android:text="+"
                android:textSize="50px"/>

        </TableRow>
        <TableRow>

        <Button
            android:layout_span="2"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:height="140px"
            android:text="0"
            android:textSize="50px" />
        <Button

            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:height="140px"
            android:text="."
            android:textSize="50px"/>
        <Button
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:height="140px"
            android:text="="
            android:textSize="50px"/>
    </TableRow>
    </TableLayout>

</TableLayout>

下面是我在编写时遇到的问题：

1.Tablelayout里如何使一行的四个按钮占满一行？

<TableLayout
        android:stretchColumns="0,1,2,3">

控制某列的按钮拉伸占满剩下的空间，0是第一列。

2.如何使最后一行第一个按钮占两列？

<Button
            android:layout_span="2"

直接在按钮标签里设置占两列。

3.如何使Textview里的文本靠右？

<TextView
                android:gravity="right"

用Android Studio做一个简易的计算器界面

码农公寓

相关文章