android 实现qq动画,Android实现仿QQ登录界面背景动画效果

登录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目录

25935c65d9f1aa2173981c5de42c75bc.png

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、静态效果图展示

注:效果是视频动画,这里只截了一帧

b33b7c41b2cf6caeaad9b600b38acff3.png

到这里就完成了,源码:公众号回复 "仿QQ登录背景动画效果"

以下是个人公众号(longxuanzhigu),之后发布的文章会同步到该公众号,方便交流学习 Android 知识及分享个人爱好文章:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值