项目框架的构建.ppt

上海工商职业技术学院 Shanghai Industrial Commercial Polytechnic Objective-C面向对象编程 －进阶篇 主讲：俞蝶琼 计算机信息系 引入－提问 你认为学校里一个系部的门户APP需要实现什么的功能？ 提示：参考学校系部的门户网站 一、项目描述 上海工商职业技术学院 Shanghai Industrial Commercial Polytechnic 项目效果 图1 计算机信息系门户App界面 工作任务 构建项目框架 任务1 设置首界面 任务2 设置系部简介界面 任务3 设置专业介绍界面 任务4 设置实训基地界面 任务5 设置校企合作界面 任务6 设置教学效果界面 任务7 优化和发布iOS项目 任务8 项目目标 了解iOS项目的开发流程； 掌握iOS项目的创建方法； 掌握iOS基本控件的使用方法； 掌握iOS中界面跳转的实现方法； 掌握iOS中ScrollView、UITableView的使用方法； 掌握iOS中-UISegmentedControl的使用方法； 掌握iOS中-UITabBarController、UICollection View的使用方法； 掌握iOS项目的调试和运行方法。 本次课程的重点和难点 本次课程的工作任务 任务一：构建项目框架 任务二：设置首界面 本次课程的教学目标 了解iOS项目的开发流程； 掌握iOS项目的创建方法； 掌握iOS基本控件的使用方法； 掌握iOS中界面跳转的实现方法； 本次课程的重点和难点 重点：项目框架的构建、界面的布局和搭建 难点：界面跳转功能的实现 二、项目实施 上海工商职业技术学院 Shanghai Industrial Commercial Polytechnic 任务一 构建项目框架－iOS项目创建 图2 项目界面 1、在设置项目名称时要注意命名规则，只能用字母、数字、和下划线； 2、在项目开发中，一般需要设置类前缀，不然容易引起类名冲突等问题。 任务一 构建项目框架－iOS项目创建 任务一 构建项目框架－素材添加 图3 素材拖入项目对话框及添加后效果 1、在素材添加过程中，如果素材不在素材文件夹中，且选择拖入到项目的方式，在弹出的对话框中一定要勾选 2、在设置项目图标过程中，选择的设置项是“Icon file”不是“Icon files”，且输入的图片名字一定要完全正确，包括大小写和后缀名。 任务一 构建项目框架－素材添加 任务二 设置首界面－界面布局 图5 首界面效果图 任务二 设置首界面－设置导航栏 图5 首界面导航栏效果图 1、控件是在Main.storyboard的View中进行设置； 2、在设置按钮时，选择属性image 和Background设置按钮图片的效果是不同的，要根据需求进行选择。 3、设置完导航栏后，在界面的顶部会占用一部分控件，需要将所有图片统一往下移动，否则会被遮住。 任务二 设置首界面－界面布局和设置导航栏 任务二 设置首界面－设置界面跳转 图6 简介界面的创建 任务二 设置首界面－设置界面跳转 图7 简介按钮跳转设置 任务二 设置首界面－设置界面跳转 1、设置关联属性或方法的时候需要在双屏的视图下，选中控件点击Control键再拖入到.h文件的@interface和@end之间； 2、如果关联属性或方法设置错误，需要在属性面板中删除关联，只在.h文件中删除会出错。 3、设置跳转前，需要先将目标界面的.h文件引入到按钮界面对应的.m文件中 任务二 设置首界面－设置界面跳转 参考简介按钮的跳转方法，新建师资队伍界面，并设置界面跳转。 任务二 设置首界面－设置界面跳转 三、项目小结 上海工商职业技术学院 Shanghai Industrial Commercial Polytechnic 1、搭建项目框架 2、设置登录界面 3、实现界面跳转 1、拖入控件到界面 2、设置控件属性 3、设置导航栏 1、新建界面 2、设置按钮关键方法 3、设置按钮跳转功能 1、选择项目类型2、设置项目属性 小结 实现主界面的其他按钮的跳转功能。 课后练习