10.2 安安爱旅游组件设计

(1)素材准备

通过以上案例展示，我们对界面、交互和行为都有所了解。为了实现这个效果，需要准备的素材为2张图片：Campass.png（指南针图片）、icon.jpg（图标图片）。这些素材可以在本案例实验资源包中找到，也可以换成自己喜欢的图像文件。

(2)设计界面

用自己的账号登录开发网站后，新建一个项目，命名为“Travel”。把项目要用到的素材先上传到开发网站后，就可以开始设计用户界面了。

按照图10- 2添加所有需要的组件，按照表10- 1设置所有组件的属性。

图10- 2安安爱旅游的界面设计

表10- 1 所有组件的说明及属性设置