Android實現仿QQ登陸界面背景動畫效果

登陸QQ的時候，咱們會看到在登陸界面的背景不是靜態的，而是一段動畫效果，剛開始以爲蠻好奇的，如今咱們也來實現一下這種效果，實現起來仍是挺簡單的。

實現步驟：

一、自定義CustomVideoView類繼承VideoView
二、實現xml佈局文件
三、將視頻文件放入raw目錄
四、代碼實現動畫效果
五、靜態效果圖展現

實現過程：

一、自定義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);
    }

}

二、實現xml佈局文件

<com.showly.bmobdemo.utils.CustomVideoView
        android:id="@+id/videoview"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

三、將視頻文件放入raw目錄

四、代碼實現動畫效果

//找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();
            }
        });

五、靜態效果圖展現
注：效果是視頻動畫，這裏只截了一幀

到這裏就完成了，源碼：公衆號回覆 "仿QQ登陸背景動畫效果"

---

如下是我的公衆號(longxuanzhigu)，以後發佈的文章會同步到該公衆號，方便交流學習Android知識及分享我的愛好文章：