Android界面布局编程
一、基本内容与要求
基于android线性布局、帧布局、相对布局、资源文件等知识,完成如图1所示的界面布局。
要求:
1. 布局策略:整个屏幕采用相对布局,屏幕底部部分采用线性布局,屏幕中间部分采用帧布局。
2. 资源文件:要求界面上所使用的资源,包括图片、颜色、字符串、尺寸等均在相应的资源文件中配置。
二、主要技术知识点
1、线性布局
组件在界面中是以线性方式进行排列的,有两种方式:水平排列和垂直排列。
在这种排列模式下,当组件以水平方式排列时,当组件的宽度超过了界面的宽度时,不会自动换行,超过界面宽度部分的组件将被覆盖。
android:id- 为控件指定相应的ID
android:text- 指定控件当中显示的文字,需要注意的是,这里尽量使用string.xml
android:gravity- 指定控件的基本位置,比如说居中,居右等位置
android:textSize- 指定控件当中字体的大小
android:background- 指定控件所用的背景色,RGB命名法
android:layout_width- 指定控件的宽度
android:layout_height - 指定控件的高度
android:layout_weight - 指定控件的占用比例
android:padding- 指定控件的内边距,也就是说控件当中的内容
android:orientation的排列方向,有两个值:"horizontal"和“vertical”
2、相对布局
相对布局,即以某一组件为参照物,其它组件相对该组件的位置。如图2所示,如果A按钮为参照物,B按钮在A按钮的上方,C按钮在A按钮的右边,D按钮在A按钮的下方,E按钮在A按钮的左边。
表1-1 组件之间的位置关系 | ||||
属性名称 | 作用 | |||
android:layout_above | 将组件放在指定ID组件的上方 | |||
android:layout_below | 将组件放在指定ID组件的下方 | |||
android:layout_toLeftOf | 将组件放在指定ID组件的左方 | |||
android:layout_toRightOf | 将组件放在指定ID组件的右方 | |||
表1-2 组件对齐方式 | ||||
属性名称 | 作用 | |||
android:layout_alignBaseline | 将该组件放在指定ID组件进行中心线对齐 | |||
android:layout_alignTop | 将该组件放在指定ID组件进行顶部对齐 | |||
android:layout_alignBottom | 将该组件放在指定ID组件进行底部对齐 | |||
android:layout_alignLeft | 将该组件放在指定ID组件进行左边缘对齐 | |||
android:layout_alignRight | 将该组件放在指定ID组件进行右边缘对齐 | |||
表1-3 当前组件与父组件的对齐方式 | ||||
属性名称 | 作用 | |||
android:layout_alignParentTop | 该组件与父组件进行顶部对齐 | |||
android:layout_alignParentBottom | 该组件与父组件进行底部对齐 | |||
android:layout_alignParentLeft | 该组件与父组件进行左边缘对齐 | |||
android:layout_alignParentRight | 该组件与父组件进行右边缘对齐 | |||
表1-4 组件放置的位置 | ||||
属性名称 | 作用 | |||
android:layout_centerHorizontal | 将该组件放置在水平方向中央的位置 | |||
android:layout_centerVertical | 将该组件放置在垂直方向的中央的位置 | |||
anroid:layout_centerInParent | 将该组件放置在父组件的水平中央及垂直中央的位 |