Android9编程五：Layout资源

Android中的UI定义文件是一个XML文件，由于它不是 Java 代码，所以它被归为资源。Layout资源放在哪里呢? 看下图：

可以看到res/layout组下当前只有一个文件：activity_main.xml，就是它定义了我们所能看到的界面。它是我们创建这个APP时被自动添加的，我们也可以手动添加它。双击打开它,可以看到如下画面（注意第一次显示UI的过程可能比较长，请耐心等待）：

这里展示的是界面设计器。在这个窗口中可以通过拖动一些控件摆放它们的位置来设计App的页面。标号所示区域作用如下：

可以看到标号5处是一个手机页面的预览图。这个layout文件定义了一个页面的界面，一个页面叫做Activity。但是，在预览时你也有可能不幸看到的是这样的画面：

预览不成功。Rendering Problems的意思是“呈现时的问题”，就是呈现UI时遇到了问题。要解决这个问题，一般重新编译重个工程即可。如下操作：

当Make完之后，就能看到UI的样子。

首先看一下AndroidStudio的界面设计器中为我们提供了哪些可用的控件：

控件的类别有：

要显示图像，应该去Common或Widgets组中去找控件。如下图：

选择“ImageView（图像视图）”这个控件，然后把它拖到了预览页面的内容区。当你放开鼠标时，Android Studio就会打开一个窗口，让你选择要在这个图像控件中显示的图像（第一次运行可能要等很长很长时间）：

最左边为类别，有“Drawable”和“Color”，分别表示图像和和颜色。你要选择“Drawable”，右边显示的都是可用的图像资源（就是图片文件）。这些Drawable资源又被分为“Project”和“Android”两组，Project表示我们工程中带的资源，android表示Andriod SDK中带的资源。随你便，选什么都行，比如我选Project中的第一个：ic_launcher，点OK后就可以看到预览界面中多了一个图像：

图像有点小，你可能想把这个图像调大一点，怎么做呢? 图像控件默认是以显示的图像的真实大小来决定自身的大小，也就是控件适应图像，但也可以反过来，让图像适应控件，此时我们应该为图像控件指定固定的大小，然后让图像跟据图像控件自动缩放。要做到此效果，只需要修改图像控件的“layout_width”(宽度）和“layout_height”（高度）属性。要想修改控件属性，需打开属性栏，见下图：

红箭头所指就是属性栏开关，点它打开属性栏，如下图：

红框内就是属性栏，你可能看到的内容跟我的不一样，是因为你当前选中的控件跟我的不一样，当你在预览窗口或控件树中选中图像控件，就看到跟我一样的内容了。

可以看到当前layout_width和layout_height的值都是“wrap_content（包着内容）”，所以控件的大小由其内容（就是图像）决定。现在让我们把这两个值改为固定的大小，比如宽和高都改为“200dp”，效果如下图：

看到了吧? 图像被我们搞大了！