登录QQ的时候,我们会看到在登录界面的背景不是静态的,而是一段动画效果,刚开始觉得蛮好奇的,现在我们也来实现一下这种效果,实现起来还是挺简单的。
实现步骤:
1、自定义CustomVideoView类继承VideoView
2、实现 xml 布局文件
3、将视频文件放入raw目录
4、代码实现动画效果
5、静态效果图展示
实现过程:
1、自定义CustomVideoView类继承VideoView
package com.showly.bmobdemo.utils;
import android.content.Context;
import android.media.MediaPlayer;
import android.util.AttributeSet;
import android.view.KeyEvent;
import android.widget.VideoView;
/**
* Created by Administrator
*/
public class CustomVideoView extends VideoView {
public CustomVideoView(Context context) {
super(context);
}
public CustomVideoView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public CustomVideoView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
//我们重新计算高度
int width = getDefaultSize(0, widthMeasureSpec);
int height = getDefaultSize(0, heightMeasureSpec);
setMeasuredDimension(width, height);
}
@Override
public void setOnPreparedListener(MediaPlayer.OnPreparedListener l) {
super.setOnPreparedListener(l);
}
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
return super.onKeyDown(keyCode, event);
}
}
2、实现xml布局文件
android:id="@+id/videoview"
android:layout_width="match_parent"
android:layout_height="match_parent" />
3、将视频文件放入raw目录
4、代码实现动画效果
//找VideoView控件
customVideoView = (CustomVideoView)findViewById(R.id.videoview);
//加载视频文件
customVideoView.setVideoURI(Uri.parse("android.resource://"+getPackageName()+"/"+R.raw.sport));
//播放
customVideoView.start();
//循环播放
customVideoView.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
@Override
public void onCompletion(MediaPlayer mediaPlayer) {
customVideoView.start();
}
});
5、静态效果图展示
注:效果是视频动画,这里只截了一帧
到这里就完成了,源码:公众号回复 "仿QQ登录背景动画效果"
以下是个人公众号(longxuanzhigu),之后发布的文章会同步到该公众号,方便交流学习 Android 知识及分享个人爱好文章: