Android界面布局编程

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			将该组件放置在父组件的水平中央及垂直中央的位