Android简易计算器（一）——线性布局实现

拼搏现实的明天。 2022-05-25 08:53 409阅读 0赞

最近在学安卓的相关知识，第一个demo做了一个简易计算器，功能仿手机上自带的计算器，没有加括号，简单的四则运算，支持长表达式运算。

![70][] ![70 1][]

（左侧是 oppo r9自带计算器，右侧是我的效果图）

实现布局的方式有很多，这里我采用的是线性嵌套布局，下面嵌套示意图（不同的颜色表达不同的层级）：

![70 2][]

实现代码：

<?xml version="1.0" encoding="utf-8"?>
    <android.support. constraint .ConstraintLayout 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="com.example.zwkkkk1.caculator1.MainActivity">
    
        <TextView android:id="@+id/txt_result" android:layout_width="match_parent" android:layout_height="47dp" android:layout_marginBottom="13dp" android:layout_marginEnd="16dp" android:layout_marginStart="16dp" android:gravity="end" android:text="" android:textColor="#848484" android:textSize="24sp" app:layout_constraintBottom_toTopOf="@+id/linearLayout" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintHorizontal_bias="0.0" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintVertical_bias="0.409" />
    
        <TextView android:id="@+id/txt_edit" android:layout_width="match_parent" android:layout_height="47dp" android:layout_marginBottom="18dp" android:layout_marginEnd="16dp" android:layout_marginStart="16dp" android:gravity="end" android:text="0" android:textColor="#000000" android:textSize="24sp" app:layout_constraintBottom_toTopOf="@+id/linearLayout" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@+id/txt_result" />
    
        <LinearLayout android:id="@+id/linearLayout" android:layout_width="368dp" android:layout_height="479dp" android:layout_marginStart="4dp" android:layout_marginTop="148dp" android:orientation="vertical" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent">
    
    
            <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal">
    
                <Button android:id="@+id/btn_clear" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="C" />
    
                <Button android:id="@+id/btn_divide" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="÷" />
    
                <Button android:id="@+id/btn_multi" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="×" />
    
                <Button android:id="@+id/btn_back" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="<-" />
    
            </LinearLayout>
    
            <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal">
    
                <Button android:id="@+id/btn_7" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="7" />
    
                <Button android:id="@+id/btn_8" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="8" />
    
                <Button android:id="@+id/btn_9" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="9" />
    
                <Button android:id="@+id/btn_sub" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="-" />
            </LinearLayout>
    
            <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal">
    
                <Button android:id="@+id/btn_4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="4" />
    
                <Button android:id="@+id/btn_5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="5" />
    
                <Button android:id="@+id/btn_6" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="6" />
    
                <Button android:id="@+id/btn_plus" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="+" />
            </LinearLayout>
    
            <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal">
    
                <LinearLayout android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_weight="3" android:orientation="vertical">
    
                    <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal">
    
                        <Button android:id="@+id/btn_1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="2" android:text="1" />
    
                        <Button android:id="@+id/btn_2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="2" android:text="2" />
    
                        <Button android:id="@+id/btn_3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="2" android:text="3" />
                    </LinearLayout>
    
                    <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal">
    
                        <Button android:id="@+id/btn_0" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="2" android:text="0" />
    
                        <Button android:id="@+id/btn_dot" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="." />
    
                    </LinearLayout>
    
                </LinearLayout>
    
                <LinearLayout android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_weight="1" android:orientation="vertical">
    
                    <Button android:id="@+id/btn_equal" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:text="=" />
                </LinearLayout>
            </LinearLayout>
    
        </LinearLayout>
    
    </android.support. constraint .ConstraintLayout>

[70]: https://img-blog.csdn.net/20180511132908903?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3p3a2trazE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 1]: /images/20220525/9e968203d4b0403bbd9f70ad7ae13565.png
[70 2]: /images/20220525/f34fdf86aaa44579a7328178eebd880f.png