简单ui效果实现,模仿腾讯体育点击全屏实现
来源:互联网 发布:java入门到精通 4 pdf 编辑:程序博客网 时间:2024/05/16 10:06
效果描述:
点击屏幕上某个按钮实现将特定view 变为全屏状态
效果图:
实现原理分析:
思路一,这个过程实际上涉及到三个变化过程,一个是大小变化(scale),一个是位置变化(tranlation),一个是旋转(rotate),如果单纯使用三个CGAffineTransform变换,三个变换同时使用,效果之间相互影响,有问题。
思路二,改变其真实的位置和大小 (修改view的frame),然后旋转使用CGAffineTransform变换,相当于先将要变换的view变到想要的全屏大小,并且中心点在屏幕中心,然后旋转90即可。这是比较简单的思路,下面代码即采用这种思路。
代码如下:
/** make specific view to full screen state @param view the specific view @param time animationg duration time */- (void)makeViewFullScreenWithView:(UIView *)view andAniteTime:(CGFloat)time{ CGSize windowSize = [UIScreen mainScreen].bounds.size; [UIView animateWithDuration:time animations:^{ view.frame = CGRectMake(windowSize.width / 2 - windowSize.height / 2, windowSize.height / 2 - windowSize.width / 2, windowSize.height, windowSize.width); [view setTransform:CGAffineTransformMakeRotation(M_PI_2)]; }]; }
调用示例
- (IBAction)btnClick:(id)sender{ [self makeViewFullScreenWithView:self.testView andAniteTime:0.5];}
阅读全文
0 0
- 简单ui效果实现,模仿腾讯体育点击全屏实现
- UI效果(1):实现Activity全屏
- 模仿微信图片点击全屏效果
- js实现点击一个按钮达到浏览器全屏效果
- 模仿微信图片点击全屏效果 (2)
- Flex3全屏效果实现
- 实现全屏切换效果
- js 实现全屏效果
- HTML5 实现全屏效果
- Android 简单实现可全屏拖动,可点击的View
- 按钮点击效果的简单实现方法
- 点击添加的效果简单实现
- JQuery简单实现菜单的点击效果
- UI实现简单的侧滑效果
- 【UI基础】抽屉效果简单实现
- 【UI基础】时钟效果的简单实现
- 模仿bootstrap实现边框效果
- 实现点击图片放大全屏
- 深入理解javascript原型和闭包(15)——闭包
- 剑指Offer: (Java实现) 栈的压入、弹出序列
- maven工程的结构
- 【vb.net】.net初体验
- USACO 牛的旅行 Cow Tours
- 简单ui效果实现,模仿腾讯体育点击全屏实现
- Facebook 面试题 | 岛的周长
- vim 查找统计一个字符串出现次数
- Intellij mac快捷键
- 模式识别和机器学习 笔记
- 首先谢谢大家的关注!
- 基于深度学习的图像语义分割技术概述之4常用方法
- 【学习】身份证号获取个人信息
- 将一组阿拉伯数字转换成中文大写数字