安卓作业—-慕课移动应用开发作业23之自定义VideoView，实现动态背景的登录界面移动开发baidu41860619的博客-

本篇利用自定义VideoView，实现动态背景的登录界面。

同时这也是中国大学慕课移动终端应用开发的网课作业23

说明

参考如下博客内容

• EditText 自定义下划线颜色
• 在EditText中设置hint的大小和颜色
• [Android基础] VideoView
• 超简单 自定义VideoView 让视频拉伸至全屏

效果图

代码部分

1.MyVideoView.java

public class MyVideoView extends VideoView { public MyVideoView(Context context) { super(context); } public MyVideoView(Context context, AttributeSet attrs) { super(context, attrs); } public MyVideoView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP) public MyVideoView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) { super(context, attrs, defStyleAttr, defStyleRes); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { int widthSpecSize = MeasureSpec.getSize(widthMeasureSpec); int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec); setMeasuredDimension(widthSpecSize, heightSpecSize); } /**      * https://blog.csdn.net/jdsjlzx/article/details/51777320      *      * https://blog.csdn.net/qq_24697659/article/details/49800419      *      * https://www.jianshu.com/p/2d3b221a2ee7      *      * https://blog.csdn.net/z19980115/article/details/75046606      * */ } 

2.MainActivity.java

public class MainActivity extends AppCompatActivity { private MyVideoView mVideoView; private EditText mEditTextName,mEditTextPassword; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); getSupportActionBar().hide();          mVideoView = findViewById(R.id.video_view);         mEditTextName = findViewById(R.id.nameEditText);         mEditTextPassword = findViewById(R.id.passwordEditText);         mEditTextName.setHintTextColor(getResources().getColor(R.color.white));         mEditTextPassword.setHintTextColor(getResources().getColor(R.color.white));          Uri uri = Uri.parse("android.resource://" + getPackageName() + "/" + R.raw.myvideo);         mVideoView.setVideoURI(uri);          mVideoView.start(); // //        mVideoView.setOnCompletionListener(new MediaPlayer.OnCompletionListener() { //            @Override //            public void onCompletion(MediaPlayer mp) { //                mVideoView.resume(); //            } //        }); } } 

3.activity_main.xml

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <com.example.course23.MyVideoView android:id="@+id/video_view" android:layout_width="wrap_content" android:layout_height="wrap_content"/> <RelativeLayout android:layout_marginTop="20dp" android:layout_width="match_parent" android:layout_height="wrap_content"> <RelativeLayout android:id="@+id/viewCenter" android:paddingTop="20dp" android:layout_centerHorizontal="true" android:layout_width="280dp" android:layout_height="wrap_content"> <EditText android:id="@+id/nameEditText" android:layout_width="match_parent" android:layout_height="50dp" android:drawablePadding="10dp" android:hint="请输入姓名" android:layout_marginLeft="10dp" android:textSize="16sp"></EditText> <EditText android:id="@+id/passwordEditText" android:layout_below="@+id/nameEditText" android:layout_width="match_parent" android:layout_height="50dp" android:drawablePadding="10dp" android:hint="请输入密码" android:textSize="16sp" android:layout_marginLeft="10dp"></EditText> </RelativeLayout> <RelativeLayout android:id="@+id/login" android:layout_below="@id/viewCenter" android:layout_centerHorizontal="true" android:layout_width="280dp" android:layout_height="wrap_content" android:paddingBottom="10dp" android:layout_marginTop="10dp"> <TextView android:text="快速注册" android:textColor="#59EEF8" android:paddingLeft="10dp" android:layout_width="wrap_content" android:layout_height="wrap_content"/> <TextView android:text="忘记密码" android:paddingRight="10dp" android:layout_alignParentRight="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#59EEF8"/> </RelativeLayout> <RelativeLayout android:layout_marginTop="10dp" android:layout_below="@id/login" android:layout_width="match_parent" android:layout_height="wrap_content"> <TextView android:text="登陆" android:textSize="20dp" android:layout_centerInParent="true" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#59EEF8"/> </RelativeLayout> </RelativeLayout> </RelativeLayout> 

4.修改colors.xml文件

<?xml version="1.0" encoding="utf-8"?> <resources> <color name="colorPrimary">#72141414</color> <color name="colorPrimaryDark">#72141414</color> <color name="colorAccent">#D81B60</color> <color name="white">#FFF</color> </resources> 

5.修改styles.xml文件

<resources> <!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">         <!-- Customize your theme here. -->         <item name="colorPrimary">@color/colorPrimary</item>         <item name="colorPrimaryDark">@color/colorPrimaryDark</item>         <item name="colorAccent">@color/colorAccent</item>          <!-- AppCompatEditText默认状态状态设置底线颜色 -->         <item name="colorControlNormal">#FFFFFF</item>         <!-- AppCompatEditText选择的底线颜色 -->         <item name="colorControlActivated">#c6174e</item>     </style> </resources> 

视频资源

在res目录下新建raw文件夹，将自己的视频保存为myvideo.mp4即可
我的视频资源来自于火萤app

总结

如果有什么问题或改进方案，请私信联系我或者在评论区留言
码字不易，若有帮助，给个关注和赞呗