浅析Android App的相对布局RelativeLayout

所属分类: 软件编程 / Android 阅读数: 382
收藏 0 赞 0 分享

一、什么是相对布局
相对布局是另外一种控件摆放的方式
相对布局是通过指定当前控件与兄弟控件或者父控件之间的相对位置,从而达到相对的位置

二、为什么要使用相对布局
相对于线性布局ui性能好

三、相对布局的两组常用属性
值为某个存在控件id:

(1)android:layout_below放在某个存在id控件的下边缘(也就是当前控件的上边对齐到某个id控件的下边缘

(2)android:layout_above放在某个存在id控件的上边缘(也就是当前控件的下边缘对齐到某个id控件的上边缘

(3)android:layout_toLeftOf 放在某个存在id控件的左边(也就是当前控件的右边对齐到某个id控件的左边

(4)android:layout_toRightOf  放在某个存在id控件的右边(也就是当前控件的左边对齐到某个id控件的右边)

(5)android:layout_alignLeft 当前的控件左边缘对齐到某个存在的id控件的左边缘

(6)android:layout_alignRigth 当前的控件右边缘对齐到某个存在的id控件的右边缘

(7)android:layout_alignTop 当前的控件上边缘对齐到某个存在的id控件的上边缘

(8)android:alignBottom 当前的控件下边缘对齐到某个存在的id控件的下边缘

1.对齐至控件的基准线
基准线是为了保证印刷字母的整齐而划定的线
值为某个存在控件的id:
android:layout_alignBaseline

2.与父控件的四个边缘对齐
值为true or  false:
(1)android:layout_aliginParentLeft 对齐到父控件的左边
(2)android:layout_alignParentRight 对钱对齐到父控件的右边
(3)android:layout_alignParentTop对齐到父控件的上边
(4)android:layout_alignParentBottom 对齐到父控件的下边

3.对齐至父控件的中央位置
值为 true or false:
(1)android:layout_centerInParent  对齐到父控件的最中央位置
(2)android:layout_layout_Horizontal 对齐到父控件水平方向中央的位置
(3)android:layout_centerVertical  对齐到父控件垂直方向中央的位置

4.android 4.2  Relativelayout布局的新属性
值为某个存在控件的di:
(1)android:layout_alignStart 当前控件的起始位置对对齐到某个存在控件id的起始位置
(2)android:layout_alignEnd  当前控件的起始位置对对齐到某个存在控件id的对齐到终点位置

值为true or false:
(1)android:layout_alignParentStart  对齐到父控件的起始位置
(2)android:layout_alignParentEnd 对齐到父控件的终点位置

5.字体居中

android:gravity="center"

默认值:
android:hint="值"
andriod:inputType="textpassworld"

四、相对布局实例—登录界面

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

  xmlns:tools="http://schemas.android.com/tools" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" 
  android:layout_margin="20dp" 
  tools:context=".MainActivity" > 
   
  <TextView  
    android:id="@+id/Txttitle" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:gravity="center_horizontal" 
    android:layout_alignParentRight="true" 
    android:text="登录界面"/> 
 
  <EditText 
    android:id="@+id/username" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignLeft="@id/Txttitle" 
    android:layout_alignRight="@id/Txttitle" 
    android:layout_below="@id/Txttitle"  
    android:layout_marginTop="20dp" 
    android:hint="username"/> 
  <EditText  
    android:id="@+id/password" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@id/username" 
    android:layout_alignLeft="@id/username" 
    android:layout_alignRight="@id/username" 
     android:layout_marginTop="20dp" 
    android:hint="password" 
    android:inputType="textCapWords"/> 
 
</RelativeLayout> 

2016423115552275.jpg (290×344)

更多精彩内容其他人还在看

Android studio点击跳转WebView详解

这篇文章主要为大家详细介绍了Android studio点击跳转WebView的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android自定义Drawable实现圆形和圆角

这篇文章主要为大家详细介绍了Android自定义Drawable实现圆形和圆角,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android自定义水平渐变进度条

这篇文章主要为大家详细介绍了Android自定义水平渐变进度条,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

ToolBar中menu无法同时显示图标和文字问题的解决方法

这篇文章主要为大家详细介绍了ToolBar中menu无法同时显示图标和文字问题的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

详解React Native监听Android回退按键与程序化退出应用

这篇文章主要介绍了详解React Native监听Android回退按键与程序化退出应用的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下
收藏 0 赞 0 分享

android实现上传本地图片到网络功能

这篇文章主要为大家详细介绍了android实现上传本地图片到网络功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android实现QQ登录功能

这篇文章主要为大家详细介绍了Android实现QQ登录功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android实现简单的城市列表功能

这篇文章主要为大家详细介绍了Android实现简单的城市列表功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android Animation之TranslateAnimation(平移动画)

这篇文章主要为大家详细介绍了Animation之TranslateAnimation平移动画,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android 中Failed to read key from keystore解决办法

这篇文章主要介绍了Android 中Failed to read key from keystore解决办法的相关资料,希望通过本能帮助到大家,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多