Android 计算器页面设计

Posted m0_50484391

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android 计算器页面设计相关的知识,希望对你有一定的参考价值。

页面设计程序:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:gravity="center"
    android:orientation="vertical"
    tools:context="com.example.calculator.MainActivity">

    <TextView
        android:id="@+id/show_text"
        android:layout_width="300dp"
        android:layout_height="70dp"

        android:layout_marginBottom="10dp"
        android:gravity="right|center_vertical"
        android:hint="请输入数字"
        android:paddingRight="20dp"
        android:textSize="30sp" />

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

        <Button
            android:id="@+id/button_back"
            android:layout_width="60dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="←" />

        <Button
            android:id="@+id/button_clear"
            android:layout_width="60dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="C" />

        <Button
            android:id="@+id/button_factorial"
            android:layout_width="60dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="!" />

        <Button
            android:id="@+id/button_sqrt"
            android:layout_width="60dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="√" />

        <Button
            android:id="@+id/button_sin"
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="sin" />

        <Button
            android:id="@+id/button_9"
            android:layout_width="60dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="9" />

        <Button
            android:id="@+id/button_8"
            android:layout_width="60dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="8" />

        <Button
            android:id="@+id/button_7"
            android:layout_width="60dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="7" />

        <Button
            android:id="@+id/button_divided"
            android:layout_width="60dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="/" />

        <Button
            android:id="@+id/button_cos"
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="cos" />

        <Button
            android:id="@+id/button_4"
            android:layout_width="60dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="4" />

        <Button
            android:id="@+id/button_5"
            android:layout_width="60dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="5" />

        <Button
            android:id="@+id/button_6"
            android:layout_width="60dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="6" />

        <Button
            android:id="@+id/button_multi"
            android:layout_width="60dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="*" />

        <Button
            android:id="@+id/button_tan"
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="tan" />

        <Button
            android:id="@+id/button_1"
            android:layout_width="60dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="1" />

        <Button
            android:id="@+id/button_2"
            android:layout_width="60dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="2" />

        <Button
            android:id="@+id/button_3"
            android:layout_width="60dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="3" />

        <Button
            android:id="@+id/button_sub"
            android:layout_width="60dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="-" />

        <Button
            android:id="@+id/button_equal"
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="=" />

        <Button
            android:id="@+id/button_0"
            android:layout_width="60dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="0" />

        <Button
            android:id="@+id/button_point"
            android:layout_width="60dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="." />

        <Button
            android:id="@+id/button_add"
            android:layout_width="60dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="+" />
        <Button
            android:id="@+id/button_leftbra"
            android:layout_width="60dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text="(" />

        <Button
            android:id="@+id/button_rightbra"
            android:layout_width="70dp"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#c5d381"
            android:text=")" />

    </GridLayout>

</LinearLayout>

结果展示:

以上是关于Android 计算器页面设计的主要内容,如果未能解决你的问题,请参考以下文章

Android 计算器页面设计

Android 计算器页面设计

h5页面设计规范

Android ViewPager - 此设计的平滑过渡

分享5个计算机专业毕业总结

android个人中心页面的设计