移动应用软件开发（基于iOS平台）-2017 五星评电影 影片评分展示界面制作 gjs.docx

影片评分展示界面制作 2 程序的概念 1 影片评分展示界面制作 本任务的实施主要按照以下步骤进行： 1修改导航栏标题 ?2新建FilmTableViewController类并关联 ?3新建FilmTableViewCell类并关联?4编辑cell?5新建Film类?6新建Rating Control类，并关联? 7编辑FilmTableViewController代码?8编辑FilmTableViewCell代码 ?9删除ViewController.swift及视图界面 ?10查看结果 具体操作如下： 1修改导航栏标题 打开未完成的FilmReview项目继续编辑。前一个任务中，我们完成了导航控制器的添加，可以看到添加了两个界面，第一个界面是导航控制器，第二个是表视图。接下来要制作的影片评分展示页面就是在这个表视图中完成的。 选中表视图的界面头部导航栏，将导航栏标题title修改为“Your Film”。如图1-21所示。在接下来的设计过程中，需要选中某个组件时，可以在界面编辑窗口左侧的界面组件列表中进行精确选择（好好运用这个技巧，可以在后期制作过程中，节省时间，并且避免一些错误） 图1-21 修改导航栏标题 2新建FilmTableViewController类并关联 点击Xcode的File菜单，选择新建文件，如图1-22所示。 图1-22 新建文件 选择iOS中的“Cocoa Touch Class”，新建类文件。如图1-23所示。 图1-23 选择新建文件模版 将新建的文件命名为FilmTableViewController，将父类设置为UITableViewController，如图1-24所示。 图1-24 新建FilmTableViewController 选择表视图，并将该视图的类选择为FilmTableViewController。如图1-25所示。 图1-25 关联FilmTableViewController类 关联类文件后，对表视图Table View属性进行继续设置，如图1-26所示。 图1-26 设置Table View属性 3新建FilmTableViewCell类并关联 按照上一步骤的操作继续新建类文件FilmTableViewCell，并将父类设置为UITableViewCell。如图1-27所示。 图1-27 新建FilmTableViewCell 选择表视图中的“Table View Cell”，在属性中将Custom Class设置为FilmTableViewCell。如图1-28所示。 图1-28 关联FilmTableViewCell 选择尺寸属性器，继续对TabelViewCell属性进行设置。将Row Height设置为90。如图1-29所示。 图1-29 Table View Cell尺寸属性设置 继续对Table View Cell的Attributes属性继续进行设置，将Identifier设置为FilmTableViewCell。如图1-30所示。 图1-30 Table View Cell唯一表示属性设置 4编辑cell 现在表视图中的单元格是简单风格，我们将通过添加组件，对单元格cell进行编辑，达到显示影片名称、海报和评分的效果，如图1-31所示。 图1-31 完成cell编辑效果 通过观察，可以发现在单元格中包括了三个组件，分别是ImageView、Label和View。 首先添加ImageView组件和Label组件，并对这两个组件进行属性设置。在Attributes属性中将ImageView的Image设置为defaultPhoto，然后将size属性的宽和高设置为89，AutoResizing设置为如图1-32所示。 图1-32 ImageView组件属性设置 选择Label组件，对其size属性进行设置，如图1-33所示。 图1-33 Label组件属性设置 影片评分展示页面的评分组件是一个View组件。如图1-34所示。将该组件拖放到Label组件下方。如图1-35所示。 图1-34 View组件 图1-35 放置View组件 对View组件进行属性设置，如图1-36所示。 图1-36 View组件属性设置 5新建Film类 在前一步骤的cell编辑过程中，我们基本接触到了影片的三个属性：影片名称、海报和评分。为了对影片数据进行管理和传递，我们需要建立一个Film类。 和之前新建类的方法