2.2.2.1 页面制作基础
页面主要由文本和图像组成。内容是应用的灵魂，而文本和图像则是构成应用灵魂的物质基础，因此，一个内容充实的应用必然会使用大量的文本和图像，
1、显示文本
通常使用“文本”组件显示文本，在需要显示文本的地方添加文本组件。设置“文本”属性为要显示的文本，就会在页面上显示出设置的文本信息。文本默认黑色宋体14px，通过设置字体样式改变字体、字体大小和字体颜色。
2、显示图像
通常使用“图片”组件显示图像，在需要显示图像的地方添加图片组件，并上传要显示的图像，图片组件即可显示出已上传的图像。上传图像的方法是：单击“图片地址”属性后侧的…按钮，打开“属性编辑-图片地址”对话框。单击“上传至当前目录”按钮上传图像，上传后，会显示在对话框中，选择已上传的图像，单击“确定”按钮，关闭对话框，同时图片组件显示出刚才选择的图像。
3、文字居中显示
“文本”组件能设置显示的内容，不能设置显示的位置。容器组件可以决定内部组件显示的位置。最常用的容器组件是“视图”组件。在视图组件中放入文本组件，设置视图组件的文字对齐样式为居中对齐，视图组件中的文本组件就会居中显示。默认是左对齐，还可以设置为居中对齐和右对齐，效果如图3-19所示。
图3-19 文本对齐
4、图片上显示文字
通常页面上的组件在整个页面上按从上到下的顺序显示，在每一行中按从左到右的顺序显示。那么如何实现在图片上显示文字呢？这就需要使用绝对定位和相对定位。
每个组件都有自己的边缘，设置了绝对定位的组件和设置了相对定位的组件，可以设置边缘之间的距离，这样就确定了绝对定位组件在相对定位组件中的显示位置，如图3-20所示。注意：相对定位组件和绝对定位组件不是同级组件，相对定位组件必须是绝对定位组件的父级组件。
图3-20 绝对定位和相对定位
视图组件中包含文本组件和图片组件，文本要显示在图片上面的做法是：
l 将视图组件的“定位方式”属性设置为“相对定位”
l 将文本组件的“定位方式”属性设置为“绝对定位”，并设置“距离顶部”和“距离左边”两个属性为10px
结果是图片在视图中正常显示，文本显示在距离视图左上角10px的位置，看起来就像是显示在图片上。
5、一行内显示多个文本或图片
在一行内放多个文本组件或图片组件时，它们会挨在一起显示。如何让它们均匀显示呢？“行列”组件将屏幕宽度分成几列，在每个列中添加文本或图片组件，就可以实现一行显示多个文本或图片，如图3-21所示。
图3-21 行列组件结构