Android 制作一款短视频app软件可在线观看（视频实时更新）

最新推荐文章于 2023-02-11 10:01:18 发布

Scean周

最新推荐文章于 2023-02-11 10:01:18 发布

阅读量2.2k

点赞数

分类专栏：安卓移动互联网文章标签：安卓

本文链接：https://blog.csdn.net/Scxioi0/article/details/108942910

版权

安卓移动互联网专栏收录该内容

27 篇文章 1 订阅

订阅专栏

Android 制作一款短视频app软件可在线观看（视频实时更新）

第一步：完成界面的设计
界面布局采用LinearLayout，添加TextView控件显示标题，添加4个Button按钮可切换不同的短视频内容，在添加一个RecyclerView控件来显示内容。添加RecyclerView控件时需要下载第三方库，代码如下：

    //noinspection GradleCompatible
    implementation 'com.android.support:design:28.0.0'
    //noinspection GradleCompatible
    implementation 'com.android.support:support-v4:28.0.0'
    //noinspection GradleCompatible
    implementation 'com.android.support:appcompat-v7:28.0.0'

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns: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"
    android:orientation="vertical"
    android:background="#E8E6E6"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textSize="30sp"
        android:background="#FFF"
        android:text="实时段子" />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:orientation="horizontal">
        <Button
            android:id="@+id/b1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#FFF"
            android:layout_marginLeft="5dp"
            android:text="推荐"/>
        <Button
            android:id="@+id/b2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#FFF"
            android:layout_marginLeft="5dp"
            android:text="热点"/>
        <Button
            android:id="@+id/b3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#FFF"
            android:layout_marginLeft="5dp"
            android:text="资讯"/>
        <Button
            android:id="@+id/b4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#FFF"
            android:layout_marginLeft="5dp"
            android:text="口碑"/>
    </LinearLayout>
    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/r1"
        android:layout_width="match_parent"
        android:layout_marginTop="20dp"
        android:background="#FFF"
        android:layout_height="wrap_content"/>

</LinearLayout>

界面截图：
在这里插入图片描述

第二步：找到控件的ID并绑定
在这里插入图片描述
第三步：解析url数据
第一：定义一个类DataModel.class

public class DateModel implements Serializable {
}

使用快捷键（Alt+s）粘贴全部过去数据，之后一直点击OK
在这里插入图片描述
在网络请求之前在AndroidManifest.xml文件中添加网络权限

<uses-permission android:name="android.permission.INTERNET"/>

第二：完成网络的请求
定义之前需要使用到okhttp3和gson第三方库，找到build.grade文件，输入以下代码：

    implementation 'com.squareup.okhttp3:okhttp:3.12.1'
    debugImplementation 'com.squareup.okhttp3:logging-interceptor:3.12.1'
    implementation 'com.google.code.gson:gson:2.8.5'

定义一个请求接口

public void requestDate()
{
}

在该接口进行网络请求

public void requestDate()
    {
        String url=urls;
        OkHttpClient okHttpClient=new OkHttpClient();
        Request request=new Request.Builder()
                .url(url)
                .get()
                .build();
        Call call=okHttpClient.newCall(request);
        call.enqueue(new Callback() {
            @Override
            public void onFailure(Call call, IOException e) {
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        Toast.makeText(MainActivity.this,"网络连接失败",Toast.LENGTH_SHORT).show();
                    }
                });

            }

            @Override
            public void onResponse(Call call, Response response) throws IOException {
                String result=response.body().string();
                Gson gson=new Gson();
                final DateModel dateModel=gson.fromJson(result,DateModel.class);
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        Toast.makeText(MainActivity.this,"网络连接成功",Toast.LENGTH_SHORT).show();
                    }
                });

            }
        });
    }

第四步：完成列表的相关操作
首先定义列表的布局，在res的文件下layou创建一个xml文件，实现布局
在这里插入图片描述
布局采用的是LinearLayout，3个TextView控件显示内容，ImageView显示图片，代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="150dp">
    <LinearLayout
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"
        android:gravity="center"
        android:layout_marginTop="20dp"
        android:orientation="vertical">
        <TextView
            android:id="@+id/v1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="15sp"
            android:textStyle="bold"
            android:layout_marginRight="40dp"
            android:text="犄角的尽头"/>
        <TextView
            android:id="@+id/v2"
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:singleLine="true"
            android:textSize="12sp"
            android:text="自制多米诺开瓶器，一次开一百瓶乌苏。让开盖更加简单且硬气"/>

    </LinearLayout>
    <LinearLayout
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"
        android:layout_marginTop="20dp"
        android:gravity="center"
        android:orientation="horizontal">
        <ImageView
            android:id="@+id/i1"
            android:layout_width="80dp"
            android:layout_height="130dp"
            android:src="@mipmap/photo" />
        <TextView
            android:id="@+id/v3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="10sp"
            android:layout_marginLeft="10dp"
            android:text="2020-07-31 21:00:03"/>
    </LinearLayout>
</LinearLayout>

在这里插入图片描述
第二：定义一个Adapter1的类来实现列表的功能

public class Adapter1 {
}

在该类中继承RecyclerView.Adapter

public class Adapter1 extends RecyclerView.Adapter {
}

之后把鼠标移至Adapter1，在键盘按Alt+Enter 选择第一个，最后选择ok
在这里插入图片描述

在倒数第二个花括号中定义一个类

public class ViewHolder extends RecyclerView.ViewHolder
    {
    }

之后把鼠标移至RecyclerView.ViewHolder，在键盘按Alt+Enter，选择第一个，按确定
在这里插入图片描述
在该类中填写控件的id

将Json的数据放进列表

更改当前的值

找到Adapter1.ViewHolder onCreateViewHolder的函数，绑定xml并返回当前的值

第4个控件，ImageView在线网络图片显示，需要下载第三方库，找到build.grade文件，输入以下语句

    implementation 'com.github.bumptech.glide:glide:4.9.0'
    annotationProcessor 'com.github.bumptech.glide:compiler:4.9.0'

找到onBindViewHolder函数，继续将获取到的JSON数据传递到ImageView控件，在传递之前需要定义一个接口在这里插入图片描述
找到onBindViewHolder函数，将获取到的JSON数据传递到指定的控件

返回数据的长度

添加列表监听器，在倒数第二个花括号定义一个类

public interface OnItemClickListener
    {
        void onClick(String a,String b,String c,String d);
    }

使用监听器
在这里插入图片描述
第五步：返回MainActivity.java文件，选择列表显示的样式并提取解析后的相关数据。
列表显示的样式输入以下代码：

private LinearLayoutManager linearLayoutManager;

linearLayoutManager=new LinearLayoutManager(this);
linearLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);
r1.setLayoutManager(linearLayoutManager);

在这里插入图片描述
提取解析后的相关数据

public void getDate(DateModel dateModel)
{
}

public void getDate(DateModel dateModel)
    {
        if(dateModel==null||dateModel.getResult()==null)
        {
            return;
        }
        Adapter1 adapter1=new Adapter1(dateModel.getResult(), MainActivity.this, new Adapter1.OnItemClickListener() {
            @Override
            public void onClick(String a, String b, String c, String d) {

            }
        });
        r1.setAdapter(adapter1);
    }

第六步：点击当前内容跳转到第二页面播放视频
首先创建布局和MainActivity2文件
在这里插入图片描述
采用LinearLayout布局，添加3个TextView控件，显示标题和时间、内容。在添加一个VideoView控件播放视频，代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity2">
    <TextView
        android:id="@+id/t1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="30sp"
        android:paddingLeft="20dp"
        android:textStyle="bold"
        android:layout_marginTop="10dp"
        android:text="犄角的尽头"/>
    <TextView
        android:id="@+id/t2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="15sp"
        android:paddingLeft="20dp"
        android:layout_marginTop="10dp"
        android:text="2020-07-31 21:00:03"/>
    <TextView
        android:id="@+id/t3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:layout_marginTop="10dp"
        android:paddingLeft="20dp"
        android:paddingRight="20dp"
        android:text="自制多米诺开瓶器，一次开一百瓶乌苏。让开盖更加简单且硬气"/>
    <VideoView
        android:id="@+id/v1"
        android:layout_width="350dp"
        android:layout_gravity="center"
        android:layout_marginTop="40dp"
        android:layout_height="450dp"/>

</LinearLayout>

界面截图：
在这里插入图片描述
找到ID并绑定

返回MainActivity传递数据过来

返回MainActivity2接收数据

播放视频

返回MainActivity，实现4个按钮的监听事件

        b1.setEnabled(false);
        b1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                b1.setEnabled(false);
                b2.setEnabled(true);
                b3.setEnabled(true);
                b4.setEnabled(true);
                urls="https://api.apiopen.top/getJoke?page=1&count=100&type=video";
                requestDate();
            }
        });
        b2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                b1.setEnabled(true);
                b2.setEnabled(false);
                b3.setEnabled(true);
                b4.setEnabled(true);
                urls="https://api.apiopen.top/getJoke?page=2&count=100&type=video";
                requestDate();
            }
        });
        b3.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                b1.setEnabled(true);
                b2.setEnabled(true);
                b3.setEnabled(false);
                b4.setEnabled(true);
                urls="https://api.apiopen.top/getJoke?page=3&count=100&type=video";
                requestDate();

            }
        });
        b4.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                b1.setEnabled(true);
                b2.setEnabled(true);
                b3.setEnabled(true);
                b4.setEnabled(false);
                urls="https://api.apiopen.top/getJoke?page=4&count=100&type=video";
                requestDate();
            }
        });

以下是本项目的源代码：
https://download.csdn.net/download/Scxioi0/12913104

Scean周

关注

0
点赞
踩
21

收藏

觉得还不错? 一键收藏
0
评论
Android 制作一款短视频app软件可在线观看（视频实时更新）

Android 制作一款短视频app软件可在线观看（视频实时更新）第一步：完成界面的设计界面布局采用LinearLayout，添加TextView控件显示标题，添加4个Button按钮可切换不同的短视频内容，在添加一个RecyclerView控件来显示内容。添加RecyclerView控件时需要下载第三方库，代码如下： //noinspection GradleCompatible implementation 'com.android.support:design:28.0.0'
复制链接

扫一扫