android 影片布局,android实现 布局背景播放视频

今天给将项目中实现的一个小功能分享下，我觉得挺有意思的，比如写个登录界面背景图片用什么样子，那个图片，色彩，风格什么的都比较那把握，今天教大家一招，直接将背景图片给成弄一个视频，那样看起来既好看又有逼格；

先看效果图

由于没有办法上传视频，大家也就脑补下吧，下面是在播放视频-_-

怎么实现的呢？其实很简单的：

布局文件

android:orientation="vertical"

android:layout_width="match_parent"

android:background="@drawable/pjw"

android:layout_height="match_parent">

android:layout_width="match_parent"

android:layout_gravity="center"

android:layout_height="match_parent"

android:focusable="false"/>

android:layout_height="match_parent"

android:orientation="vertical">

android:layout_width="match_parent"

android:paddingTop="120dp"

android:layout_height="200dp"

android:layout_marginLeft="45dp"

android:layout_marginRight="215dp"

android:text="掌空"

android:textSize="30sp"

android:textColor="#ffffff"

android:gravity="center"/>

android:layout_height="50dp"

android:hint="账号"

android:textColorHint="#e062c5f2"

android:background="@null"

android:layout_marginLeft="25dp"

android:layout_marginRight="25dp"/>

android:layout_width="match_parent"

android:layout_height="2px"

android:background="#e0ffffff"

android:layout_marginLeft="25dp"

android:layout_marginRight="25dp"/>

android:textColorHint="#e062c5f2"

android:layout_width="match_parent"

android:layout_height="50dp"

android:background="@null"

android:layout_marginLeft="25dp"

android:layout_marginRight="25dp"/>

android:layout_width="match_parent"

android:layout_height="2px"

android:background="#e0ffffff"

android:layout_marginLeft="25dp"

android:layout_marginRight="25dp"/>

android:layout_marginRight="50dp"

android:layout_marginLeft="50dp"

android:layout_width="match_parent"

android:layout_height="50dp"

android:text="登录"

android:background="@drawable/loginbg"

android:textColor="#ffffff"/>

android:layout_width="match_parent"

android:layout_height="15dp"

android:layout_marginRight="50dp"

android:layout_marginLeft="50dp"

android:orientation="horizontal">

android:layout_weight="1"

android:layout_height="match_parent"

android:text="忘记密码？"

android:textColor="#e062c5f2"/>

android:layout_weight="1"

android:layout_height="match_parent"

android:text="新用户注册"

android:gravity="right"

android:textColor="#e062c5f2"/>

android:layout_width="match_parent"

android:layout_height="0dp"

android:layout_weight="1"

android:gravity="bottom|center"

android:text="888888888"

android:textColor="#ffffff"/>

fullScreen是我自定义的一个类，继承自VideoView这个类里面其实就是实现视频播放宽度和手机屏幕一样宽，(要不然就不好看了)；

上码：

public class fullScreen extends VideoView {

public fullScreen(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

// TODO Auto-generated constructor stub

}

public fullScreen(Context context, AttributeSet attrs) {

super(context, attrs);

// TODO Auto-generated constructor stub

}

public fullScreen(Context context) {

super(context);

// TODO Auto-generated constructor stub

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {//这里重写onMeasure的方法

// TODO Auto-generated method stub

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

int width = getDefaultSize(0, widthMeasureSpec);//得到默认的大小(0，宽度测量规范)

int height = getDefaultSize(0, heightMeasureSpec);//得到默认的大小(0，高度度测量规范)

setMeasuredDimension(width, height); //设置测量尺寸,将高和宽放进去

}

}

其他的我也就不多说了，都是一些简单的布局，如果你想做的更好看，那就在细节上花费点功夫吧！很容易发现我是使用了FrameLayout，现在的你是不是想问 ，如果点击那会不会弹出videoView应该有的控制栏？

告诉你不会，如果你想清除的理解为什么，建议去看看View的事件分发机制，扯远了，继续看，我是怎么控制视频播放的呢：

简单，看码：

private void initEvent() {

String path=getContext().getExternalCacheDir().getAbsolutePath();

path=path.split("Android")[0];

File file=new File(path+"DCIM/Video/1223.MP4");

final Uri uri = Uri.parse(file.getAbsolutePath());

if (!file.exists()) {

Toast.makeText(getContext(), "视频文件路径错误", Toast.LENGTH_SHORT).show();

}else {

final android.widget.MediaController mp=new android.widget.MediaController(getContext());

mp.setVisibility(View.INVISIBLE);

videoView.setMediaController(mp);

videoView.setClickable(false);

videoView.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {

@Override

public void onCompletion(MediaPlayer mediaPlayer) {

videoView.setVideoURI(uri);

videoView.start();

}

});

videoView.setVideoURI(uri);

videoView.start();

}

}

我是控制让视频循环播放，如果你不需要只要将setOnCompletionListener方法去掉即可；视频文件是我本机上的，如果你想从网上直接获取，那么只要将文件路径改成视频的URL即可；