RelativeLayout(相对布局)
16lz
2021-01-23
相对布局的子控件会根据它们所设置的参照控件和参数进行相对布局。
参照控件:aclock 控件与容器之间
android:layout_alignParentLeft="true" 位于父容器左上角 android:layout_alignParentBottom, android:layout_alignParentTop, android:layout_alignParentRight只能在父控件为RelativeLayout时才起作用,而对于像LinearLayout这样的布局不起作用
android:layout_centerInParent="true" 位于布局容器的中央位置;
layout_centerHorizontal位于布局容器水平居中位置;
layout_centerVertical位于布局容器垂直居中位置
被参照控件:控件与控件之间位置
android:layout_below="@id/aclock" 位于aclock组件下方
android:layout_toLeftOf="@id/dclock"位于dclock组件左则
控件与控件之间对齐方式
android:layout_alignLeft="@id/aclock"与aclock组件左边界对齐;
android:layout_alignTop="@id/aclock"与aclock组件上边界对齐
效果:
代码:
1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:tools="http://schemas.android.com/tools" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" 5 tools:context=".AndroidRelativeLayoutActivity" > 6 7 <AnalogClock 8 android:id="@+id/aclock" 9 android:layout_width="wrap_content"10 android:layout_height="wrap_content"11 android:layout_centerInParent="true" >12 </AnalogClock>13 14 <!--15 android:layout_below="@id/aclock" 位于模拟时钟下面。如果没有设置属性layout_alignLeft和layout_marginLeft ,16 该数字时钟会顶到左屏幕边显示;alignLeft="@id/aclock" 和属性layout_below 配合使用,使得该数字时钟和上面的模拟时钟的左边距对齐,17 如果没有设置marginLeft 属性的话和上面的两个属性配合使用,使得数字时钟距模拟时钟的左边距40个像素18 19 -->20 21 <DigitalClock22 android:id="@+id/dclock"23 android:layout_width="wrap_content"24 android:layout_height="wrap_content"25 android:layout_alignLeft="@id/aclock"26 android:layout_below="@id/aclock"27 android:layout_marginLeft="40px" >28 </DigitalClock>29 30 <TextView31 android:layout_width="wrap_content"32 android:layout_height="wrap_content"33 android:layout_alignTop="@id/aclock"34 android:layout_toLeftOf="@id/dclock"35 android:text="当前时间" >36 </TextView>37 38 </RelativeLayout>
更多相关文章
- Android基础————UI布局之高级控件详解
- Android常用控件—TextView及其子类Button、EditText等
- 自定义Android 标题栏TitleBar布局
- android ImageView 控件
- Android开发中XML布局的常用属性说明
- Android控件开发之TextView
- Android下 布局加边框 指定背景色 半透明
- Android 的相对布局的一些使用
- Android 开发入门-详解4种基本布局