《第7章IOS客户端设计课件.pptx》由会员分享，可在线阅读，更多相关《第7章IOS客户端设计课件.pptx（21页珍藏版）》请在三一办公上搜索。
1、第7章 IOS客户端设计,倚动实验室,1,2023/3/24,CONTENTS,7.1,系统整理流程图设计,目录,7.2,各模块详细设计,7.3,“豹考通”IOS客户端程序结构分析,2,2023/3/24,本章我们将会介绍“豹考通”在IOS系统上的设计与实现的过程，从界面到程序流程设计，再到模块整合实现，最后到应用的完成。通过本章的学习，读者能够了解到IOS手机客户端开发的整体流程。本章中，会讲解“豹考通”的大部分模块的分析与设计过程，为读者提供实现的思路，但在具体的功能模块实现部分，仅仅只会对几个模块进行实现，其他的模块供读者在课后练习。豹考通IOS端开发需要用到的数据库表有：专业表 地区表
2、 批次表 科类表学校表 省控线表 学校录取线表,3,2023/3/24,7.1系统整体流程图设计,根据系统需求分析可知，“豹考通”的主要功能包括以下几点：1.欢迎引导界面2.我的高考（个人信息）3.省控线查询4.投档线查询5.学校推荐6.投档线预测7.关于我们,下面我们列出了系统的功能结构图，如图7-1所示。,图7-1功能结构图,4,2023/3/24,7.1.1“我的高考”流程,“我的高考”的流程主要是用户填写高考信息，其中如果用户的生源地填写“江西”，那么广告位信息的显示将和“非江西”生源地用户不一样，“我的高考”流程图如图7-2所示。,图7-2“我的高考”流程图,5,2023/3/24,
3、“我的高考”界面跳转图如下7-3所示。模块包括了6个界面，我的高考模块主界面，科类填写界面、批次填写界面、生源地填写界面、分数填写界面和广告信息界面。其中科类填写、批次填写和生源地填写3个界面需要界面跳转，其他的界面则在相关信息基础上做出修改屏显示。,图7-3“我的高考”模块界面跳转图,6,2023/3/24,7.1.2“省控线查询”流程,在查询省控线之前，用户需要选择要查询的省份，查询的年份，科类和批次。科类和批次可以缺省，为“不限”，“省控线查询”流程图如图7-4所示。查询前，用户需要选择查询的省市地区，因为全国省市地区信息是以plist文件形式保存在本地，所以这里不需要读取网络数据。选择
4、好需要查询的省份地区信息后，因为查询需要访问网络，所以在进入查询省控线界面前，系统会对手机的网络连通状态进行检查，如果手机并未连网，或者网络信号较差，那么系统则会提示用户连网或使用wifi进行网络访问。查询的结果根据用户选择的查询条件对应的展示在UITableView表视图中。,图7-4“省控线查询”流程图,7,2023/3/24,7.1.3“投档线查询”流程,和省控线查询类似，用户在查询投档线之前需要选择省市，学校，还要选择年份科类和批次，“投档线查询”流程图如图7-5所示。与“省控线查询”模块不同的是，“投档线查询”模块在选择省市地区的基础上，还需要选择学校，所以判断网络连接情况会在选择学
5、校前，因为学校的选择是需要应用访问服务器端接口，返回数据，如果用户未联网，则不需要进入到下面的界面。,图7-5投档线查询流程图,8,2023/3/24,7.1.4“推荐学校”流程,在“推荐学校”功能中，首先系统会从本地读取用户已经输入的信息，接下来用户需要选择批次，推荐倾向和目标省市，倾向包括冒险，保守和稳妥，通过这三个倾向推荐学校，考生可能被录取的概率越来越大。目标省市是代表用户想要去往读书的省市，“推荐学校”流程图如图7-6所示。,图7-6推荐学校流程图,9,2023/3/24,7.1.5“投档线预测”流程,投档预测之前，系统也会从本地读取用户个人信息，接下来用户需要分别选择批次和学校。与
6、推荐学校不同的是，投档线预测在界面载入时，就会从服务器端读取一次2014年投档线的最新信息。所以在界面显示时，系统还需要判断用户是否连入网络，若没有联网，就不需要再去请求网络数据；若联网，但是选择的批次无投档线信息，那么就需要用户自己输入投档线（0-750），“投档线预测”流程图如图7-7所示。,图7-7投档线预测流程图,10,2023/3/24,7.2各模块详细设计,7.2.1欢迎界面,根据我们的功能界面设计分析可以得到，实现欢迎界面滑动效果的控件是UIScrollView，然后设置UIControl使得点击UIControl的点或者滑动UIScrollView能够让界面左右滑动。界面内容的
7、设计是项目组美工使用Window下Coreldraw X6绘制的。,11,2023/3/24,7.2.2我的高考,“我的高考”模块是用于显示用户的基本高考信息，包括科类、高考成绩、批次和生源地。在基本信息下方有一个广告位用于相关宣传。显示信息我们可以使用UITableView表视图来显示用户信息。使用UIAlertView让用户输入，因为UIAlertView默认的Style是提示框，为了能让用户输入，所以我们这里选择UIAlertView的Style为UIAlertViewStylePlainTextInput，这样用户就能输入相关信息，而且需要对用户输入的分数做出判断，0-750之内的数值
8、才有效，否则需要用户重新输入。需要选择科类、生源地和批次信息的单元格cell就要创建子视图，将可选信息放在子视图的UITableView表视图中，用户选择信息后将cell的内容返回到“我的高考模块”中，并显示。这里就涉及到一个关键技术-视图控制器之间值的传递。我们这里使用的是协议代理。根据需求分析可以得到，广告位的显示有两种情况：当考生生源地为江西时，显示的是和江西机电学院相关的信息；而非江西考生，显示的是南昌倚动软件有限公司联系方式。这里我们就需要对考生生源地信息进行判断。所有的信息我们都通过NSUserDefaults存储到本地文件中，供程序读取。,12,2023/3/24,7.2.3省控
9、线查询,根据7.2节中录取线查询的流程图，我们归纳出录取线查询功能的使用步骤：1.选择省份2.选择学校（可选）3.选择年份、科类和批次4.单击查询按钮，返回结果。这里我们需要创建3个子视图控制器，分别用于显示省份、学校和查询界面。在查询界面中，选择部分我们使用的是UIPickerView选择器，并通过它的协议代理方法将选择的信息返回给系统。最后分数的显示还是使用UITableView表视图。,13,2023/3/24,7.2.4推荐学校,图7-8推荐学校界面,由图7-8推荐学校界面并结合需求分析可以看出，“推荐学校”模块主要由3个部分组成：1.个人信息栏，在“我的高考”模块中，我们将用户的高考
10、信息保存在本地，在个人信息栏中我们只需要通过NSUserDefaults读取即可。但需要注意的是，这个信息是需要实时更新的，也就是说当用户修改了个人信息之后，个人信息栏的相关信息也要做出对应的改变。所以我们就在viewDidAppear方法中去加载个人信息，保证每次显示该界面时信息都是最新的。2.相关信息选择栏，在这里我们选择批次、目标省市和推荐的倾向，这些也都是接口中的参数选项，是必选项。批次和倾向的选择我们是通过UISegmentedControl来实现，而目标省市的选择是通过弹出模态视图（ModalViewController）来实现，这里也需要用到协议代理将信息传回视图控制器。3.推荐
11、结果栏，在该栏中，显示了系统为考生推荐的学校信息，点击学校名称，还会弹出学校专业的信息。信息的显示是通过UITableView来实现。,14,2023/3/24,7.2.5投档线预测,“投档预测”模块也可以分为3个部分：1.个人信息栏，个人信息显示在此区域，信息包括科类和生源地。2.相关信息选择栏，和“推荐学校”模块不同的是，省控线分数是在界面显示时获取的网络数据，如果该批次没有相关信息，那就需要用户自己输入。3.预测结果栏，显示最后预测投档线的结果，包括冒险分、保守分和稳妥分。如图7-9所示。,图7-9投档预测界面,15,2023/3/24,7.3“豹考通”IOS客户端程序结构分析,7.3.
12、1整体程序结构分析,图7-10“豹考通”IOS客户端程序结构图,豹考通：这个部分是程序的main函数和AppDelegate，也就是整个程序的入口部分，AppDelegate也是整个应用生命周期的开始。基础视图：该部分定义了应用根视图控制器与基导航控制器，是整个程序框架的基石。我的高考：该部分显示了高考学子高考的基本信息。推荐学校：该部分实现了帮助考生推荐学校的功能。分数查询：该部分实现了考生对学校分数线查询的功能。Image.xcassets：这个部分放置应用所包含的图片文件，包括应用图标，启动图片等等。Supporting Files：该部分大部分放置与应用有关的第三方库或者工具类。Gao
13、kaoHelperTests：这个部分放置了与应用测试相关的文件，开发时不需要用到。Frameworks：该部分放置了与此应用相关的库文件。Products：这个部分是产品发布后相关文件信息，开发时也不需要用到。,16,2023/3/24,在上述10个部分中，有6个部分是由系统自动为我们创建，除了我们自己应用中的模块：基础视图、我的高考、推荐学校和分数查询。读者在开发时，最好将对应的文件放入相应的结构中，这样利于开发时文件的查找。,7.3.2子功能模块结构分析,图7-11基础视图模块文件结构图,图7-12 我的高考模块文件结构图,17,2023/3/24,图7-13 推荐学校模块文件信息图,图7-14 分数查询模块文件结构信息图,18,2023/3/24,图7-15 Supporting Files模块文件结构信息图,课后练习,1、思考IOS端界面设计与Android端界面设计有哪些异同？2、思考IOS端界面跳转传值的方式，在本章中，传值的方法使用的是UINavigationController的PushViewController方法，还有哪些界面传值方法？并比较它们的优缺点。3、将本章7.2.5小节“投档预测”功能模块用自己的语言描述其设计的思路，以及功能实现的流程。,19,2023/3/24,20,2023/3/24,21,2023/3/24,
