美文网首页带我飞2iOS自定义控件及相关iOS Process
仿Uber写的一个视频背景登录界面

仿Uber写的一个视频背景登录界面

作者: KKKKaras | 来源:发表于2015-09-21 17:34 被阅读1675次

在写的时候,把问题想复杂化了。后来发现系统自带的

MediaPlayer/MediaPlayer.h

配合简单的动画就可以完成这个登录界面。并没有什么难度。

需要注意的是 视频控制器的几个属性。

_moviePlayer.repeatMode=MPMovieRepeatModeOne;

_moviePlayer.shouldAutoplay=YES;

[_moviePlayersetFullscreen:YES];

[_moviePlayersetScalingMode:MPMovieScalingModeAspectFill];

[_moviePlayersetControlStyle:MPMovieControlStyleNone];

- (void)viewDidLoad {

[superviewDidLoad];

NSString* path = [[NSBundlemainBundle]pathForResource:@"mp4"ofType:@"mp4"];

_movieURL= [NSURLfileURLWithPath:path];

[selfreadyPlayer];

//创建view

UIView*newView=[[UIViewalloc]initWithFrame:CGRectMake(0,HEIGHT-84,WIDTH,64)];

newView.backgroundColor=[UIColorclearColor];

UIButton*loginBtn=[[UIButtonalloc]initWithFrame:CGRectMake(10,10, (WIDTH-20-30)/2,40)];

UIButton*regBtn=[[UIButtonalloc]initWithFrame:CGRectMake(10+30+(WIDTH-20-30)/2,10, (WIDTH-20-30)/2,40)];

loginBtn.backgroundColor=[UIColorwhiteColor];

[loginBtnsetTitleColor:[UIColorcolorWithRed:0.627green:0.631blue:0.651alpha:1.000]forState:UIControlStateNormal];

[loginBtnsetTitle:@"登录"forState:UIControlStateNormal];

[loginBtn.layersetMasksToBounds:YES];

[loginBtn.layersetCornerRadius:5];//设置矩形四个圆角半径

loginBtn.titleLabel.font= [UIFontsystemFontOfSize:15];

regBtn.backgroundColor=[UIColorcolorWithRed:0.247green:0.671blue:0.788alpha:1.000];

[regBtnsetTitleColor:[UIColorcolorWithRed:0.963green:0.972blue:1.000alpha:1.000]forState:UIControlStateNormal];

[regBtnsetTitle:@"注册"forState:UIControlStateNormal];

regBtn.titleLabel.font= [UIFontsystemFontOfSize:15];

[regBtn.layersetMasksToBounds:YES];

[regBtn.layersetCornerRadius:5];//设置矩形四个圆角半径

[newViewaddSubview:regBtn];

[newViewaddSubview:loginBtn];

[self.viewaddSubview:newView];

regBtn.alpha=0;

loginBtn.alpha=0;

[loginBtnaddTarget:selfaction:@selector(btnClick)forControlEvents:UIControlEventTouchDown];

[regBtnaddTarget:selfaction:@selector(btnClick)forControlEvents:UIControlEventTouchDown];

[UIViewanimateWithDuration:3animations:^{

regBtn.alpha=1;

loginBtn.alpha=1;

}completion:^(BOOLfinished) {

}];

}

-(void)btnClick

{

NSLog(@"登录or注册");

}

- (void) readyPlayer

{

[selfsetNeedsStatusBarAppearanceUpdate];

_moviePlayer= [[UBerBackgroundMoviealloc]initWithContentURL:_movieURL];

_moviePlayer.repeatMode=MPMovieRepeatModeOne;

_moviePlayer.shouldAutoplay=YES;

[_moviePlayersetFullscreen:YES];

[_moviePlayersetScalingMode:MPMovieScalingModeAspectFill];

[_moviePlayersetControlStyle:MPMovieControlStyleNone];

[[_moviePlayerview]setFrame:self.view.frame];

[[selfview]addSubview:[_moviePlayerview]];

[_moviePlayerplay];

}

相关文章

网友评论

  • 超_iOS:有瑕疵,退回后台再进入会暂停啊
  • 街角没有咖啡店:内存消耗大,请问如何在登陆之后取消视频的循环播放,或者释放掉什么的。
  • techbird:如果有其他应用正在播放音乐,这是打开做了仿uber的应用播放启动视频,会导致音乐暂停,如何解决
    techbird:@KKKKaras 是因为mode的问题吗
    KKKKaras: Capabilities选项卡 Background Modes,研究下 Audio and Airplay这个
  • brownfeng:看下
  • univer2012:大神,能把mp4.mp4的视频发一下吗

本文标题:仿Uber写的一个视频背景登录界面

本文链接:https://www.haomeiwen.com/subject/pnlicttx.html