标签：RelativeLayout 前端 布局 效果图 计算器 Android

前端

<?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>

效果图

标签：RelativeLayout,前端,布局,效果图,计算器,Android
来源： https://www.cnblogs.com/MrZhaoprogramnotes/p/15302349.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。