控件布局方法

方法1:相对父布局定位

方法2:相对某个控件进行定位(依据id属性)


相对父布局定位:

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

   <!--将按钮放置在左上角-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:id="@+id/button_1"
        android:text="Button 1"
        />

    <!--将按钮放在右上角-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:id="@+id/button_2"
        android:text="Button 2"
        />

   <!--将按钮放在正中间-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:id="@+id/button_3"
        android:text="Button 3"
        />

   <!--将按钮放在左下角-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:id="@+id/button_4"
        android:text="Button 4"
        />

    <!--将按钮放在右下角-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"
        android:id="@+id/button_5"
        android:text="Button 5"
        />-->

效果:

控件布局方法



相对某个控件进行定位:

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

    <!--中间-->
    <Button
        android:id="@+id/button_01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button 1"
        android:layout_centerInParent="true"
        />

    <!--置于左上方-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/button_02"
        android:layout_above="@id/button_01"
        android:layout_toLeftOf="@+id/button_01"
        android:text="Button 2"
        />

    <!--置于右上方-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/button_03"
        android:text="Button 3"
        android:layout_above="@+id/button_01"
        android:layout_toRightOf="@+id/button_01"
        />

    <!--置于左下方-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/button_04"
        android:text="Button 4"
        android:layout_below="@+id/button_01"
        android:layout_toLeftOf="@+id/button_01"
        />

    <!--置于右下方-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/button_05"
        android:text="Button 5"
        android:layout_below="@+id/button_01"
        android:layout_toRightOf="@+id/button_01"
        />
</RelativeLayout>

效果:

控件布局方法

文件结构:


文件结构
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。