浅析Android App的相对布局RelativeLayout
一、什么是相对布局
相对布局是另外一种控件摆放的方式
相对布局是通过指定当前控件与兄弟控件或者父控件之间的相对位置,从而达到相对的位置
二、为什么要使用相对布局
相对于线性布局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>
推荐阅读
-
浅析Android App的相对布局RelativeLayout
-
深入解析Android App的LayoutInflate布局
-
Android应用的LinearLayout中嵌套RelativeLayout的布局用法
-
Android App中使用LinearLayout进行居中布局的实例讲解
-
浅析Android App的相对布局RelativeLayout
-
Android中使用GridLayout网格布局来制作简单的计算器App
-
Android应用的LinearLayout中嵌套RelativeLayout的布局用法
-
Android App中的多个LinearLayout嵌套布局实例解析
-
Android App中使用LinearLayout进行居中布局的实例讲解
-
Android中关于相对布局RelativeLayout的技巧汇总