android客户端界面加载处理方法

最新推荐文章于 2024-11-02 09:15:54 发布
原创 最新推荐文章于 2024-11-02 09:15:54 发布 · 973 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#android #界面加载

本文介绍了一种自定义Android View的方法，用于处理应用中常见的加载状态显示问题，包括加载中、加载成功、加载失败等场景，并提供了详细的实现步骤。

Knowledge is a treasure but practice is the key to it.

在android的前端开发过程中，对于前端的加载效果，界面友好是很重要的。

需要在界面加载过程中的变化中友好的显示：

1：加载中
2：加载成功
3：加载失败
4：网络异常
5：请求数据接口暂时没有数据

etc,所以，需要我们自己书写相关的界面加载类，来做一个统一的整理

在刚开始遇到这样的问题时，就个人而言，用的最笨的办法也是最耗性能。在原有的正常UI界面中添加 include 标签，然后根据逻辑进行隐藏显示。很不自在。之后在优化中总结经验，创建自己的界面类。

正题：

step1：自定义View extends FrameLayout
step2：创建enum来确定相应的状态
step3：创建相应界面的layout

package com.welive.defineview;

import ···


/**
* author:wedfrend
* email:wedfrend@yeah.net
* create:2017/8/29 11:11
* desc: 在手机端加载过程中，会出现很多的状况
 *
 *      1：加载中
 *      2：数据出错
 *      3：网络异常
 *      4：重新加载
 *
 *      为了方便的统一管理，所以自定义View来进行相应的加载状态方法
 *
*/

public class NavFrameLayout extends FrameLayout {

    private FrameLayout wholeFrameLayout;
    //布局中的子页面
    private View mContentView;
    private LayoutInflater layoutInflater;
    //不同的状态
    private View statusView;

    private EnumContent.statusPage statusPage = EnumContent.statusPage.LOADING;

    public EnumContent.statusPage getStatusPage() {
        return statusPage;
    }

    public void setStatusPage(EnumContent.statusPage statusPage) {
        this.statusPage = statusPage;
    }

/**
*  默认情况下的三种布局界面
*/
    private final int loadingLayoutId = R.layout.z_loading_layout;//加载中
    private final int dateErrorLayoutId = R.layout.z_daterror_layout;//数据异常
    private final int netErrorLayoutId = R.layout.z_neterror_layout;//网络异常

    public NavFrameLayout(Context context) {
        super(context,null);
    }

    public NavFrameLayout(Context context, AttributeSet attrs) {
        this(context, attrs,0);
    }

    public NavFrameLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        InitDefault(context, attrs, defStyleAttr);
    }
    //初始化
    public void InitDefault(Context context, AttributeSet attrs, int defStyleAttr){
        wholeFrameLayout = new FrameLayout(context);
        layoutInflater = LayoutInflater.from(context);
        wholeFrameLayout.setLayoutParams(new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
        //该方法可以在父类中查看，是直接将该布局放置在子布局的第一个位置
        addView(wholeFrameLayout);
        //加载界面的显示
        setViewLoading(loadingLayoutId);

    }

/**
进行界面的判断，在layout下该自定义VIEW下必须有且只有一个子布局Ui，但是实际上我们在代码中添加一个View，layout中一个，所以判断必须为2
*/
    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        if(getChildCount() != 2){
            //抛出运行时异常
            throw new RuntimeException(NavFrameLayout.class.getSimpleName() + "必须有且只有一个子控件");
        }
        mContentView = getChildAt(1);
        //完成之后将该View先进行隐藏
        mContentView.setVisibility(View.GONE);
    }

    /**
     * 正在加载
     * @param layoutResID
     */
    protected SwipeRefreshLayout swipeRefreshLayout;
    public void setViewLoading(@LayoutRes int layoutResID){
    //赋值状态
        statusPage = EnumContent.statusPage.LOADING;

    //判断是否statusView是否已经存在，存在的话先做一次清除，因为没有必要一直存在
        if (statusView != null && statusView.getParent() != null) {
            ViewGroup parent = (ViewGroup) statusView.getParent();
            parent.removeView(statusView);
        }
        //接下来做自己界面流程
        statusView = layoutInflater.inflate(layoutResID,null);
        if (statusView != null) {
            statusView.setLayoutParams(new LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));
            wholeFrameLayout.addView(statusView);
        }
        statusView.setVisibility(View.VISIBLE);
        swipeRefreshLayout = ((SwipeRefreshLayout) statusView.findViewById(R.id.refresh_loading));
        swipeRefreshLayout.setProgressViewOffset(true, 50, 100);
        //设置下拉圆圈的大小，两个值 LARGE， DEFAULT
        swipeRefreshLayout.setSize(SwipeRefreshLayout.DEFAULT);
        //下拉刷新调用的一个接口
        swipeRefreshLayout.setColorSchemeResources(R.color.colorPrimary, R.color.colorPrimaryDark, R.color.colorPrimaryDarkContentActivity);
        //这里直接调用swipeRefrehLayout的加载状态
        swipeRefreshLayout.post(() -> swipeRefreshLayout.setRefreshing(true));
    }

    /**
     * 设置界面正常加载的情况下，对于不同状态需要做的处理如下，在自己主逻辑程序中只需调用方法，相应的处理状态交给该方法执行
     */
    public void setNormal(){
        if(statusView.getVisibility() == View.VISIBLE){
            //异常界面隐藏
            statusView.setVisibility(View.GONE);
            //正常界面显示
            mContentView.setVisibility(View.VISIBLE);
        }
        //处理不同的情况
        if(statusPage.equals(EnumContent.statusPage.NONE)){
        }
        //正在加载中
        if(statusPage.equals(EnumContent.statusPage.LOADING)){
            //加载界面显示
            swipeRefreshLayout.post(() -> swipeRefreshLayout.setRefreshing(false));
            return;
        }
        //数据出现异常
        if(statusPage.equals(EnumContent.statusPage.DATEERROR)){

            return;
        }
        //网络出现异常
        if(statusPage.equals(EnumContent.statusPage.NETERROR)){

            return;
        }
        setStatusPage(EnumContent.statusPage.NONE);


    }

    /**
     *
     * @param status 异常状态
     * @param imgId  图片ID
     * @param StringId 提示字段ID
     */
    public void setException(EnumContent.statusPage status,int imgId,int StringId){
        if(statusPage.equals(EnumContent.statusPage.NONE)){
            T.show(R.string.NetError,0);
        }
        statusPage = status;
        if(statusView.getVisibility() == View.GONE){
            //正常界面隐藏
            mContentView.setVisibility(View.GONE);
            //异常界面显示
            statusView.setVisibility(View.VISIBLE);
        }
        //处理不同的情况
        if(status.equals(EnumContent.statusPage.NONE)){

        }
        //正在加载中
        if(status.equals(EnumContent.statusPage.LOADING)){
            //加载界面显示
            setViewLoading(loadingLayoutId);
            return;
        }
        //数据出现异常
        if(status.equals(EnumContent.statusPage.DATEERROR)){
            setViewDateError(dateErrorLayoutId);
            return;
        }
        //网络出现异常
        if(status.equals(EnumContent.statusPage.NETERROR)){
            setViewNetError(netErrorLayoutId);
            return;
        }

    }


    /**
     * 数据异常
     * @param layoutResID
     */
    public void setViewDateError(@LayoutRes int layoutResID){

        if (statusView != null && statusView.getParent() != null) {
            ViewGroup parent = (ViewGroup) statusView.getParent();
            parent.removeView(statusView);
        }
        statusView = layoutInflater.inflate(layoutResID,null);
        if (statusView != null) {
            statusView.setLayoutParams(new LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));
            wholeFrameLayout.addView(statusView);
        }
        //下面要做些事情

    }

    /**
     * 网络异常
     * @param layoutResID
     */
    public void setViewNetError(@LayoutRes int layoutResID){

        if (statusView != null && statusView.getParent() != null) {
            ViewGroup parent = (ViewGroup) statusView.getParent();
            parent.removeView(statusView);
        }
        statusView = layoutInflater.inflate(layoutResID,null);
        if (statusView != null) {
            statusView.setLayoutParams(new LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));
            wholeFrameLayout.addView(statusView);
        }
        statusView.findViewById(R.id.tv_reloading).setOnClickListener(v ->
        {
            setException(EnumContent.statusPage.LOADING,0,0);
            loadingListener.onLoading();
        });
    }

    //这里还需要一个接口的触发时间，来证实界面的可行性
    public interface LoadingListener{
        void onLoading();
    }

    private LoadingListener loadingListener;

    public LoadingListener getLoadingListener() {
        return loadingListener;
    }

    public void setLoadingListener(LoadingListener loadingListener) {
        this.loadingListener = loadingListener;
    }
}

知识要点：

1：该类中需要注意的就是一个onFinishInflate()方法的判断以及我们在原有布局中添加一个布局。
2：addView()方法调用父类的方法

/**
     * <p>Adds a child view. If no layout parameters are already set on the child, the
     * default parameters for this ViewGroup are set on the child.</p>
     *
     * <p><strong>Note:</strong> do not invoke this method from
     * {@link #draw(android.graphics.Canvas)}, {@link #onDraw(android.graphics.Canvas)},
     * {@link #dispatchDraw(android.graphics.Canvas)} or any related method.</p>
     *
     * @param child the child view to add
     *
     * @see #generateDefaultLayoutParams()
     */
    public void addView(View child) {
        addView(child, -1);
    }

所以此时getChildAt(int i)中,角标0表示我们添加的View，而角标为1的表示在layout中的View

debug模式下的流程分析

3：对于各种状态的布局以及状态发生变化的时候先清空之前的内容，在加载新的界面。

由于不同公司的定制，如果将该类作为aar文件来进行引用反而会带来更加复杂的封装，所以还是由每个开发自己去写一套适用于自己公司的类更为合适。

最终在界面绘制完成，跟布局中有两个子布局

跟布局下的子布局

相关实践代码请在Github中进行下载：

https://github.com/wedfrendwang/NavLayout

Everyone gets tired.No one can take the pain for you. You have to go through it and grow up.

心烦事比较多，激励一下自己。希望从事编程行业的同仁们加油。

Android源码解析系列1——Activity启动和界面加载，别再说你不会
m0_66264134的博客
01-26 944
// needs to be visible but isn’t in the foreground. We accomplish this by going // through the normal startup (because activities expect to go through onResume() // the first time they run, before their window is displayed), and then pausing it. // However
Android 自定义加载中动画Dialog弹窗
L73748196_的博客
11-30 1870
Android 自定义加载中动画弹窗
Android-Androidapp网络请求时候一个通用的加载页面
08-12
我们在进行网络加载的时候，有时候需要一个能覆盖界面的loading界面，比如第一次进应用，加载数据的时候，需要这么个loading页面，体验比较友好
android加载界面
南瓜饼
05-20 872
效果图 代码: package com.nanguabing.splashactivity; import android.annotation.SuppressLint; import android.app.Activity; import android.os.Bundle; import android.os.Handler; import android.os.Message;
android 加载过程,Android 从setContentView谈Activity界面的加载过程
weixin_42116585的博客
05-26 411
一、前言作为一个Android开发人员，setContentView方法肯定相当不陌生，因为在我们每一个需要呈现页面的Activity的onCreate方法中都会调用setContentView方法来加载我们事先写好的布局文件。然而或许大部分人也和我一样一直都是用用就好，也没有深入思考该方法具体是怎样将我们的布局文件呈现给用户的。接下来我们来好好研究研究这个方法的作用原理吧！二、Android窗口...
Android客户端首次启动引导界面
08-27
在本文中，我们将详细探讨如何在Android客户端实现首次启动引导界面。 首先，我们需要理解实现首次启动引导界面的基本思路。通常，我们会使用SharedPreferences来存储一个标记，表示用户是否已经看过引导界面。默认...
Android界面数据懒加载实现代码
01-05
大家在使用手机新闻客户端的时候就会有一个发现，大多数的新闻客户端都会把新闻分类，诸如头条、娱乐、体育、科技等等，如何实现这种界面的呢？这个实现起来其实很简单，就是在一个Fragment中实现多个ViewPage的切换...
Android客户端高仿开心网ui实例源码.zip_Android客户端高仿开心网ui_android
09-23
【标题】"Android客户端高仿开心网ui实例源码.zip" 涉及到的是一个Android应用开发项目，目标是实现对开心网用户界面的高度模仿。这个实例源码可以帮助开发者学习和理解如何在Android平台上创建类似社交应用的界面...
Android仿京东客户端界面源码
11-18
【Android仿京东客户端界面源码】是一个针对Android平台的项目，旨在实现与京东客户端相似的用户界面和交互体验。这个源码提供了开发者一个学习和参考的机会，了解如何在Android环境中构建一个功能丰富的电商应用...
微博风格Android客户端界面开发教程
2. Android客户端界面设计： 客户端界面设计是Android开发中非常重要的环节，它直接影响到用户的使用体验。仿新浪微博界面的Android代码意味着开发者需要对新浪微博的UI设计进行分析，并在Android平台上重现相似的...
android 各种加载动画效果
10-16
android 各种加载动画效果 现在免费分享给大家 希望大家可以喜欢！
Android 开发使用Activity实现加载等待界面功能示例
08-19
主要介绍了Android 开发使用Activity实现加载等待界面功能,结合实例形式详细分析了Android基于Activity实现加载等待界面布局与功能操作技巧,需要的朋友可以参考下
android开发实现正在加载动画效果
10-08
当软件正在加载数据时，实现跳出动画以示正在加载，附带小人快跑图片
Android制作一个软件启动加载画面
03-16
Android源码仿UC启动加载画面闪烁样式，大家都知道Uc客户端启动时候挺漂亮的效果吧，今天发现了这个仿写的UC启动画面效果，有兴趣的看看怎么样，其实用代码实现很简单，代码很少。 运行环境：Java/Eclipse
android 登陆、提交数据或加载数据时提示页面
04-11
源码 博文链接：https://104zz.iteye.com/blog/1688249
安卓界面——最开始界面的加载
zw1996的博客
09-21 1279
点开软件进入该界面自动加载……..public class PanlewarActivity extends ActionBarActivity { int screenwidth; int screenheight; ProcessView processview; Handler myhander = new Handler() { public vo
Android App启动出现预加载界面
Blue布洛的专栏
08-25 6711
当启动一个activity或者应用的时候,系统会先加载一个window preview的UI来增加过渡效果,但是有时候这种效果体验并不好,比如用户自定义的白色界面,然后预览的黑色界面,这样不和谐,如果需要去掉这种预览效果,需要做如下修改: 为启动Activity添加Therme: @null @null false @null tr
Android开发教程实加载中...动效
最新发布
聪哥的专栏
11-02 433
加载中，发送中，匹配中都可以用，就是后面是三个点还是两个点，不断在切换
Android+界面+动态,浅谈Android动态加载界面设计技巧
weixin_42322467的博客
05-25 558
Android应用如果加载zip格式插件中的类，该类中的界面会需要用纯代码进行编写。插件中的界面是基于加载插件的Activity的。所以插件中的界面基本会用到Dialog作为基础界面。开发过程中会有一些技巧，记录如下：1、用AlertDialog作为基础界面，如果放置EditText组件，虚拟键盘将会无法显示。解决方法：用Dialog替代。2、用AlertDialog作为基础界面的好处在于，系统默...
揭秘蘑菇街Android客户端界面高仿源码
2. Android客户端界面设计 Android客户端的界面设计需要关注用户体验（UX）和用户界面（UI）两个方面。UI设计涉及到布局（Layouts）、控件（Widgets）、样式（Styles）和主题（Themes）等。在Android中，开发者通常...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值