AndroidStudio实现简易计算器（表格布局TableLayout）这是⼀个运⽤⽹格布局来做的简易计算器，可能没有那么美观，⼤家可以继续完善
⾸先先看看成果吧
⾸先先建⼀个新的Project Calculator
然后先编写颜⾊背景⽂件
创建⼀个l，哪⾥创建呢？如图
在drawable下右击，选择new–Drawable resource file
第⼀个是⽂件名字，第⼆个属性可以⾃⼰选择，我们这⾥前两个⽂件选择shape，第三个⽂件选selector，附上颜⾊背景代码l
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="schemas.android/apk/res/android">
<corners android:radius="5dp"/>
<solid android:color="#f9f9f9"/>
<stroke
android:width="2dp"
android:color="#ffa600"/>
</shape>
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="schemas.android/apk/res/android">
<corners android:radius="5dp"/> // 圆⾓
<solid android:color="#F7B684"/> //颜⾊
</shape>
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="schemas.android/apk/res/android">
<corners android:radius="5dp"/>
<solid android:color="#ffffff"/>
<stroke
android:width="1dp"
android:color="#ffa600"/>
</shape>
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="schemas.android/apk/res/android">
<item android:drawable="@drawable/gray"/> //默认颜⾊
<item android:drawable="@drawable/orange" android:state_pressed="true"/> //按下的改变的颜⾊</selector>
这个是当你按下按键的时候按键会改变颜⾊
接下来就是布局⽂件了
l
我⽤的是表格布局，⼤家也可以⽤表格布局来写，效果会好⼀些
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="schemas.android/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#D8ECF3">
<TextView
android:gravity="bottom|right"
android:textSize="70dp"
android:singleLine="true"
android:layout_margin="15dp"
android:layout_width="match_parent"
android:layout_height="120dp"
android:background="@drawable/white"
android:id="@+id/textView"/>
<TableRow
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="10dp">
<Button
android:id="@+id/btn_clean"
android:layout_marginLeft="10dp"
android:background="@drawable/orange"
android:gravity="center"
android:text="C"
android:textSize="25sp" />
<Button
android:id="@+id/btn_del"
android:layout_marginLeft="10dp"
android:layout_span="2"
android:background="@drawable/gray"
android:gravity="center"
android:text="Del"
android:textSize="25sp" />
<Button
android:id="@+id/btn_divide"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:background="@drawable/gray"
android:gravity="center"
android:layout_span="1"
android:text="/"
android:textSize="25sp" />
</TableRow>
<TableRow
android layout布局
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="10dp">
<Button
android:id="@+id/btn_7"
android:layout_marginLeft="10dp"
android:background="@drawable/white"
android:gravity="center"
android:text="7"
android:textSize="25sp" />
<Button
android:id="@+id/btn_8"
android:layout_marginLeft="10dp"
android:background="@drawable/white" android:gravity="center"
android:text="8"
android:textSize="25sp" />
<Button
android:id="@+id/btn_9"
android:layout_marginLeft="10dp"
android:background="@drawable/white" android:gravity="center"
android:text="9"
android:textSize="25sp" />
<Button
android:id="@+id/btn_multiply"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:background="@drawable/gray" android:gravity="center"
android:text="*"
android:textSize="25sp" />
</TableRow>
<TableRow
android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginTop="10dp">
<Button
android:id="@+id/btn_4"
android:layout_marginLeft="10dp"
android:background="@drawable/white" android:gravity="center"
android:text="4"
android:textSize="25sp" />
<Button
android:id="@+id/btn_5"
android:layout_marginLeft="10dp"
android:background="@drawable/white" android:gravity="center"
android:text="5"
android:textSize="25sp" />
<Button
android:id="@+id/btn_6"
android:layout_marginLeft="10dp"
android:background="@drawable/white" android:gravity="center"
android:text="6"
android:textSize="25sp" />
<Button
android:id="@+id/btn_add"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:background="@drawable/gray" android:gravity="center"
android:text="+"
android:textSize="25sp" />
</TableRow>
<TableRow
android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginTop="10dp">
<Button
android:id="@+id/btn_1"
android:layout_marginLeft="10dp"
android:background="@drawable/white" android:gravity="center"
android:text="1"
android:textSize="25sp" />
<Button
android:id="@+id/btn_2"
android:layout_marginLeft="10dp"
android:background="@drawable/white"
android:gravity="center"
android:text="2"
android:textSize="25sp" />
<Button
android:id="@+id/btn_3"
android:layout_marginLeft="10dp"
android:background="@drawable/white"
android:gravity="center"
android:text="3"
android:textSize="25sp" />
<Button
android:id="@+id/btn_minus"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:background="@drawable/gray"
android:gravity="center"
android:text="-"
android:textSize="25sp" />
</TableRow>
<TableRow
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_marginTop="10dp">
<Button
android:id="@+id/btn_0"
android:layout_marginLeft="10dp"
android:layout_span="2"
android:background="@drawable/white"
android:gravity="center"
android:text="0"
android:textSize="25sp" />
<Button
android:id="@+id/btn_point"
android:layout_marginLeft="10dp"
android:layout_span="1"
android:background="@drawable/white"
android:gravity="center"
android:text="."
android:textSize="25sp" />
<Button
android:id="@+id/btn_equal"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_span="1"
android:background="@drawable/gray"
android:gravity="center"
android:text="="
android:textSize="25sp" />
</TableRow>
</TableLayout>
接下来就是MainActivity.java
ample.calculator;
import android.support.v7.app.AppCompatActivity; import android.os.Bundle;

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。