仿易信引导页面

目前的引导页面大多数就是ViewPager,不过已经有很多app的引导页面变为动画+viewpager,第一次见到,感觉很新颖,用户体验会瞬间提升一阶。那么问题来了,这样的引导页面怎么做的呢?

曾经一度用易信,有一次更新版本后发现易信的引导页面就是这种情况,感觉很新颖。昨天下载了虾米音乐,用的也是这样的,但跟这个有区别。

首先看效果图:

刚开始见到以为后面是动态图片做背景。后来解压了app,发现里面是一段mp4。那么这样就好写了

思路:布局为视频+viewpager

布局文件:




    

    

        

        
    

    

        

            

这里的视频布局用的是VedioView(重写过的)。其他布局就是viewpager,button的了,比较简单。

布局写好了,问题就简单了,直接加载视频就好了。

视频的加载

mVideoView = (CustomizeVideoView) findViewById(R.id.video_view);
mVideoView.setVideoURI(Uri.parse("android.resource://" + getPackageName() + "/" + R.raw.media));//获取视频
mVideoView.start();//开始播放
mVideoView.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
            @Override
            public void onCompletion(MediaPlayer mediaPlayer) {
                mVideoView.start();
            }
        });
    }

ViewPager的添加

无限轮播viewpager正好之前我已经写过了。相信很多人也都会写。有问题的可以参考我之前写的《viewpager自添加指示器,无限轮播》和 《ViewPager的自动轮播》(谢谢支持)。

Button处理

那么问题来了,视频是不是一直在播放呢,这样毫无疑问肯定会很耗内存的。所以这里还有控制视频的停止播放。即在处理Button事件的时候添加视频停止播放并释放内存即可

mVideoView.stopPlayback();//视频停止播放并释放内存

我再Demo里写的视频的暂停和继续播放,因为易信的没有这个,自己只是练习。在真正写代码的时候我认为是不添加暂停和继续播放更符合要求的。

  • 视频暂停:

mVideoView.pause();
currentPosition = mVideoView.getCurrentPosition();//暂停后获取当前播放的位置
Toast.makeText(MainActivity.this, "暂停播放",    Toast.LENGTH_SHORT).show();
  • 视频继续:

 mVideoView.setVideoURI(Uri.parse("android.resource://" + getPackageName() + "/" + R.raw.media));//获取视频资源
 mVideoView.seekTo(currentPosition);//将视频移动到暂停时的播放位置
 mVideoView.start();//开始播放
 Toast.makeText(MainActivity.this, "继续播放", Toast.LENGTH_SHORT).show();

这里附上我写的Demo

点击下载一

点击下载二

希望当帮助到各位同学,欢迎互相学习互相交流!

你可能感兴趣的:(viewpager,移动app,android,引导页)