界面布局设计.pptx

界面布局设计北京电子科技职业学院 建立项目1 建立项目 1.打开Xcode，弹出Welcome to Xcode对话框，点击Create a new Xcode project。 2.在弹出的选择iOS下Application里的Single View Application并点击next。 3.在“choose options for your next project”中填入详细的项目信息。 在Product Name（项目名称）输入框中输入项目名称“myHoroscope”（可以取自己喜欢的名字）。 单击“next”按钮进入选取项目保存位置窗口，选择项目储存位置，点击“create”按钮完成项目的创建。 界面设计2 界面设计 1. 先点击左栏Main.storyboard，在中间空白界面中找到View Control按钮，再点击右栏中“show the file inspector”的按钮（形似一个小页面），取消Use AutoLayout和UseTrait Variations前选项框中的按钮（以便打开使用View中的Autoresizing，调节所需要用的object在页面上的位置和大小）。 2. 在主视图中添加所需要的object进行布局：在Object Library中找到Label对象（如图所示），并拖入至主视图中，调整Label对象的大小和位置，将界面调至如图所示的样子（可以克自己设计）。 单击Label对象在左栏中可以更改字体的大小、颜色和文本框的背景颜色。如图所示。 界面设计 界面设计 3. 用如同2的办法，在主视图中添加Image View对象和Slider对象，将界面设置成如图所示的样子（也可自己创新）。 谢 谢 观 看北京电子科技职业学院