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

alighters 发布于2019-06-25 12:52 / 1353人阅读

摘要：登录的时候，我们会看到在登录界面的背景不是静态的，而是一段动画效果，刚开始觉得蛮好奇的，现在我们也来实现一下这种效果，实现起来还是挺简单的。

登录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知识及分享个人爱好文章：

专线服务混合云 Android仿QQ html登录界面动画 php实现qq登录 android第三方登录友盟qq

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/15016.html

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

摘要：登录的时候，我们会看到在登录界面的背景不是静态的，而是一段动画效果，刚开始觉得蛮好奇的，现在我们也来实现一下这种效果，实现起来还是挺简单的。登录QQ的时候，我们会看到在登录界面的背景不是静态的，而是一段动画效果，刚开始觉得蛮好奇的，现在我们也来实现一下这种效果，实现起来还是挺简单的。实现步骤： 1、自定义CustomVideoView类继承VideoView 2、实现xml布局文件...

douzifly 2019-08-19 11:45 评论0 收藏0
自定义控件及效果

摘要：实现炫酷的登录效果美观，动画效果丰富风格底部选择器支持时间，日期，自定义带来一组风格底部选择器控件，虽然我们不提倡安卓使用风格的控件，但是难免有些产品和美工一味追求风格。 Android 动画效果定值范围选择控件实现固定值的范围选择, 并添加动态效果, 使用方便项目需求讨论 - Android 自定义 Dialog 实现步骤及封装根据实际项目需求出发。因为项目中的对话框要配合整个...

刘德刚 2019-06-25 11:53 评论0 收藏0
Android view - 收藏集 - 掘金

摘要：掘金一个可实现长按扫描上的二维码的工具库。说到刷新加载，我们第一个想到啥，对了从头开始学四类添加和多种的支持掘金来张图前言敲酷炫的切换效果和弹性指示器。掘金效果图使用方法依赖注意使用时需要在父布局中加入仿讨论组头像掘金仿讨论组头像基仿美团详情滑动界面，并兼容 NestedScroll 嵌套 - Android - 掘金不论什么APP应该都会有个app产品的详情界面, 详情界面往往也比...

IntMain 2019-06-25 11:31 评论0 收藏0
GitHub 上受欢迎的 Android UI Library 整理二

摘要：通知克服和的限制高仿淘宝微信等热门通知视图通过一行代码实现通知功能工具类轮播框通知全新的通知栏聊天视图简化开发快速创建聊天信息视图聊天视图实现聊天界面基于实际需求做出的灵活可定制的功能模仿饿了么详情页的例子带通知 https://github.com/Tapadoo/Al... ★2528 - 克服Toast和Snackbar的限制https://github.com/wenming...

nifhlheimr 2019-06-25 12:51 评论0 收藏0
Android酷炫动画效果

摘要：高级特效之酷炫抢红包金币下落动画最近项目需求要求做一个抢红包特效。使用动画让页面跳转更炫酷中引入了很多炫酷的动画效果，便是其中一种。 Android自定义View：一个精致的打钩小动画一个精致的打钩动画。 Android 自定义水平进度条圆角进度项目中实现进度条进度过程中显示圆角样式 ViewPager系列之仿魅族应用的广告BannerView 前言 Banner广告位是APP ...

scq000 2019-06-25 11:48 评论0 收藏0