【例1-4】相对布局应用示例

将图像文件abc.jpg复制到drawable目录下, 然后设计一个相对布局。

教学视频

1 布局文件activity_main4.xml的源代码

<?xml version="1.0" encoding="utf-8"?>

<!--【例1-4】应用相对布局设计一个图片和4个按钮 -->

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:id="@+id/RelativeLayout1"

    android:layout_width="match_parent"

    android:layout_height="match_parent" >

    <!-- 这个是在容器中央 -->

    <ImageView

        android:id="@+id/img"

        android:layout_width="80dp"

        android:layout_height="80dp"

        android:layout_centerInParent="true"

        android:src="@drawable/abc" />

    <!-- 在图片的左边 -->

    <Button

        android:id="@+id/btn1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_toLeftOf="@id/img"

        android:layout_centerVertical="true"

        android:text="左边" />

    <!-- 在图片的右边 -->

    <Button

        android:id="@+id/btn2"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_toRightOf="@id/img"

        android:layout_centerVertical="true"

        android:text="右边" />

    <!-- 在图片的上面-->

    <Button

        android:id="@+id/btn3"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_above="@id/img"

        android:layout_centerHorizontal="true"

        android:text="上面" />

    <!-- 在图片的下面 -->

    <Button

        android:id="@+id/btn4"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_below="@id/img"

        android:layout_centerHorizontal="true"

        android:text="下面"  />

</RelativeLayout>

2 控制文件MainActivity.java源代码

package com.example.chap01;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main4);    //【例1-4】

    }

}