android的计算器简单布局————网格布局

首先先放出效果图:
简单计算器

我是用线性布局,中间插入网格布局。并将方向设置为垂直,

           <TextView
               android:layout_width="match_parent"
               android:layout_height="50dp"
               android:background="@drawable/custom_border"
               android:gravity="right|center_vertical"
               android:paddingRight="10dp"
               android:text="0123456789"
               android:textColor="#0000ff"
               android:textSize="25sp" />

这是显示框的代码

<GridLayout
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:layout_marginTop="10dp"
               android:columnCount="5"
               android:rowCount="6">

               <Button
                   android:layout_width="65dp"
                   android:layout_column="0"
                   android:layout_row="0"
                   android:text="MC" />

               <Button
                   android:layout_width="65dp"
                   android:layout_column="1"
                   android:layout_row="0"
                   android:text="MR" />

               <Button
                   android:layout_width="65dp"
                   android:layout_column="2"
                   android:layout_row="0"
                   android:text="MS" />

               <Button
                   android:layout_width="65dp"
                  android:layout_column="3"
                   android:layout_row="0"
                   android:text="M+" />

               <Button
                   android:layout_width="65dp"
                   android:layout_column="4"
                   android:layout_row="0"
                   android:text="M-" />

               <Button
                   android:layout_width="65dp"
                   android:layout_column="0"
                   android:layout_row="1"
                   android:text="←" />

               <Button
                   android:layout_width="65dp"
                   android:layout_column="1"
                   android:layout_row="1"
                   android:text="CE" />

               <Button
                   android:layout_width="65dp"
                   android:layout_column="2"
                   android:layout_row="1"
                   android:text="C" />

               <Button
                   android:layout_width="65dp"
                   android:layout_column="3"
                   android:layout_row="1"
                   android:text="±" />

               <Button
                   android:layout_width="65dp"
                  android:layout_column="4"
                   android:layout_row="1"
                   android:text="√" />

               <Button
                   android:layout_width="65dp"
                   android:layout_column="0"
                   android:layout_row="2"
                   android:text="7" />

               <Button
                   android:layout_width="65dp"
                   android:layout_column="1"
                   android:layout_row="2"
                   android:text="8" />

              <Button
                  android:layout_width="65dp"
                 android:layout_column="2"
                  android:layout_row="2"
                  android:text="9" />

              <Button
                  android:layout_width="65dp"
                  android:layout_column="3"
                  android:layout_row="2"
                  android:text="/" />

              <Button
                  android:layout_width="65dp"
                 android:layout_column="4"
                  android:layout_row="2"
                  android:text="%" />


              <Button
                  android:layout_width="65dp"
                  android:layout_column="0"
                  android:layout_row="3"
                  android:text="4" />

              <Button
                  android:layout_width="65dp"
                  android:layout_column="1"
                  android:layout_row="3"
                  android:text="5" />

              <Button
                 android:layout_width="65dp"
                  android:layout_column="2"
                  android:layout_row="3"
                  android:text="6" />

              <Button
                  android:layout_width="65dp"
                  android:layout_column="3"
                  android:layout_row="3"
                  android:text="*" />

              <Button
                  android:layout_width="65dp"
                  android:layout_column="4"
                  android:layout_row="3"
                  android:text="1/x" />

              <Button
                  android:layout_width="65dp"
                  android:layout_column="0"
                  android:layout_row="4"
                  android:text="1" />

              <Button
                  android:layout_width="65dp"
                  android:layout_column="1"
                  android:layout_row="4"
                  android:text="2" />

              <Button
                  android:layout_width="65dp"
                  android:layout_column="2"
                  android:layout_row="4"
                  android:text="3" />

              <Button
                  android:layout_width="65dp"
                  android:layout_column="3"
                  android:layout_row="4"
                  android:text="-" />

              <Button
                  android:layout_width="65dp"
                  android:layout_height="95dp"
                  android:layout_column="4"
                  android:layout_row="4"
                  android:layout_rowSpan="2"
                  android:text="=" />

              <Button
                  android:layout_width="130dp"
                  android:layout_column="0"
                 android:layout_columnSpan="2"
                 android:layout_row="5"
                 android:text="0" />

             <Button
                 android:layout_width="65dp"
                 android:layout_column="2"
                 android:layout_row="5"
                 android:text="." />

             <Button
                 android:layout_width="65dp"
                 android:layout_column="3"
            android:layout_row="5"
                 android:text="+" />

          </GridLayout>

网格布局设置其行数和列数。在设置每个按钮的大小,按钮的位置。其实可以平均分每个按钮的大小。只是我还不太会那个所以就没有。

            android:padding="15dp"
            android:background="@mipmap/back"

设置显示框离顶部的距离。
和设置背景。这样就大致完成了简单计算器的布局

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值