简单ui效果实现，模仿腾讯体育点击全屏实现

效果描述：

点击屏幕上某个按钮实现将特定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];
}

简单ui效果实现，模仿腾讯体育点击全屏实现相关推荐

android 点击图片动画效果,Android仿微信图片点击全屏效果
废话不多说,先看下Android图片点击全屏效果: 先是微信的再是模仿的先说下实现原理,再一步步分析这里总共有2个Activity一个就是主页,一个就是显示我们图片效果的页面,参数通过Inten ...
Android学习之Android 5.0分享动画实现微信点击全屏效果
Android5.0过渡动画,请看 http://blog.csdn.net/qq_16131393/article/details/51112772 今天用分享动画实现微信点击全屏效果本文源代码下 ...
微信html 全屏显示,关于微信上网页图片点击全屏放大效果
实现微信上网页的图片点击后全屏还可以可以缩放,这个功能是别人做的,可是捏点击后屏幕直接黑屏了,图片没有显示出来.这个代码在网上搜一下,挺多类似的. 先上代码. 调用微信图片浏览器的函数 functio ...
android x5 视频全屏,腾讯X5浏览器内核全屏播放视频相关问题
最近项目中接入了腾讯X5SDK用于展示H5与原生交互有一个需求是在线播放H5中的视频且能全屏原本是按照Demo中的代码写的.也没发现什么问题但是发现一点击全屏播放的按钮视频就卡死了. 网上搜了 ...
h5点击图片自动放大_关于微信上网页图片点击全屏放大效果
实现微信上网页的图片点击后全屏还可以可以缩放,这个功能是别人做的,可是捏点击后屏幕直接黑屏了,图片没有显示出来.这个代码在网上搜一下,挺多类似的. 先上代码. function arrayToJson ...
android图片点击全屏显示,Android浏览图片，点击放大至全屏效果
近期做一个项目类似于QQ空间,做到照片浏览的功能,对于QQ空间中点击图片放大至全屏,感觉效果非常赞,于是也做了个类似的效果. 例如以下. 我不知道QQ那个是怎么做的.我的思路例如以下: 首先.从图片缩 ...
android视频播放器ui,ArtVideoPlayer 一个灵活的Android视频播放器,支持全屏，小屏播放...
ArtPlayer 简介 Kotlin实现的视频播放器,将MediaPlayer与VideoView解耦合,支持切换播放器内核(如ExoPlayer和ijkPlayer),支持自定义控制视图,提供Me ...
android解锁动画效果,android 关于自定义解锁动画和实现全屏的解决方案
先说说缘由吧,最近项目要研究在亮屏的时候用展示一个开屏动画,我一想这个不难吧,截获亮屏的广播事件 Intent.ACTION_SCREEN_ON然后处理对应的事件就好了,但我发现好像没有正确的api可 ...
模仿微信图片点击全屏效果
转载请注明出处:王亟亟的大牛之路昨天想着模仿写些什么,然后觉得什么仿京东啊,仿美团之类的外面都有,正好又找到点资源就写了这篇"高仿微信图片放大" 废话不多说,先看下效果: 先是微 ...

简单ui效果实现，模仿腾讯体育点击全屏实现

简单ui效果实现，模仿腾讯体育点击全屏实现相关推荐

最新文章

热门文章