6.倒计时界面
2015-06-10 15:07
447 查看
实现功能:倒计时10s,点击开始按钮可以开始倒计时,点击暂停按钮,实现暂停功能,然后设置一个恢复按钮,点击该按钮可以暂停计时并且时间显示为10。
过程分析:首先通过storyboard搭建界面,使用页面自动布局,此处有个小小的技巧:在Xcode6.2中默认是打开自动布局的,界面看着令人不舒服,先将自动布局关闭然后再打开,视图控制器是不是显得很顺眼啦? 然后是调整位置:选中你需要调节的视图,然后点击storyboard右下角的小按钮,这真是个神奇的东东,虽然我还不是太懂。
最后就是代码实现。
效果演示:
1.代码实现:
过程分析:首先通过storyboard搭建界面,使用页面自动布局,此处有个小小的技巧:在Xcode6.2中默认是打开自动布局的,界面看着令人不舒服,先将自动布局关闭然后再打开,视图控制器是不是显得很顺眼啦? 然后是调整位置:选中你需要调节的视图,然后点击storyboard右下角的小按钮,这真是个神奇的东东,虽然我还不是太懂。
最后就是代码实现。
效果演示:
1.代码实现:
- (IBAction)begin:(UIBarButtonItem *)sender { // 开始按钮 // 倒计时10秒 每秒更新一次 /* 参数说明: 1.时间间隔 double型 2.监听时钟触发的对象 3.调用方法 4.useerInfo 可以是任何对象 通常传递nil 5.是否重复 */ // 如果几时到达零 点击开始按钮则从新计时 if (_counterTime.text.intValue == 0) { _counterTime.text = @"10"; } self.time = [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(updateTime:) userInfo:nil repeats:YES]; } - (void)updateTime:(NSTimer *)timer { int count = _counterTime.text.intValue ; // 判断是否为零 if (--count < 0 ) { [self pause]; }else self.counterTime.text = [NSString stringWithFormat:@"%d",count]; } - (IBAction)pause { // 停止始终 invalidate是唯一停止始终始终的方法 [self.time invalidate]; } - (IBAction)return:(UIBarButtonItem *)sender { [self pause]; self.counterTime.text = [NSString stringWithFormat:@"%d",10]; [self.time invalidate]; // 如果放在上面就不正常 }
相关文章推荐
- GUI - Web前端开发框架
- 评价ui设计作品好坏的八个标准(界面/交互设计研究)
- 为Yahoo! UI Extensions Grid增加内置的可编辑器
- Cocos2d-x UI开发之文本类使用实例
- 在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
- UI Events 用户界面事件
- 基于jQuery UI CSS Framework开发Widget的经验
- jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)
- jQuery UI的Dialog无法提交问题的解决方法
- 关于jQuery UI 使用心得及技巧
- jQuery ui 1.7更新小结
- 从零开始学习jQuery (十) jQueryUI常用功能实战
- jquery ui对话框实例代码
- jQuery UI AutoComplete 自动完成使用小记
- jQuery UI Autocomplete 体验分享
- Objective-C的内省(Introspection)用法小结
- Android UI使用HTML布局方法实例
- 浅谈AnDroidDraw+DroidDraw实现Android程序UI设计的分析说明
- aspx实现的 jquery ui 的 flexgrid demo
- Expandable "Detail" Table Rows