3.1.2 安安猜价格组件设计

(1)素材准备

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

(2)设计界面

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

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

图3- 2安安猜价格的界面设计

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

表3- 1“属性设置”一栏中未提及组件的各属性即默认表示该属性采用缺省的属性值，不作修改。