Android通用LoadingView加载框架详解

Android通用LoadingView加载框架详解

什么是LoadingView

LoadingView是Android开发中常用的展示等待状态的一种控件，它可以在页面加载数据的过程中显示出一个等待动画，让用户知道页面正在工作，避免用户因等待而产生焦虑情绪。

加载框架的实现方式

在Android中实现LoadingView的方式有很多种，常用的有以下几种方式：

• 自定义View： 使用自定义View实现LoadingView，可以根据需求设计动画效果，并可以实现很多的自定义功能。
• ProgressBar：ProgressBar 是 Android 自带的一种进度条控件，可以通过设置样式和属性实现LoadingView的效果。
• 第三方框架：市场上已经有很多成熟的 LoadingView 框架，可以根据需求选择相应的框架来使用。

其中，自定义View和ProgressBar是常用的实现方式，而第三方框架则可以让开发者更加方便快捷地实现LoadingView。

Android通用LoadingView框架介绍

在市场上已有的LoadingView框架中，Android通用LoadingView框架是一种非常好用的框架。它具备以下几个特点：

• 灵活性：框架支持自定义View、ProgressBar和第三方库实现的LoadingView；
• 支持不同场景：框架支持不同场景下的LoadingView展示，包括上拉加载、下拉刷新、网络加载等；
• 易用性：框架提供简单易用的API，只需几行代码即可实现LoadingView的功能。

使用Android通用LoadingView框架

下面，我们以RecyclerView为例，介绍如何在列表上实现LoadingView。

• 1. 第一步：导入依赖

在build.gradle文件中加入以下依赖：

implementation 'com.srx:loadingviewlib:1.1.0'

• 1. 第二步：设置RecyclerView的LayoutManager和Adapter

recyclerView.setLayoutManager(new LinearLayoutManager(this));
recyclerView.setAdapter(new MyAdapter(items));

这里 MyAdapter 是自定义的 RecyclerView.Adapter 子类。

• 1. 第三步：实现LoadingViewProvider

在项目中新建一个 LoadingViewProvider 类，实现 LoadingViewProvider 接口，并根据需求实现相应的方法。例如：

public class MyLoadingViewProvider implements LoadingViewProvider {

    @Override
    public View getLoadingView(Context context, LoadingViewRecyclerView recyclerView) {
        return LayoutInflater.from(context).inflate(R.layout.loading_view, recyclerView, false);
    }

    @Override
    public View getLoadEndView(Context context, LoadingViewRecyclerView recyclerView) {
        return LayoutInflater.from(context).inflate(R.layout.load_end_view, recyclerView, false);
    }

    @Override
    public View getLoadFailedView(Context context, LoadingViewRecyclerView recyclerView) {
        return LayoutInflater.from(context).inflate(R.layout.load_failed_view, recyclerView, false);
    }

    @Override
    public View getEmptyView(Context context, LoadingViewRecyclerView recyclerView) {
        return LayoutInflater.from(context).inflate(R.layout.empty_view, recyclerView, false);
    }
}

• 1. 第四步：设置LoadingViewProvider

在创建RecyclerView时，传入自定义的 LoadingViewProvider 对象，并调用 setLoadingViewTip(String) 方法设置提示信息。例如：

recyclerView.setLoadingViewProvider(new MyLoadingViewProvider());
recyclerView.setLoadingViewTip("正在加载中...");

• 1. 第五步：设置上拉加载和下拉刷新

如需使用上拉加载和下拉刷新功能，可以使用 SmartRefreshLayout 框架。

在xml布局文件中加入以下代码：

<com.scwang.smart.refresh.layout.SmartRefreshLayout
    android:id="@+id/refresh_layout"
    ...>

    <com.srx.widget.recycler.LoadingViewRecyclerView
        android:id="@+id/recycler_view"
        ... />
</com.scwang.smart.refresh.layout.SmartRefreshLayout>

并在代码中设置：

refreshLayout.setOnRefreshLoadMoreListener(new OnRefreshLoadMoreListener() {

    @Override
    public void onLoadMore(@NonNull final RefreshLayout refreshLayout) {
        recyclerView.setLoadingViewStatus(LoadingViewRecyclerView.STATUS_LOAD_MORE);
        // TODO: 加载更多数据
        refreshLayout.finishLoadMore(2000);
    }

    @Override
    public void onRefresh(@NonNull final RefreshLayout refreshLayout) {
        recyclerView.setLoadingViewStatus(LoadingViewRecyclerView.STATUS_REFRESH);
        // TODO: 加载最新数据
        refreshLayout.finishRefresh(2000);
    }
});

示例

下面分别介绍使用 ProgressBar 和自定义View 实现 LoadingView 的示例：

1. 使用ProgressBar实现LoadingView

在XML布局文件中，加入 ProgressBar 控件：

<ProgressBar
    android:id="@+id/loading_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:visibility="gone" />

在 Java 代码中，加载数据时将 ProgressBar 显示出来：

Button button = findViewById(R.id.button);
ProgressBar loadingView = findViewById(R.id.loading_view);

button.setOnClickListener(new OnClickListener() {
    @Override
    public void onClick(View v) {
        // 显示LoadingView
        loadingView.setVisibility(View.VISIBLE);

        // TODO: 加载数据

        // 隐藏 LoadingView
        loadingView.setVisibility(View.GONE);
    }
});

2. 使用自定义View实现LoadingView

在 Java 代码中，继承 View 类，实现自定义的 LoadingView：

public class MyLoadingView extends View {

    private Paint mPaint;

    public MyLoadingView(Context context) {
        super(context);
        init();
    }

    public MyLoadingView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public MyLoadingView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setColor(ContextCompat.getColor(getContext(), R.color.colorPrimary));
        mPaint.setStrokeWidth(5);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        // TODO: 绘制LoadingView的动画效果
    }
}

在XML布局文件中，加入自定义的 LoadingView 控件：

<com.example.myloadingview.MyLoadingView
    android:id="@+id/loading_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

在 Java 代码中，加载数据时将自定义的 LoadingView 显示出来：

Button button = findViewById(R.id.button);
MyLoadingView loadingView = findViewById(R.id.loading_view);

button.setOnClickListener(new OnClickListener() {
    @Override
    public void onClick(View v) {
        // 显示LoadingView
        loadingView.setVisibility(View.VISIBLE);

        // TODO: 加载数据

        // 隐藏 LoadingView
        loadingView.setVisibility(View.GONE);
    }
});

以上就是 Android通用LoadingView加载框架 的详细攻略。希望对大家的学习有所帮助。