关闭

详解android四种布局之RelativeLayout

标签: relativelayoutandroid布局
92人阅读 评论(0) 收藏 举报
分类:

第二种布局: RelativeLayout

    RelativeLayout又称作相对布局,也是一种非常常用的布局。,它可以通过相对定位的方式让控件出现在布局 的任何位置。也正因为如此,RelativeLayout中的属性非常多,不过这些属性都是有规律可 循的,其实并不难理解和记忆。

1. RelativeLayout相对父布局进行定位

1.1 xml文件代码

<?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/button1" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignParentLeft="true" 
        android:layout_alignParentTop="true" 
        android:text="Button 1" />

    <Button 
        android:id="@+id/button2" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignParentRight="true" 
        android:layout_alignParentTop="true" 
        android:text="Button 2" />

    <Button 
        android:id="@+id/button3" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerInParent="true" 
        android:text="Button 3" />

    <Button 
        android:id="@+id/button4" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignParentBottom="true"    
        android:layout_alignParentLeft="true" 
        android:text="Button 4" /> 

    <Button 
        android:id="@+id/button5" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignParentBottom="true" 
        android:layout_alignParentRight="true" 
        android:text="Button 5" /> 
</RelativeLayout>

1.2 RelativeLayout布局时控件可使用的属性说明:

1.2.1 android:layout_centerInParent=”true” 在父布局的正中央

1.2.2 android:layout_alignParentBottom=”true” 在父布局的底端

1.2.3 android:layout_alignParentTop=”true” 在父布局的顶端

1.2.4 android:layout_alignParentRight=”true” 在父布局的右端

1.2.5 android:layout_alignParentLeft=”true” 在父布局的左端

注意:单一对齐方式出现时,Right和Left只在顶端出现,Botton和Top只在底端出现

1.3 效果:

这里写图片描述


2. RelativeLayout相对其他控件布局

2.1 以下为xml文件的代码:

<?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/button3" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerInParent="true" 
        android:text="Button 3" />

    <Button 
        android:id="@+id/button1" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_above="@id/button3" 
        android:layout_toLeftOf="@id/button3" 
        android:text="Button 1" />

    <Button 
        android:id="@+id/button2" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_above="@id/button3" 
        android:layout_toRightOf="@id/button3" 
        android:text="Button 2" />

    <Button 
        android:id="@+id/button4" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_below="@id/button3" 
        android:layout_toLeftOf="@id/button3" 
        android:text="Button 4" />

    <Button 
        android:id="@+id/button5"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_below="@id/button3" 
        android:layout_toRightOf="@id/button3" 
        android:text="Button 5" />
</RelativeLayout>

2.2 RelativeLayout布局时,控件可使用属性说明:

2.2.1 android:layout_above=”@id/button3” 在button3控件上方

2.2.2 android:layout_below=”@id/button3” 在button3控件下方

2.2.3 android:layout_toRightOf=”@id/button3” 在button3控件右方

2.2.4 android:layout_toLeftOf=”@id/button3” 在button3控件左方

2.2.5 注意:单一出现时,toLeftOf和toRightOf分别在button3左右两边的最上方,above和below分别在button3的上下两边的最左边

2.3 效果:

2.3.1 完整

完整

2.3.1 单一左边:layout_toLeftOf=”@id/button3”

单一左边

2.3.3 单一上边:layout_above=”@id/button3”

单一上边

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:9880次
    • 积分:492
    • 等级:
    • 排名:千里之外
    • 原创:40篇
    • 转载:1篇
    • 译文:1篇
    • 评论:0条