今天同事问了我一个问题，关于视频的横竖屏播放的。效果很简单，竖屏的时候，视频小窗口播放，横屏的时候全屏播放。因为之前也没有研究过视频播放的内容，写了个简单的demo发现，当横屏时，是整个View全部横过来，如果这时候铺满屏幕的话，效果和（天天快报，今日头条）实现的不一样，于是果断放弃这个思路。
观察今日头条的视频的横竖屏效果，当切换横竖屏是只是视频小窗口的铺满，屏幕并没有旋转，于是解决方案是这样的。
关闭屏幕横竖屏旋转
监听横竖屏切换
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(orientChange:)
name:UIDeviceOrientationDidChangeNotification object:nil];
实现同时缩放，旋转
由于改变的都是layer的属性，所以自带隐式动画，如果想取消隐式动画
[CATransaction begin];
[CATransaction setDisableActions:YES];
#在commit之前修改属性值
[CATransaction commit];
- 旋转效果
CGAffineTransformMakeRotation（）
CGAffineTransformRotate（）这两个方法都可以实现旋转，但是CGAffineTransformMakeRotation（）这个方法不能和其他动画效果同时实现。
self.layer.affineTransform = CGAffineTransformRotate(self.layer.affineTransform, [self leftDirectionRotationAngle]);
- 缩放效果
self.layer.bounds = CGRectMake(0, 0, self.view.frame.size.height, self.view.frame.size.width);
- 调用这两个方法后可实现同时缩放旋转，但是由于layer的锚点为（0.5,0.5）,所以旋转缩放都是以layer的中心点实现的效果，所以要改变layer的position
self.layer.position = CGPointMake(self.layer.position.x, self.view.frame.size.height/2);
动态计算横竖屏转换时layer旋转的角度
定义一个当前的屏幕方向
@property (nonatomic, assign) UIDeviceOrientation currentDirection;
#根据即将要旋转的方向来计算旋转的角度
#即将向左横屏
- (CGFloat)leftDirectionRotationAngle{
CGFloat angle = 0;
switch (self.currentDirection) {
case UIDeviceOrientationPortrait:
angle = M_PI_2;
break;
case UIDeviceOrientationLandscapeRight:
angle = M_PI;
default:
break;
}
return angle;
}
#即将向右横屏
- (CGFloat)rightDirectionRotationAngle{
CGFloat angle = 0;
switch (self.currentDirection) {
case UIDeviceOrientationPortrait:
angle = -M_PI_2;
break;
case UIDeviceOrientationLandscapeLeft:
angle = M_PI;
default:
break;
}
return angle;
}
#即将竖屏
- (CGFloat)potraitDirectionRotationAngle{
CGFloat angle = 0;
switch (self.currentDirection) {
case UIDeviceOrientationLandscapeLeft:
angle = -M_PI_2;
break;
case UIDeviceOrientationLandscapeRight:
angle = M_PI_2;
default:
break;
}
return angle;
}
实现效果
flow.2.gif
