人机交互技术实验报告材料.doc

《人机交互技术实验报告材料.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、《人机交互技术》课程实验报告王烁学号201308003104专业软件工程班级软件1301指导教师及职称万(讲师)开课学期2016至2017学年上学期上课时间2016年9月30日科技学院教务处编印实验题目“北美榜”电影类APP的设计与实现1．实验目的：（1）熟悉项目环境的搭建，为每一个模块创建子控制器。（2）创建storyboard文件，在其中定义所有的控制器，能使用xib绘制子视图。（3）评分星星的实现思路分析。（4）新闻列表数据的处理，加载Json数据，创建新闻Model。2．软硬件环境：软件环境：操作系

2、统MACOSX，开发平台XCode7.1硬件环境：苹果一体机3．实验容简述：（1）封装实现评分星星视图。（2）实现下拉新闻列表，头条图片放大。（3）KVO实现大图、小图海报同步滑动。（4）总结创建单元格对象的三种方式。4．实现过程一、封装实现评分星星视图创建starView类starView.h文件容：#importinterfacestarView:UIView{UIView*_yellowView;//金色星星UIView*_grayView;//灰色星星}//自动生成一个

3、带下划线_的，并且以属性名命名的实例变量//属性名：name，自动生成_nameproperty(nonatomic,assign)CGFloatrating;//评分endstarView.m文件容：#import"starView.h"#import"UIViewExt.h"implementationstarView//通过代码创建对象会调用这个方法-(id)initWithFrame:(CGRect)frame{self=[superinitWithFrame:frame];if(self){[se

4、lf_createView];}returnself;}//通过xib创建对象会调用这个方法-(void)awakeFromNib{[self_createView];}//创建子视图-(void)_createView{UIImage*grayImg=[UIImageimageNamed:"gray2x.png"];UIImage*yellowImg=[UIImageimageNamed:"yellow2x.png"];//1.创建灰色星星_grayView=[[UIViewalloc]initWithF

5、rame:CGRectMake(0,0,grayImg.size.width*5,grayImg.size.height)];//视图转颜色，将视图作为背景_grayView.backgroundColor=[UIColorcolorWithPatternImage:grayImg];[selfaddSubview:_grayView];//2.创建金色星星_yellowView=[[UIViewalloc]initWithFrame:CGRectMake(0,0,yellowImg.size.width*

6、5,yellowImg.size.height)];//视图转颜色，将视图作为背景_yellowView.backgroundColor=[UIColorcolorWithPatternImage:yellowImg];[selfaddSubview:_yellowView];//先显示一个绿色背景，最后再把背景去掉//self.backgroundColor=[UIColorgreenColor];self.backgroundColor=[UIColorclearColor];//修改当前视图frame

7、里面的宽度，不使用外面传进来的宽度//3.设置当前视图的宽度为5个星星的高度/宽度CGFloatstar5Width=self.frame.size.height*5;CGRectframe=self.frame;frame.size.width=star5Width;self.frame=frame;/*上述3行代码可以简化成如下代码，因为引入了类目文件UIViewExt.hself.width=star5Width;*///原始：20//当前视图的高度：40//放大的比例：=40/20CGFloatsc

8、ale=self.frame.size.height/yellowImg.size.height;//4.放大星星CGAffineTransformt=CGAffineTransformMakeScale(scale,scale);_grayView.transform=t;_yellowView.transform=t;CGRectf1=_grayView.frame;CGRectf2=_yellowView.