android 仿QQ动态登录背景、视频背景

news/2024/11/19 15:25:39/

20170801215610488.gif
20170417173205371.gif

如上图类似效果图:

  • 1, 自定义视频类 继承VideoView

       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);}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {//我们重新计算高度int width = getDefaultSize(0, widthMeasureSpec);int height = getDefaultSize(0, heightMeasureSpec);setMeasuredDimension(width, height);}@Overridepublic void setOnPreparedListener(MediaPlayer.OnPreparedListener l) {super.setOnPreparedListener(l);}@Overridepublic boolean onKeyDown(int keyCode, KeyEvent event) {return super.onKeyDown(keyCode, event);}
    }
    

MainActivity 中:

public class MainActivity extends AppCompatActivity implements View.OnClickListener {private CustomVideoView videoview;private Button   btn_enter;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// requestWindowFeature(Window.FEATURE_NO_TITLE);setContentView(R.layout.activity_main);initView();}/*** 初始化*/private void initView() {btn_enter = (Button) findViewById(R.id.btn_enter);btn_enter.setOnClickListener(this);videoview = (CustomVideoView) findViewById(R.id.videoview);videoview.setVideoURI(Uri.parse("android.resource://"+getPackageName()+"/"+R.raw.shipin2));//播放videoview.start();//循环播放videoview.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {@Overridepublic void onCompletion(MediaPlayer mediaPlayer) {videoview.start();mediaPlayer.setOnInfoListener(new MediaPlayer.OnInfoListener() {@Overridepublic boolean onInfo(MediaPlayer mp, int what, int extra) {return false;}});}});}@Overridepublic void onClick(View view) {switch (view.getId()){case R.id.btn_enter:Toast.makeText(this,"登录成功了",Toast.LENGTH_SHORT).show();break;}}//返回重启加载@Overrideprotected void onRestart() {super.onRestart();initView();}//防止锁屏或者切出的时候,音乐在播放@Overrideprotected void onStop() {super.onStop();videoview.stopPlayback();}}

读取视频的问题: 把视频放到和res/raw文件夹里面了

image.png

布局文件中:

    <?xml version="1.0" encoding="utf-8"?><FrameLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"><!--CustomVideoView 自定义视频类的位置--><application1.applicationlong.CustomVideoViewandroid:id="@+id/videoview"android:layout_width="match_parent"android:layout_height="match_parent" /><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:gravity="top"android:orientation="vertical"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginLeft="38dp"android:layout_marginRight="38dp"android:layout_marginTop="70dp"android:orientation="vertical"><EditTextandroid:id="@+id/et_phone"android:layout_width="match_parent"android:layout_height="40dp"android:layout_gravity="center_vertical"android:background="@null"android:digits="0123456789"android:gravity="center_vertical"android:hint="请输入手机号"android:inputType="number"android:maxLength="11"android:maxLines="1"android:paddingLeft="5dp"android:textColor="@android:color/white"android:textColorHint="@android:color/white"android:textSize="18sp"/><Viewandroid:layout_width="match_parent"android:layout_height="1dp"android:layout_alignParentBottom="true"android:background="@color/black"/><EditTextandroid:id="@+id/et_pwd"android:layout_width="match_parent"android:layout_height="40dp"android:layout_marginTop="20dp"android:background="@null"android:gravity="center_vertical"android:hint="请输入密码"android:inputType="textPassword"android:maxLength="11"android:maxLines="1"android:paddingLeft="5dp"android:textColor="@android:color/white"android:textColorHint="@android:color/white"android:textSize="18sp"/><Viewandroid:layout_width="match_parent"android:layout_height="1dp"android:layout_alignParentBottom="true"android:background="@color/black"/></LinearLayout><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginLeft="23dp"android:layout_marginRight="23dp"android:orientation="horizontal"><TextViewandroid:id="@+id/tv_register"android:layout_width="wrap_content"android:layout_height="wrap_content"android:padding="15dp"android:text="快速注册"android:textColor="@color/green"/><TextViewandroid:id="@+id/tv_find_pwd"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentEnd="true"android:layout_alignParentRight="true"android:layout_alignParentTop="true"android:gravity="right"android:padding="15dp"android:text="忘记密码?"android:textColor="@color/green"/></RelativeLayout><Buttonandroid:id="@+id/btn_enter"style="?android:attr/borderlessButtonStyle"android:layout_width="match_parent"android:layout_height="45dp"android:layout_gravity="center_horizontal"android:layout_marginLeft="30dp"android:layout_marginRight="30dp"android:layout_marginTop="20dp"android:background="@color/darkseagreen"android:text="登录"android:textColor="@color/white"android:textSize="18dp"/></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="bottom"android:paddingBottom="30dp"android:orientation="vertical"><TextViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="90dp"android:gravity="center"android:text="使用第三方登录"android:textColor="@color/white"android:textSize="16dp"android:visibility="visible"/><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center_horizontal"android:orientation="horizontal"><ImageViewandroid:id="@+id/iv_wechat"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="10dp"android:padding="10dp"android:src="@drawable/qq"/><ImageViewandroid:id="@+id/iv_qq"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="20dp"android:layout_marginTop="10dp"android:padding="10dp"android:src="@drawable/weixin"/></LinearLayout></LinearLayout></FrameLayout>

注意:

  • 视频资源要添加res文件夹下创建raw文件夹
  • 需要在onRestart()方法里重新加载视频,防止退出返回时视频黑屏
    需要资源图片可留言

好了,到这里效果就实现了。



高额优惠券推荐使用:
优品嗨购—复制淘宝宝贝标题,打开优品嗨购自动搜索领取优惠券,爆款小众,应有尽有,海量高额优惠券等你来领,让你少花钱,多省钱。

ca475c12.jpg
83635768.jpg


http://www.ppmy.cn/news/377764.html

相关文章

Android 仿QQ动态背景登录

记得前阵子高考的那段时间&#xff0c;发现QQ的登录背景是会动的&#xff0c;看起来逼格很高。而今天也来带领大家去实现这样一个逼格很高的 动态登录背景。 之前网上看到有一些也实现了这样的功能&#xff0c;但基本只是给了个按钮表示一下&#xff0c;然后自己写的时候发现视…

最新修复版云开发壁纸小程序源码/新版大气UI微信QQ双端壁纸小程序源码

&#x1f525;云开发壁纸小程序源码&#x1f525; ☑️ 编号&#xff1a;ym129 ☑️ 品牌&#xff1a;壁纸 ☑️ 语言&#xff1a;PHP ☑️ 大小&#xff1a;8.4MB ☑️ 类型&#xff1a;小程序 ☑️ 支持&#xff1a;小程序 &#x1f389; 欢迎免费领取 &#x1f389; ✨ 源码…

面试问题总结---SLAM部分

1、本栏用来记录社招找工作过程中的内容,包括基础知识学习以及面试问题的记录等,以便于后续个人回顾学习; 暂时只有2023年3月份,第一次社招找工作的过程; 2、个人经历: 研究生期间课题是SLAM在无人机上的应用,有接触SLAM、Linux、ROS、C/C++、DJI OSDK等; 3、参加工作后…

从GPU诞生说起:AMD统一渲染架构回顾及展望(转)

本文转自&#xff1a;http://news.mydrivers.com/1/197/197710_all.htm 导读&#xff1a;AMD统一渲染架构全回顾 数月之前&#xff0c;笔者曾写过《风雨二十五载&#xff01;蓦然回首看ATI显卡发展之路》一文&#xff0c;文章就AMD&#xff08;ATI&#xff09;的显卡发展之路进…

GPU硬件架构以及运行机制笔记

本文是对向往大神的文章的一个笔记。 想阅读原文章移步博客园搜索向往 原文章比较长&#xff0c;这是一个精简和自己的一些理解 这篇文章要带着下面的问题去看 1、GPU是如何与CPU协调工作的&#xff1f; 2、GPU也有缓存机制吗&#xff1f;有几层&#xff1f;它们的速度差异多…

GPU — NVIDIA GPU 架构发展史

目录 文章目录 目录前言NVIDIA GPU 架构发展史2008 - Tesla(特斯拉)2010 - Fermi(费米)2012 - Kepler(开普勒)2014 - Maxwell(麦克斯韦)2016 - Pascal(帕斯卡)2017 - Volta(伏特)2018 - Turing(图灵)2020 - Ampere(安培)前言 GPU 架构一览表:https://zh.wikip…

【GPU结构与CUDA系列2】GPU硬件结构及架构分析:流多处理器SM,流处理器SP,示例架构分析

1 GPU架构的发展 架构名发布年份显卡名称每个SM中SP的数量Tesla2008Fermi2010GTX400 GTX500GF100&#xff1a;32&#xff1b;GF10X&#xff1a;48Kepler2012GTX600 GTX700192Maxwell2014GTX800 GTX900 Jetson-Nano128Pascal2016GP100 GTX1000 MX150 MX250 Jetson-TX2Volta2017G…

GeForce GTX 970 硬件特性

GeForec GTX 970 具有特性&#xff1a; SM(流处理器簇): 13 其中每个SM 有128个核&#xff0c;即&#xff1a;13*1281664个核 GPU架构 特斯拉架构&#xff08;Tesla&#xff09; 费米架构&#xff08;Fermi&#xff09; 开普勒架构&#xff08;Kepler&#xff09;麦克斯韦…