精华内容
下载资源
问答
  • RelativeLayout

    2017-01-12 14:21:05
    RelativeLayout

    RelativeLayout

    RelativeLayout 是一种常见的 ViewGroup,允许我们相对于其自身的边缘放置其子项。例如,图例中的
    三个子项分别放置在
    RelativeLayout 的三个角上。 RelativeLayout 还允许我们相对于彼此之间的关系来
    安排子项:可将一个子项放置在另一个子项的右侧,甚至可以重叠。
     


    常见属性:

    //相对于父视图子视图的位置 true false
    android:layout_alignParentTop //子视图在父视图的上面

    android:layout_alignParentLeft //子视图在父视图的左面

    android:layout_alignParentRight //子视图在父视图的右面

    android:layout_alingParentBottom //子视图在父视图的下面

    android:layout_centerHorizontal //子视图在父视图水平中间

    android:layout_vertical //子视图在父视图的竖直中间

    //相对于子视图子视图的位置 ID

    android:layout_toLeftof

    android:layout_below

    android:layout_above

    android:layout_toRightof


    使用Demo:


    <RelativeLayout

    android:layout_width="match_parent"
    android:layout_height="match_parent"/>
    <
    TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:text="upper left"/>
    <
    TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:text="upper right"/>
    <
    TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"

    android:layout_alignParentLeft="true"

    android:layout_alignParentBottom="true"
    android:text="lower left"/>
    </
    RelativeLayout>





    android:layout_below
    展开全文
  • App_RelativeLayout_Aula App RelativeLayout Aula
  • RelativeLayout demo

    2017-06-15 16:29:42
    RelativeLayout 上 下 中 左 右布局 demo
  • Android RelativeLayout布局

    万次阅读 2018-08-24 17:22:45
    1. RelativeLayout类 相对布局(RelativeLayout)将子视图以相对位置显示。默认显示在父视图的左上角。 layout_alignParentTop,父视图的上边 layout_alignParentBottom,父视图的下边 layout_alignParent...

    1. RelativeLayout类

    相对布局(RelativeLayout)将子视图以相对位置显示。默认显示在父视图的左上角。

    • layout_alignParentTop,父视图的上边
    • layout_alignParentBottom,父视图的下边
    • layout_alignParentLeft,父视图的左边
    • layout_alignParentRight,父视图的右边

    设置4个子视图在边角位置。

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <!-- 左上角显示 -->
        <TextView
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:text="Default"
            android:gravity="center"
            android:background="#ffa6a5aa"/>
        <!-- 右上角显示 -->
        <TextView
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:layout_alignParentRight="true"
            android:text="Right"
            android:gravity="center"
            android:background="#ffa6a5aa"/>
        <!-- 左下角显示 -->
        <TextView
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:layout_alignParentBottom="true"
            android:text="Bottom"
            android:gravity="center"
            android:background="#ffa6a5aa"/>
        <!-- 右下角显示 -->
        <TextView
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:layout_alignParentRight="true"
            android:layout_alignParentBottom="true"
            android:text="Right|Bottom"
            android:gravity="center"
            android:background="#ffa6a5aa"/>
    </RelativeLayout>
    

    效果如下
    这里写图片描述

    2. 居中显示

    layout_centerXX可以在父视图内居中显示

    • layout_centerInParent,相对于父视图完全居中
    • layout_centerHorizontal,相对于父视图水平居中
    • layout_centerVertical,相对于父视图垂直居中

    可以配合alignParentXX使用

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <TextView
            android:layout_width="120dp"
            android:layout_height="40dp"
            android:text="centerInParent"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_centerInParent="true"/>
    
        <TextView
            android:layout_width="120dp"
            android:layout_height="40dp"
            android:text="centerHorizontal"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_centerHorizontal="true"/>
    
        <TextView
            android:layout_width="120dp"
            android:layout_height="40dp"
            android:text="alignParentBottom"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_centerHorizontal="true"
            android:layout_alignParentBottom="true"/>
    
        <TextView
            android:layout_width="120dp"
            android:layout_height="40dp"
            android:text="centerVertical"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_centerVertical="true"/>
    
        <TextView
            android:layout_width="120dp"
            android:layout_height="40dp"
            android:text="alignParentRight"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_centerVertical="true"
            android:layout_alignParentRight="true"/>
    
    </RelativeLayout>
    

    效果如下
    这里写图片描述

    3. 相对视图对齐

    • layout_above,视图的下边与相对视图的上边对齐
    • layout_below,视图的的上边与相对视图的下边对齐
    • layout_toRightOf,视图的左边与相对视图的右边对齐
    • layout_toLeftOf,视图的右边与相对视图的左边对齐

    设置的子视图的相对位置,

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <TextView
            android:id="@+id/tv_center"
            android:layout_width="150dp"
            android:layout_height="60dp"
            android:layout_centerInParent="true"
            android:text="center"
            android:background="#ffffcc00"
            android:gravity="center" />
    
        <TextView
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:text="above"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_above="@id/tv_center"/>
    
        <TextView
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:text="below"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_below="@id/tv_center"/>
    
        <TextView
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:text="toRightOf"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_toRightOf="@id/tv_center"/>
    
        <TextView
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:text="toLeftOf"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_toLeftOf="@id/tv_center"/>
    
    </RelativeLayout>
    

    效果如下
    在这里插入图片描述

    4. 边对齐

    • layout_alignTop,视图与基准视图的上边对齐
    • layout_alignBottom:视图与基准视图的下边对齐
    • layout_alignLeft:视图与基准视图的左边对齐
    • layout_alignRight:视图与基准视图的右边对齐
    • layout_alignBaseline:视图与基准视图的基准线对齐

    设置的子视图某条边的对齐方式,

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <TextView
            android:id="@+id/tv_center"
            android:layout_width="150dp"
            android:layout_height="100dp"
            android:layout_centerInParent="true"
            android:text="center"
            android:textSize="32sp"
            android:background="#ffffcc00"
            android:gravity="center" />
    
        <TextView
            android:layout_width="60dp"
            android:layout_height="20dp"
            android:text="alignTop"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_alignTop="@id/tv_center"/>
    
        <TextView
            android:layout_width="60dp"
            android:layout_height="20dp"
            android:text="alignBottom"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_alignBottom="@id/tv_center"/>
    
        <TextView
            android:layout_width="60dp"
            android:layout_height="20dp"
            android:text="alignLeft"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_alignLeft="@id/tv_center"/>
    
        <TextView
            android:layout_width="60dp"
            android:layout_height="20dp"
            android:text="alignRight"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_alignRight="@id/tv_center"/>
    
        <TextView
            android:layout_width="60dp"
            android:layout_height="20dp"
            android:text="alignBaseline"
            android:gravity="center"
            android:background="#ffa6a5aa"
            android:layout_alignBaseline="@id/tv_center"/>
    
    </RelativeLayout>
    

    效果如下
    在这里插入图片描述

    源码下载: https://github.com/nai-chen/AndroidBlog

    相关文章
    Android LinearLayout布局
    Android RelativeLayout布局
    Android ConstraintLayout布局
    Android 自定义布局

    展开全文
  • RelativeLayout布局

    2016-12-27 11:58:29
    RelativeLayout布局
    <?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">
    
        <TextView
            android:id="@+id/ti_t1"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_centerInParent="true"
            android:background="@color/colorPrimary" />
    
        <TextView
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_above="@+id/ti_t1"
            android:layout_centerHorizontal="true"
            android:background="@color/colorAccent" />
    
        <TextView
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_centerVertical="true"
            android:layout_toLeftOf="@+id/ti_t1"
            android:background="@color/colorAccent" />
    
        <TextView
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@+id/ti_t1"
            android:background="@color/colorAccent" />
    
        <TextView
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_below="@+id/ti_t1"
            android:layout_centerHorizontal="true"
            android:background="@color/colorAccent" />
    
    </RelativeLayout>
    

    展开全文
  • Android RelativeLayout

    2017-09-02 15:48:02
    RelativeLayout又称为相对布局,也是一种常用的布局,和LinearLayout的排列规则不同,RelativeLayout显得更加随意一些,它可以通过相对定位的方式让控件出现在布局的任何位置<RelativeLayout xmlns:android=...

    RelativeLayout又称为相对布局,也是一种常用的布局,和LinearLayout的排列规则不同,RelativeLayout显得更加随意一些,它可以通过相对定位的方式让控件出现在布局的任何位置

    <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_alignParentLeft="true"
            android:layout_alignParentBottom="true"
            android:text="Button 4"/>
        <Button
            android:id="@+id/button5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_alignParentBottom="true"
            android:text="Button 5"/>
    
    </RelativeLayout>

    五个按钮,第一个在左上角,第二个在右上角,第三个在最中间,第四个在左下角,第五个在右下角

    android:layout_above属性可以让一个控件位于两一个控件的上方,需要为这个属性指定相对控件id的引用
    android:layout_below属性可以让一个控件位于另一个控件的下方
    android:layout_toLeftof属性可以让一个控件位于另一个控件的左侧
    android:layout_toRightof属性可以让一个控件位于另一个控件的右侧
    android:layout_alignLeft属性可以让一个控件的左边缘和另一个控件的左边缘对齐
    android:layout_alignRight属性可以让一个控件的右边缘和另一个控件的右边缘对齐
    android:layout_alignTop属性可以让一个控件的上边缘和另一个控件的上边缘对齐
    android:layout_alignBottom属性可以让一个控件的下边缘和另一个控件的下边缘对齐

    注意:
    当一个控件去引用另一个控件的id时,该控件一定要定义在引用控件的后面,不然会出现找不到id的情况

    展开全文
  • android RelativeLayout

    2011-08-31 14:21:25
    介绍了android 中 RelativeLayout 下的各种属性。linux下打开.
  • RelativeLayout是相对布局控件:以控件之间相对位置或相对父容器位置进行排列,下面通过本文给大家介绍Android布局之RelativeLayout相对布局,涉及到android relativelayout相对布局相关知识,对android ...
  • relativelayout点击事件

    2017-01-11 08:49:44
    relativelayout的子布局含有EditText,relativelayout设置onClick事件,只要点击到editText 位置,点击事件无效,给editText设置enabled,facusable,clickable,均不好使。请问 怎么设置才能点击relativelayout整个...
  • RelativeLayout 布局练习

    2013-05-04 20:23:40
    RelativeLayout android 布局练习
  • Android布局入门,LinearLayout和RelativeLayout的理解和应用
  • RelativeLayout与LinearLayout的比较

    万次阅读 2014-05-20 21:22:38
    RelativeLayout
  • RelativeLayout 居中

    2017-03-27 21:47:03
    RelativeLayout的子空间中 加上: android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:layout_centerInParent="true

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 19,670
精华内容 7,868
关键字:

relativelayout