移动应用软件开发（基于iOS平台）-2017 生日快乐歌 生日快乐歌界面1制作 gjs.docx

生日快乐歌界面1制作 2 程序的概念 1 生日快乐歌界面1制作 本任务的实施主要按照以下步骤进行： 1启动Xcode ?2新建Project ?3保存Project ?4查看storyboard ?5添加ImageView控件 ?6修改ImageView属性添加图像 ?7添加Button控件?8设置Button控件属性?9设置模拟器 ?10运行Project ? 11查看结果 具体操作步骤如下： 1．启动Xcode，新建Project，并保存 启动Xcode软件，选择新建Project，如图1-2所示。将Project命名为HappyBirthday，保存到合适到位置。如图1-3所示。 图1-2 新建project 图1-3 保存project 2.导入项目所需素材 打开项目素材文件夹，找到asset文件夹，将该文件夹拖入项目资源文件管理目录中，如图1-4所示。选择“copy items if needed”,完成素材导入。如图1-5所示。 图1-4 加载素材 图1-5 导入素材 3. 打开storyboard，添加ImageView控件，修改ImageView属性添加图像 单击项目资源文件管理目录中的storyboard，打开storyboard进行编辑，如图1-6所示。 图1-6 打开storyboard 选择“Object Library”中的Image View控件，拖动到storyboard中，如图1-7所示。 图1-7 添加Image View控件 点击storyboard中的Image View控件，修改其属性，将“Image View”属性设置为“bg1.jpeg”图片。如图1-8所示。 图1-8 添加图片 调整大小，并将Autoresizing属性设置为随设备尺寸大小等比例缩放。如图1-9所示。 图1-9 设置大小 4.添加Button控件，设置Button控件属性 继续在storyboard中添加Button控件，如图1-10所示。 图1-10 添加Button控件 将Button的“title”属性修改为“Open”。这样按钮上显示的标题文字就变成了Open。如图1-11所示。调整按钮大小，并将Autoresizing属性设置为随设备尺寸大小等比例缩放。 图1-11 添加Button 5.设置模拟器，运行Project，查看结果 保存项目，设置模拟器，点击运行按钮，查看运行结果。如图1-12所示。 图1-12 界面1运行