前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Study Jams_RelativeLayout

Study Jams_RelativeLayout

作者头像
MaybeHC
发布2024-04-23 18:03:03
860
发布2024-04-23 18:03:03
举报
文章被收录于专栏:技术之路技术之路

RelativaLayout

RelativaLayout也被称为相对视图,顾名思义他个可以通过相对定位的方式让控件出现在布局的任意位置。 我将RelativaLayout的属性分成两大类进行介绍,第一类是相对于父视图的属性,第二类是相对于其他控件的属性。 先来说相对于父视图的属性

android:Layout_alignParent+方向=“true”
这里写图片描述
这里写图片描述

由图中我们可以看到相对于父视图的四个方向的单词。当你想让控件相对于父视图在什么位置时,就将该相对父视图的方向的属性设置为true 例:设置一个TextView控件在父视图的下方,那么代码

代码语言:javascript
复制
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="study Jams"
        android:layout_alignParentBottom="true"/>

其他方向都是一样的,如在左侧就是android:layout_alignParentLeft=”true” 也可以类比出如果要设置控件在左下角

代码语言:javascript
复制
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"

还有两条属性可以设置控件的居中,也是常用的属性

代码语言:javascript
复制
android:layout_centerHorizontal="true"
//水平居中
代码语言:javascript
复制
android:layout_centerVertical="true"
//垂直居中

下来介绍相对于控件位置的属性,为以下四种属性 android:layout_above=之后为作为参照物的空间

代码语言:javascript
复制
android:layout_above="@+id/textview"
//该控件在id为textview控件的上方
android:layout_below="@+id/textview"
//该控件在id为textview控件的下方
android:layout_toLeftOf="@+id/textview"
//该控件在id为textview控件的左侧
android:layout_toRightOf="@+id/textview"
//该控件在id为textview控件的右侧

例如如下代码设置内容为Google的TextView位于内容为Study Jams的TextView下发

代码语言:javascript
复制
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#f00"
        android:text="Google"
        android:textSize="22sp"
        android:layout_below="@id/textview"/>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="study Jams"
        android:background="#0f0"
        android:textSize="22sp"
        android:id="@+id/textview"
        />
</RelativeLayout>
这里写图片描述
这里写图片描述
本文参与?腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2024-04-23,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客?前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体分享计划? ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • RelativaLayout
    • android:Layout_alignParent+方向=“true”
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
    http://www.vxiaotou.com