用Android Studio做一個簡易的計算器界面


對於計算器的界面,我是在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"

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM