android 相对于另外一个居中

转载

架构设计师 2024-11-05 19:34:19

文章标签 android 相对于另外一个居中 android 相对布局 xml 文章分类 Android 移动开发

相对布局是采用相对于其他组件的位置的布局方式。在相对布局中，通过指定ID关联其他组件，从而以右对齐、上对齐、下对齐或屏幕中央对齐等方式来排列组件。

在XML布局文件中，由根元素RelativeLayout来标识相对布局。

本博文就以实现图片两种效果为例，讲解如何操作：

android 相对于另外一个居中_相对布局

在本文阅览之前，确保大家会跑第一个hello,world。可以参考这个mooc讲的内容

mooc链接

布局步骤

创建新Project

android 相对于另外一个居中_xml_02

点进Project—>Empty Activity—>然后finish即可。成功之后，点击箭头运行程序。

android 相对于另外一个居中_xml_03

默认配置的话，应该可以跑起来hello world。然后我们继续做下一个不走

上传图片资源

从网上照一张或者自己搞一张5050~7575之间的图片，任意但不要太大，格式任意，名字不要任意。名字英文！规范！初学者就取by吧(测试里用了by)

android 相对于另外一个居中_android_04

一定要拖到drawable，比如像这种拖拽，

android 相对于另外一个居中_android 相对于另外一个居中_05

ok后，我们基础图片有了，直接上测试样例

布局测试源码

代码后对此作详细讲解。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"

>
    <ImageView
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_centerInParent="true"
        android:src="@drawable/by"
        android:id="@+id/img"
        />

    <Button
        android:id="@+id/btn1"
        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/btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/img"
        android:layout_centerHorizontal="true"
        android:text="下面" />

    <Button
        android:id="@+id/btn3"
        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/btn4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/img"
        android:layout_centerVertical="true"
        android:text="右边" />


</RelativeLayout>