Android开发基础篇--实现计算器布局(相对布局)

一：相对布局(RelativeLayout)

二:相对布局属性

三:效果图

四:样式(Values下的styles.xml)

 <style name="ButtonStyle" >
        <item name="android:radius">10dp</item>
        <item name="android:textStyle">bold</item>
        <item name="android:textSize">20sp</item>
        <item name="android:color">#000</item>
        <item name="android:borderlessButtonStyle">@style/TextAppearance.AppCompat.Body1</item>
    </style>

五：布局代码

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
<TextView
    android:textStyle="bold"
    android:paddingLeft="30dp"
    android:rotation="180"
    android:textSize="100sp"
    android:text="0"
    android:id="@+id/content"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_width="match_parent"
    android:layout_height="200dp" />

    <RelativeLayout
        android:layout_below="@id/content"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <Button
            android:layout_marginTop="10dp"
            style="@style/ButtonStyle"
            android:layout_marginLeft="10dp"
            android:id="@+id/btn_c"
            android:text="C"
            android:layout_width="90dp"
            android:layout_height="90dp" />
        <Button
            android:layout_marginTop="10dp"
            style="@style/ButtonStyle"
            android:layout_marginLeft="10dp"
            android:id="@+id/btn_delete"
            android:text="←"
            android:layout_toRightOf="@+id/btn_c"
            android:layout_width="90dp"
            android:layout_height="90dp" />

        <Button
            android:layout_marginTop="10dp"
            style="@style/ButtonStyle"
            android:layout_marginLeft="10dp"
            android:id="@+id/btn_SeekSurplus"
            android:layout_toRightOf="@+id/btn_delete"
            android:layout_width="90dp"
            android:layout_height="90dp"
            android:text="%" />
        <Button
            android:layout_marginTop="10dp"
            style="@style/ButtonStyle"
            android:id="@+id/btn_division"
            android:layout_marginLeft="10dp"
            android:layout_toRightOf="@+id/btn_SeekSurplus"
            android:text="÷"
            android:layout_width="90dp"
            android:layout_height="90dp" />




        <Button
            android:layout_marginTop="10dp"
            style="@style/ButtonStyle"
            android:layout_marginLeft="10dp"
            android:id="@+id/btn_7"
            android:text="7"
            android:layout_below="@+id/btn_c"
            android:layout_width="90dp"
            android:layout_height="90dp" />
        <Button
            android:layout_marginTop="10dp"
            style="@style/ButtonStyle"
            android:layout_marginLeft="10dp"
            android:id="@+id/btn_8"
            android:text="8"
            android:layout_toRightOf="@+id/btn_7"
            android:layout_below="@+id/btn_delete"
            android:layout_width="90dp"
            android:layout_height="90dp" />

        <Button
            android:layout_marginTop="10dp"
            style="@style/ButtonStyle"
            android:layout_marginLeft="10dp"
            android:id="@+id/btn_9"
            android:layout_below="@+id/btn_SeekSurplus"
            android:layout_toRightOf="@+id/btn_8"
            android:layout_width="90dp"
            android:layout_height="90dp"
            android:text="9" />
        <Button
            android:layout_marginTop="10dp"
            style="@style/ButtonStyle"
            android:id="@+id/btn_multiplication"
            android:layout_marginLeft="10dp"
            android:layout_toRightOf="@+id/btn_9"
            android:layout_below="@+id/btn_division"
            android:text="×"
            android:layout_width="90dp"
            android:layout_height="90dp" />



        <Button
            android:layout_marginTop="10dp"
            style="@style/ButtonStyle"
            android:layout_marginLeft="10dp"
            android:id="@+id/btn_4"
            android:text="4"
            android:layout_below="@+id/btn_7"
            android:layout_width="90dp"
            android:layout_height="90dp" />
        <Button
            android:layout_marginTop="10dp"
            style="@style/ButtonStyle"
            android:layout_marginLeft="10dp"
            android:id="@+id/btn_5"
            android:text="5"
            android:layout_toRightOf="@+id/btn_7"
            android:layout_below="@+id/btn_8"
            android:layout_width="90dp"
            android:layout_height="90dp" />

        <Button
            android:layout_marginTop="10dp"
            style="@style/ButtonStyle"
            android:layout_marginLeft="10dp"
            android:id="@+id/btn_6"
            android:layout_below="@+id/btn_9"
            android:layout_toRightOf="@+id/btn_8"
            android:layout_width="90dp"
            android:layout_height="90dp"
            android:text="6" />
        <Button
            android:layout_marginTop="10dp"
            style="@style/ButtonStyle"
            android:id="@+id/btn_Sub"
            android:layout_marginLeft="10dp"
            android:layout_toRightOf="@+id/btn_9"
            android:layout_below="@+id/btn_multiplication"
            android:text="-"
            android:layout_width="90dp"
            android:layout_height="90dp" />



        <Button
            android:layout_marginTop="10dp"
            style="@style/ButtonStyle"
            android:layout_marginLeft="10dp"
            android:id="@+id/btn_1"
            android:text="1"
            android:layout_below="@+id/btn_4"
            android:layout_width="90dp"
            android:layout_height="90dp" />
        <Button
            android:layout_marginTop="10dp"
            style="@style/ButtonStyle"
            android:layout_marginLeft="10dp"
            android:id="@+id/btn_2"
            android:text="2"
            android:layout_toRightOf="@+id/btn_7"
            android:layout_below="@+id/btn_5"
            android:layout_width="90dp"
            android:layout_height="90dp" />

        <Button
            android:layout_marginTop="10dp"
            style="@style/ButtonStyle"
            android:layout_marginLeft="10dp"
            android:id="@+id/btn_3"
            android:layout_below="@+id/btn_6"
            android:layout_toRightOf="@+id/btn_8"
            android:layout_width="90dp"
            android:layout_height="90dp"
            android:text="3" />
        <Button
            android:layout_marginTop="10dp"
            style="@style/ButtonStyle"
            android:id="@+id/btn_add"
            android:layout_marginLeft="10dp"
            android:layout_toRightOf="@+id/btn_9"
            android:layout_below="@+id/btn_Sub"
            android:text="+"
            android:layout_width="90dp"
            android:layout_height="90dp" />


        <Button
            android:layout_marginTop="10dp"
            style="@style/ButtonStyle"
            android:layout_marginLeft="10dp"
            android:id="@+id/btn_0"
            android:text="0"
            android:layout_below="@+id/btn_2"
            android:layout_width="90dp"
            android:layout_height="90dp" />
        <Button
            android:layout_marginTop="10dp"
            style="@style/ButtonStyle"
            android:layout_marginLeft="10dp"
            android:id="@+id/btn_little"
            android:text="."
            android:layout_toRightOf="@+id/btn_7"
            android:layout_below="@+id/btn_3"
            android:layout_width="90dp"
            android:layout_height="90dp" />

        <Button
            android:layout_marginTop="10dp"
            style="@style/ButtonStyle"
            android:layout_marginRight="10dp"
            android:layout_marginLeft="10dp"
            android:id="@+id/btn_equle"
            android:layout_below="@+id/btn_add"
            android:layout_toRightOf="@+id/btn_8"
            android:layout_width="match_parent"
            android:layout_height="90dp"
            android:text="=" />
        <Button
            style="@style/ButtonStyle"
            android:layout_marginLeft="10dp"
            android:layout_toRightOf="@+id/btn_9"
            android:layout_below="@+id/btn_add"
            android:text="0"
            android:layout_width="0dp"
            android:layout_height="wrap_content" />
    </RelativeLayout>
</RelativeLayout>

---

相关学习链接:
菜鸟编程网相对布局教程链接