处理图像、动画、滑块和步进控件课程.pptVIP

青岛滨海学院 计算机教研室 崔守良 QQ青岛滨海学院 计算机教研室 崔守良 QQ处理图像、动画、滑块和步进控件 信息工程学院 计算机教研室 崔守良 本节内容： 使用滑块和步进控件获取用户输入 配置和操纵滑块和步进控件的取值范围 如何在项目中添加图像视图 创建和控制简单动画的方法 创建并管理图像动画、滑块和步进控件 实现概述 使用一系列图像和一个图像视图创建一个循环动画；使用一个滑块设置动画的播放速度；动画内容是一个跳跃的小兔子；用户控制每秒钟兔子跳多少次；跳跃速度显示在一个标签中；步进控制提供另一种以特定的步长调整速度的途径；通过按钮开始或停止播放动画。 实现步骤 1、创建Single view Application项目：ImageHop。 确保选择了Use Automatic Reference Counting和Use Storyboard，选择iphone设备。 事先设计好动画需要的图像文件，并将相关文件添加到项目中，在Xcode提示时，选择必要时复制资源并新建编组 2、设计界面 2.1添加图像视图： 打开故事板文件MainStoryboard.storyboard，从对象库中拖曳一个图像视图到程序的视图中，调整其大小，在Attributes Inspector中设置其Image属性为frame-1.png（动画播放前的兔子）文件。 复制四个图像视图，设置一些图像视图的alpha值为0.75和0.5，让它们变成半透明的。 2.2添加滑块 打开对象库，将UISlider对象拖放到视图中。 修改滑块的属性，将Minimum、Maximum和Initial的值分别设为0.25、1.75和1.0； 确保没有选中continuous，仅当用户松开手指时才生成事件 2.3添加步进控件 将UIStepperr拖放到视图中。 设置步进控件的取值范围，将Minimum、Maximum和Current分别设为0.25、1.75和1，将step设置为0.25； 取消复选框autorepeat和continuous，当用户结束与步进控件交互时才会触发相关的事件。 选择复选框wrap，超过最大取值范围时，value将自动设置为最小可能取值 2.4 添加其他控件 添加显示速度的标签 添加Hop按钮 添加背景图像和背景色 3、创建并连接到输出口和操作 显示兔子动画的图像视图：bunnyView1;*bunnyView2; bunnyView3;bunnyView4;bunnyView5; 设置播放速度的滑块：speedSlider; 设置播放速度的步进控件：speedStepper; 显示播放速度的标签：hopsPerSecond; 开始/停止播放动画的按钮：toggleButton; 用户单击开始/停止按钮时的操作：toggleAnimation:; 用户移动滑块时的操作：setSpeed:; 用户单击步进控件时的操作：setIncrement:; 4、实现应用程序逻辑 4.1 让图像视图显示动画 在视图控制器的ViewDidLoad方法中，创建一个图像对象数组，并将它们传递给图像视图对象。 - (void)viewDidLoad { NSArray *hopAnimation = [[NSArray alloc] initWithObjects: [UIImage imageNamed:@frame-1.png], ... ... [UIImage imageNamed:@frame-20.png], nil ]; self.bunnyView1.animationImages=hopAnimation; self.bunnyView2.animationImages=hopAnimation; self.bunnyView3.animationImages=hopAnimation; self.bunnyView4.animationImages=hopAnimation; self.bunnyView5.animationImages=hopAnimation; self.bunnyView1.animationDuration=1; self.bunnyView2.animationDuration=1; self.bunny