AndroidStudio相对布局

Posted hollow_future

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了AndroidStudio相对布局相关的知识,希望对你有一定的参考价值。

目录

RelativeLayout常用属性(它们可以几个结合在一起使用):

相对于父容器居中

 相对于父容器对齐

相对于其它控件位置

相对于其它控件对齐

标识符问题

实例演示


RelativeLayout类是ViewGroup的子类也就是相对布局

RelativeLayout常用属性(它们可以几个结合在一起使用):

相对于父容器居中

属性含义
layout_centerInParent在父容器居中
layout_centerHorizontal在父容器水平居中(true | false)
layout_centerVertical在父容器垂直居中

 相对于父容器对齐

属性含义
layout_alignParentLeft与父容器左对齐
layout_alignParentRight与父容器右对齐
layout_alignParentTop与父容器顶对齐
layout_alignParentBottom与父容器底对齐

相对于其它控件位置

属性含义
layout_toLeftOf在……左边
layout_toRightOf在……右边
layout_above在……上面
layout_below在……下面

相对于其它控件对齐

属性含义
layout_alignLeft与……左对齐
layout_alignRight与……右对齐
layout_alignTop与……顶对齐
layout_alignBottom与……底对齐
layout_alignBaseLine与……基线对齐

标识符问题

标识符含义
@+id/button创建新的id(建议使用)
@id/button引用已有的id

实例演示

1.新建一个文件

插入一张图片

 打开字符串资源文件 strings.xml

 在里面输入要用的值

 具体代码:

<resources>
    <string name="app_name">相对布局演示</string>
    <string name="upper_left_corner">左上角</string>
    <string name="upper_right_corner">右上角</string>
    <string name="lower_left_corner">左下角</string>
    <string name="lower_right_corner">右下角</string>
    <string name="center">中央</string>
    <string name="upper_left">左上</string>
    <string name="upper_right">右上</string>
    <string name="lower_left">左下</string>
    <string name="lower_right">右下</string>
    <string name="upper_center">上中</string>
    <string name="left_center">左中</string>
    <string name="right_center">右中</string>
    <string name="butter_center">下中</string>
    <string name="ok">确定</string>
    <string name="cancel">取消</string>
</resources>

 打开主布局资源文件:

改为相对布局并添加中央按钮

 具体代码

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/img01"
    tools:context=".MainActivity">
    <Button
        android:id="@+id/btu_center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/center"
        android:layout_centerInParent="true"/>
</RelativeLayout>

以此类推添加其他按钮

具体代码:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/img01"
    tools:context=".MainActivity">
    <Button
        android:id="@+id/btu_center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/center"
        android:layout_centerInParent="true"/>
    <Button
        android:id="@+id/btu_upper_left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/upper_left"
        android:layout_toLeftOf="@id/btu_center"
        android:layout_above="@id/btu_center"/>
    <Button
        android:id="@+id/btu_upper_right"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/upper_right"
        android:layout_toRightOf="@id/btu_center"
        android:layout_above="@id/btu_center"/>
    <Button
        android:id="@+id/btu_lower_left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/lower_left"
        android:layout_toLeftOf="@id/btu_center"
        android:layout_below="@id/btu_center"/>
    <Button
        android:id="@+id/btu_lower_right"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/lower_right"
        android:layout_toRightOf="@id/btu_center"
        android:layout_below="@id/btu_center"/>
    <Button
        android:id="@+id/btu_ok"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/ok"
        android:layout_below="@id/btu_lower_left"
        android:layout_alignLeft="@id/btu_lower_left"/>
    <Button
        android:id="@+id/btu_cancel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/cancel"
        android:layout_below="@id/btu_lower_right"
        android:layout_alignLeft="@id/btu_lower_right"/>
    <Button
        android:id="@+id/btu_upper_left_corner"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:text="@string/upper_left_corner"/>
    <Button
        android:id="@+id/btu_upper_right_corner"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:text="@string/upper_right_corner"/>
    <Button
        android:id="@+id/btu_lower_left_corner"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentBottom="true"
        android:text="@string/lower_left_corner"/>
    <Button
        android:id="@+id/btu_lower_right_corner"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"
        android:text="@string/lower_right_corner"/>
    <Button
        android:id="@+id/btu_upper_center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/upper_center"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"/>
    <Button
        android:id="@+id/btu_left_center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/left_center"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"/>
    <Button
        android:id="@+id/btu_right_center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/left_center"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"/>
    <Button
        android:id="@+id/btu_butter_center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/butter_center"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"/>



</RelativeLayout>

 启动应用查看效果:

 

 

以上是关于AndroidStudio相对布局的主要内容,如果未能解决你的问题,请参考以下文章

Android布局管理器-从实例入手学习相对布局管理器的使用

android studio布局

AndroidStudio相对布局

Android 新控件之ConstraintLayout(约束布局)

将相对布局转换为线性布局

Android中的ConstraintLayout约束布局