计算器主界面

文章目录

一、布局的概述
二、以网络布局为例（计算机界面）
1.创建项目
2.设置界面，背景图片
3、新建了一个xml，用于实现显示框的圆角和渐变色，颜色
3、运行效果
总结

一、布局的概述

二、以网络布局为例（计算机界面）

1.创建项目

2.设置界面，背景图片

 <?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"
    tools:context=".jishuanji"
    android:background="@drawable/tt"
    android:padding="15dp"
    android:orientation="vertical">
    <TextView
        android:layout_width="380dp"
        android:layout_height="60dp"
        android:layout_gravity="right"
        android:background="@drawable/custom_border"
        android:gravity="right|center_vertical"
        android:paddingRight="10dp"
        android:text="1234567890"
        android:textColor="#171616"
        android:layout_marginTop="100dp"
        android:textSize="25sp" />
    <GridLayout
        android:layout_width="380dp"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:layout_marginTop="20dp"
        android:columnCount="5"
        android:rowCount="6">
        <Button
            android:layout_column="0"
            android:layout_row="0"
            android:layout_width="78dp"
            android:text="MC" />
        <Button
            android:layout_column="1"
            android:layout_row="0"
            android:layout_width="78dp"
            android:text="MR" />
        <Button
            android:layout_column="2"
            android:layout_row="0"
            android:layout_width="78dp"
            android:text="MS" />
        <Button
            android:layout_column="3"
            android:layout_row="0"
            android:layout_width="78dp"
            android:text="M+" />
        <Button
            android:layout_column="4"
            android:layout_row="0"
            android:layout_width="78dp"
            android:text="M-" />
        <Button
            android:layout_column="0"
            android:layout_row="1"
            android:layout_width="78dp"
            android:text="←" />
        <Button
            android:layout_column="1"
            android:layout_row="1"
            android:layout_width="78dp"
            android:text="CE" />
        <Button
            android:layout_column="2"
            android:layout_row="1"
            android:layout_width="78dp"
            android:text="C" />
        <Button
            android:layout_column="3"
            android:layout_row="1"
            android:layout_width="78dp"
            android:text="±" />
        <Button
            android:layout_column="4"
            android:layout_row="1"
            android:layout_width="78dp"
            android:text="√" />

        <Button
            android:layout_column="0"
            android:layout_row="2"
            android:layout_width="78dp"
            android:text="7" />
        <Button
            android:layout_column="1"
            android:layout_row="2"
            android:layout_width="78dp"
            android:text="8" />
        <Button
            android:layout_column="2"
            android:layout_row="2"
            android:layout_width="78dp"
            android:text="9" />
        <Button
            android:layout_column="3"
            android:layout_row="2"
            android:layout_width="78dp"
            android:text="/" />
        <Button
            android:layout_column="4"
            android:layout_row="2"
            android:layout_width="78dp"
            android:text="%" />
        <Button
            android:layout_column="0"
            android:layout_row="3"
            android:layout_width="78dp"
            android:text="4" />
        <Button
            android:layout_column="1"
            android:layout_row="3"
            android:layout_width="78dp"
            android:text="5" />
        <Button
            android:layout_column="2"
            android:layout_row="3"
            android:layout_width="78dp"
            android:text="6" />
        <Button
            android:layout_column="3"
            android:layout_row="3"
            android:layout_width="78dp"
            android:text="*" />
        <Button
            android:layout_column="4"
            android:layout_row="3"
            android:layout_width="78dp"
            android:text="1/X" />
        <Button
            android:layout_column="0"
            android:layout_row="4"
            android:layout_width="78dp"
            android:text="1" />
        <Button
            android:layout_column="1"
            android:layout_row="4"
            android:layout_width="78dp"
            android:text="2" />
        <Button
            android:layout_column="2"
            android:layout_row="4"
            android:layout_width="78dp"
            android:text="3" />
        <Button
            android:layout_column="3"
            android:layout_row="4"
            android:layout_width="78dp"
            android:text="-" />
        <Button
            android:layout_column="4"
            android:layout_row="4"
            android:layout_width="78dp"
            android:layout_height="95dp"
            android:layout_rowSpan="2"
            android:text="=" />
        <Button
            android:layout_column="0"
            android:layout_row="5"
            android:layout_width="156dp"
            android:layout_columnSpan="2"
            android:text="0" />
        <Button
            android:layout_column="2"
            android:layout_row="5"
            android:layout_width="78dp"
            android:text="." />
        <Button
            android:layout_column="3"
            android:layout_row="5"
            android:layout_width="78dp"
            android:text="+" />
    </GridLayout>
</LinearLayout>

3、运行效果