Android——RelativeLayout布局计算器

前端

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <TextView
        android:id="@+id/tv_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="130dp"
        android:layout_marginBottom="100dp"
        android:gravity="right|bottom"
        android:text="计算结果"
        android:textSize="50sp"

        />

    <Button
        android:id="@+id/but_1"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_below="@id/tv_1"
        android:layout_marginLeft="3dp"
        android:text="AC"
        android:textSize="30sp" />

    <Button
        android:id="@+id/but_2"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_alignBottom="@id/but_1"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@id/but_1"
        android:text="DEL"
        android:textSize="30sp" />

    <Button
        android:id="@+id/but_3"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_alignBottom="@id/but_2"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@id/but_2"
        android:text="-/+"
        android:textSize="30sp" />

    <Button
        android:id="@+id/but_8"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_alignBottom="@id/but_3"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@id/but_3"
        android:text="/"
        android:textSize="30sp" />

    <Button
        android:id="@+id/but_4"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_below="@id/but_1"
        android:layout_alignLeft="@id/but_1"
        android:text="7"
        android:textSize="30sp" />

    <Button
        android:id="@+id/but_5"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_below="@id/but_2"
        android:layout_alignLeft="@id/but_2"
        android:text="8"
        android:textSize="30sp" />

    <Button
        android:id="@+id/but_6"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_below="@id/but_3"
        android:layout_alignLeft="@id/but_3"
        android:text="9"
        android:textSize="30sp" />

    <Button
        android:id="@+id/but_7"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_below="@id/but_8"
        android:layout_alignLeft="@id/but_8"
        android:text="*"
        android:textSize="30sp" />

    <Button
        android:id="@+id/but_9"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_below="@id/but_4"
        android:layout_alignLeft="@id/but_4"
        android:text="4"
        android:textSize="30sp" />

    <Button
        android:id="@+id/but_10"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_below="@id/but_5"
        android:layout_alignLeft="@id/but_5"
        android:text="5"
        android:textSize="30sp" />

    <Button
        android:id="@+id/but_11"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_below="@id/but_6"
        android:layout_alignLeft="@id/but_6"
        android:text="6"
        android:textSize="30sp" />

    <Button
        android:id="@+id/but_12"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_below="@id/but_7"
        android:layout_alignLeft="@id/but_7"
        android:text="+"
        android:textSize="30sp" />

    <Button
        android:id="@+id/but_13"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_below="@id/but_9"
        android:layout_alignLeft="@id/but_9"
        android:text="1"
        android:textSize="30sp" />

    <Button
        android:id="@+id/but_14"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_below="@id/but_10"
        android:layout_alignLeft="@id/but_10"
        android:text="2"
        android:textSize="30sp" />

    <Button
        android:id="@+id/but_15"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_below="@id/but_11"
        android:layout_alignLeft="@id/but_11"
        android:text="3"
        android:textSize="30sp" />

    <Button
        android:id="@+id/but_16"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_below="@id/but_12"
        android:layout_alignLeft="@id/but_12"
        android:text="-"
        android:textSize="30sp" />

    <Button
        android:id="@+id/but_17"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_below="@id/but_13"
        android:layout_alignLeft="@id/but_13"
        android:text="="
        android:textSize="30sp" />

    <Button
        android:id="@+id/but_18"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_below="@id/but_14"
        android:layout_alignLeft="@id/but_14"
        android:text="0"
        android:textSize="30sp" />

    <Button
        android:id="@+id/but_19"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_below="@id/but_15"
        android:layout_alignLeft="@id/but_15"
        android:text="."
        android:textSize="30sp" />

    <Button
        android:id="@+id/but_20"
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:layout_below="@id/but_16"
        android:layout_alignLeft="@id/but_16"
        android:text="%"
        android:textSize="30sp" />
</RelativeLayout>

效果图

Android——RelativeLayout布局计算器

 

上一篇:Android笔记——相对布局(RelativeLayout)


下一篇:Androi Studio 之 LinearLayout 和 RelativeLayout