【Android】 calculator计算器

一、实现界面

二、关键代码

1.activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <EditText
        android:gravity="right"
        android:paddingTop="30dp"
        android:textSize="100sp"
        android:layout_height="150dp"
        android:layout_width="match_parent"
        android:hint="0"/>
    <TableRow>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="C"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="←"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="%"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="÷"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
    </TableRow>
    <TableRow>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="7"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="8"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="9"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="x"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
    </TableRow>
    <TableRow>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="4"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="5"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="6"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="-"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
    </TableRow>
    <TableRow>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="1"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="2"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="3"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            android:text="+"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
    </TableRow>
    <TableRow>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="0"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="."
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="="
            android:layout_span="2"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
    </TableRow>
</TableLayout>

2.values-->styles.xml

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
    <style name="ButtonStyle" >
        <item name="android:radius">10dp</item>
        <item name="android:textStyle">bold</item>
        <item name="android:textSize">20sp</item>
        <item name="android:color">#000</item>
        <item name="android:borderlessButtonStyle">@style/TextAppearance.AppCompat.Body1</item>
    </style>


</resources>

 

持续更新ing......