摘要:登錄的時候,我們會看到在登錄界面的背景不是靜態的,而是一段動畫效果,剛開始覺得蠻好奇的,現在我們也來實現一下這種效果,實現起來還是挺簡單的。
登錄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知識及分享個人愛好文章:
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/77790.html
閱讀 1574·2021-09-23 11:21
閱讀 2344·2021-09-07 10:13
閱讀 834·2021-09-02 10:19
閱讀 1125·2019-08-30 15:44
閱讀 1720·2019-08-30 13:18
閱讀 1913·2019-08-30 11:15
閱讀 1105·2019-08-29 17:17
閱讀 2017·2019-08-29 15:31