计算机页面（网络布局）

一、网络布局思维导图

二、创建安卓应用

三、将一张背景图片拷贝到drawable目录里

四、主布局资源文件activity-wangloubuju.xml

<?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:background="@drawable/tt"
    android:orientation="vertical"
    tools:context=".wangloubuju">

    <GridLayout
        android:layout_width="380dp"
        android:layout_height="wrap_content"
        android:columnCount="4"
        android:rowCount="5"
        android:layout_gravity="right"
        android:layout_marginTop="200dp">

        <Button
            android:layout_width="78dp"
            android:layout_row="0"
            android:layout_column="0"
            android:text="7" />

        <Button
            android:layout_width="78dp"
            android:layout_row="0"
            android:layout_column="1"
            android:text="8" />

        <Button
            android:layout_width="78dp"
            android:layout_row="0"
            android:layout_column="2"
            android:text="9" />

        <Button
            android:layout_column="3"
            android:layout_row="0"
            android:layout_width="78dp"
            android:layout_height="239dp"
            android:layout_rowSpan="5"
            android:text="%"/>

        <Button
            android:layout_column="0"
            android:layout_row="1"
            android:layout_width="78dp"
            android:text="4"/>
        <Button
            android:layout_column="1"
            android:layout_row="1"
            android:layout_width="78dp"
            android:text="5"/>
        <Button
            android:layout_column="2"
            android:layout_row="1"
            android:layout_width="78dp"
            android:text="6"/>
        <Button
            android:layout_column="0"
            android:layout_row="2"
            android:layout_width="78dp"
            android:text="1"/>
        <Button
            android:layout_column="1"
            android:layout_row="2"
            android:layout_width="78dp"
            android:text="2"/>
        <Button
            android:layout_column="2"
            android:layout_row="2"
            android:layout_width="78dp"
            android:text="3"/>
        <Button
            android:layout_column="0"
            android:layout_row="3"
            android:layout_width="78dp"
            android:text="0"/>
        <Button
            android:layout_column="1"
            android:layout_row="3"
            android:layout_width="78dp"
            android:text="+/-"/>
        <Button
            android:layout_column="2"
            android:layout_row="3"
            android:layout_width="78dp"
            android:text="-"/>
        <Button
            android:layout_column="0"
            android:layout_row="4"
            android:layout_width="78dp"
            android:text="="/>
        <Button
            android:layout_column="1"
            android:layout_row="4"
            android:layout_width="156dp"
            android:layout_columnSpan="2"
            android:text="MC"/>

    </GridLayout>

</LinearLayout>

五、启动应用，查看效果