人机交互技术实验报告.docVIP

《人机交互技术》课程实验报告 姓名 王烁 学号 201308003104 专业 软件工程 班级 软件1301 指导教师及职称 万李(讲师) 开课学期 2016 至 2017 学年 上 学期 上课时间 2016 年 9月 30日 湖南科技学院教务处编印 实验题目“北美榜”电影类APP的设计与实现实验目的： （1）熟悉项目环境的搭建，为每一个模块创建子控制器。 （2）创建storyboard文件，在其中定义所有的控制器，能使用xib绘制子视图。 （3）评分星星的实现思路分析。 （4）新闻列表数据的处理，加载Json数据，创建新闻Model。 软硬件环境： 软件环境：操作系统 MAC OSX，开发平台 XCode 7.1 硬件环境：苹果一体机实验内容简述： （1）封装实现评分星星视图。 （2）实现下拉新闻列表，头条图片放大。 （3）KVO实现大图、小图海报同步滑动。 （4）总结创建单元格对象的三种方式。4．实现过程 一、封装实现评分星星视图 创建starView类 starView.h文件内容： #import UIKit/UIKit.h @interface starView : UIView{ UIView *_yellowView; //金色星星 UIView *_grayView; //灰色星星 } //自动生成一个带下划线 _ 的，并且以属性名命名的实例变量 //属性名：name，自动生成 _name @property(nonatomic,assign)CGFloat rating; //评分 @end starView.m文件内容： #import starView.h #import UIViewExt.h @implementation starView //通过代码创建对象会调用这个方法 - (id)initWithFrame:(CGRect)frame{ self = [super initWithFrame:frame]; if (self) { [self _createView]; } return self; } //通过xib创建对象会调用这个方法 - (void)awakeFromNib{ [self _createView]; } //创建子视图 - (void)_createView{ UIImage *grayImg = [UIImage imageNamed:@gray@2x.png]; UIImage *yellowImg = [UIImage imageNamed:@yellow@2x.png]; //1.创建灰色星星 _grayView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, grayImg.size.width*5, grayImg.size.height)]; //视图转颜色，将视图作为背景 _grayView.backgroundColor = [UIColor colorWithPatternImage:grayImg]; [self addSubview:_grayView]; //2.创建金色星星 _yellowView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, yellowImg.size.width*5, yellowImg.size.height)]; //视图转颜色，将视图作为背景 _yellowView.backgroundColor = [UIColor colorWithPatternImage:yellowImg]; [self addSubview:_yellowView]; //先显示一个绿色背景，最后再把背景去掉 //self.backgroundColor = [UIColor greenColor]; self.backgroundColor = [UIColor clearColor]; //修改当前视图frame里面的宽度，不使用外面传进来的宽度 //3.设置当前视图的宽度为5个星星的高度/宽度 CGFloat star5Width = sel