摘要:登录的时候,我们会看到在登录界面的背景不是静态的,而是一段动画效果,刚开始觉得蛮好奇的,现在我们也来实现一下这种效果,实现起来还是挺简单的。
登录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布局文件
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知识及分享个人爱好文章:
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/77790.html
阅读 1525·2021-09-23 11:21
阅读 2318·2021-09-07 10:13
阅读 817·2021-09-02 10:19
阅读 1095·2019-08-30 15:44
阅读 1706·2019-08-30 13:18
阅读 1893·2019-08-30 11:15
阅读 1078·2019-08-29 17:17
阅读 1992·2019-08-29 15:31