您当前的位置: 首页 > 

蓝不蓝编程

暂无认证

  • 0浏览

    0关注

    706博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

安卓开发入门教程-常用布局_RelativeLayout

蓝不蓝编程 发布时间:2020-09-04 09:01:55 ,浏览量:0

什么是RelativeLayout

RelativeLayout又称相对布局,是安卓开发中几个常用的布局之一,使用频率最高.支持相对于父控件或同级兄弟控件进行定位.

基础样例 1. 相对父控件定位 效果图

代码

    
    
    
    
    

代码说明:

  1. android:layout_centerInParent,设置是否在父控件中居中(横向和纵向).
  2. android:layout_alignParentStart,设置是否和父控件左对齐.
  3. android:layout_alignParentEnd,设置是否和父控件右对齐.
  4. android:layout_alignParentTop,设置是否和父控件上对齐(因为默认就是上对齐的,所以就不用设置了).
  5. android:layout_alignParentBottom,设置是否和父控件下对齐.
2. 相对同级兄弟控件对齐1(layout_align**)

设置本控件的一侧和目标控件(同级兄弟控件)的同侧对齐,如左侧对齐、右侧对齐.

效果图

代码

    
    
    
    
    

代码说明:

  1. android:layout_alignStart,和目标控件左对齐.
  2. android:layout_alignEnd,和目标控件右对齐.
  3. android:layout_alignTop,和目标控件上对齐.
  4. android:layout_alignBottom,和目标控件下对齐.
3. 相对同级兄弟控件对齐2(layout_to**)

设置本控件整体位于目标控件(同级兄弟控件)的左侧、右侧等.

效果图

代码

    
    
    
    
    

代码说明:

  1. android:layout_above,当前控件整体位于目标控件之上.
  2. android:layout_below,当前控件整体位于目标控件之下.
  3. android:layout_toStartOf,当前控件整体位于目标控件左侧.
  4. android:layout_toEndOf,当前控件整体位于目标控件右侧.
基础样例完整源代码

https://gitee.com/cxyzy1/RelativeLayoutDemo

常用属性说明 属性名用途android:layout_width设置控件宽度,可设置为:match_parent(和父控件一样),wrap_content(按照内容自动伸缩),设置固定值(如200dp)android:layout_height设置控件高度,可设置为:match_parent(和父控件一样),wrap_content(按照内容自动伸缩),设置固定值(如200dp)android:background设置背景,可以是色值(如#FF0000)或图片等android:visibility可选值: visible(显示), invisible(隐藏,但是仍占据UI空间),gone(隐藏,且不占UI空间)android:layout_above当前控件整体位于目标控件之上.android:layout_below当前控件整体位于目标控件之下.android:layout_toStartOf当前控件整体位于目标控件左侧.android:layout_toEndOf当前控件整体位于目标控件右侧.android:layout_alignStart和目标控件左对齐.android:layout_alignEnd和目标控件右对齐.android:layout_alignTop和目标控件上对齐.android:layout_alignBottom和目标控件下对齐.android:layout_centerInParent设置是否在父控件中居中(横向和纵向).android:layout_alignParentStart设置是否和父控件左对齐.android:layout_alignParentEnd设置是否和父控件右对齐.android:layout_alignParentTop设置是否和父控件上对齐.android:layout_alignParentBottom设置是否和父控件下对齐.

更多属性及实际效果,可以在开发工具里自行体验.

关注
打赏
1639405877
查看更多评论
立即登录/注册

微信扫码登录

0.0405s