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

最新推荐文章于 2021-08-29 23:40:34 发布
最新推荐文章于 2021-08-29 23:40:34 发布
阅读量844 收藏 1
点赞数
分类专栏： 开发应用整理支持文本 文章标签： android 界面加载
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Wedfrend/article/details/78411277
版权

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.

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

Wedfrend
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android源码解析系列1——Activity启动和界面加载，别再说你不会
m0_66264134的博客
01-26 864
// 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界面数据懒加载实现代码
01-05
大家在使用手机新闻客户端的时候就会有一个发现，大多数的新闻客户端都会把新闻分类，诸如头条、娱乐、体育、科技等等，如何实现这种界面的呢？这个实现起来其实很简单，就是在一个Fragment中实现多个ViewPage的切换...
android加载界面
南瓜饼
05-20 803
效果图 代码: 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 319
一、前言作为一个Android开发人员，setContentView方法肯定相当不陌生，因为在我们每一个需要呈现页面的Activity的onCreate方法中都会调用setContentView方法来加载我们事先写好的布局文件。然而或许大部分人也和我一样一直都是用用就好，也没有深入思考该方法具体是怎样将我们的布局文件呈现给用户的。接下来我们来好好研究研究这个方法的作用原理吧！二、Android窗口...
安卓界面——最开始界面的加载
zw1996的博客
09-21 1193
点开软件进入该界面自动加载……..public class PanlewarActivity extends ActionBarActivity { int screenwidth; int screenheight; ProcessView processview; Handler myhander = new Handler() { public vo
Android App启动出现预加载界面
Blue布洛的专栏
08-25 6461
当启动一个activity或者应用的时候,系统会先加载一个window preview的UI来增加过渡效果,但是有时候这种效果体验并不好,比如用户自定义的白色界面,然后预览的黑色界面,这样不和谐,如果需要去掉这种预览效果,需要做如下修改: 为启动Activity添加Therme: @null @null false @null tr
Android客户端首次启动引导界面
08-27
在本文中，我们将详细探讨如何在Android客户端实现首次启动引导界面。 首先，我们需要理解实现首次启动引导界面的基本思路。通常，我们会使用SharedPreferences来存储一个标记，表示用户是否已经看过引导界面。默认...
Android实现客户端语音动弹界面实例代码
08-28
在Android开发中，实现客户端语音动弹界面是一个常见的需求，特别是在社交应用或者消息传递应用中。这个实例代码主要展示了如何创建一个包含语音录制功能的用户界面。以下是对该实例代码的详细解释： 1. **控件布局...
Android-Androidapp网络请求时候一个通用的加载页面
08-12
我们在进行网络加载的时候，有时候需要一个能覆盖界面的loading界面，比如第一次进应用，加载数据的时候，需要这么个loading页面，体验比较友好
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
Android 加载动画的实现
09-07
Android加载动画的简单实现，<?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android: 一个配置文件搞定。
Android+界面+动态,浅谈Android动态加载界面设计技巧
weixin_42322467的博客
05-25 474
Android应用如果加载zip格式插件中的类，该类中的界面会需要用纯代码进行编写。插件中的界面是基于加载插件的Activity的。所以插件中的界面基本会用到Dialog作为基础界面。开发过程中会有一些技巧，记录如下：1、用AlertDialog作为基础界面，如果放置EditText组件，虚拟键盘将会无法显示。解决方法：用Dialog替代。2、用AlertDialog作为基础界面的好处在于，系统默...
利用Android属性动画实现有趣的加载中动效
qq_38237224的博客
08-29 538
本文目的 平时Android项目中看到的加载中的动效基本上就是转圈的形式，有点审美疲劳。前一篇文章通过ViewGroup做了一个简单的加载中的动效，上一篇文章的主要知识点基于ViewGroup实现自定义组合视图。本文仍然是基于ViewGroup实现自定义组合视图，将重点展示如何充分利用Android提供的属性动效实现一个有趣的加载中动效。文中较多的使用了位移动效，透明度动效。 效果介绍 实现了一个太阳升级/落下，月亮升起落下/星星眨眼的动效，组合起来之后可以作为加载中动效 自定义View代码 本次基于自定义
android用什么加载活动界面,Android中如何优雅的显示加载界面
weixin_39688856的博客
05-31 199
GitHub地址先说如何使用Gradle://项目gradle中allprojects {repositories {google()jcenter()maven { url 'https://jitpack.io' }}}//模块gradle中implementation 'com.github.goodluck028:ShowLoading:1.0.3'使用方法//activityLoadin...
Android 应用载入界面的简单实现
沐风的博客
01-04 2229
最近在构思一款打车app的实现思路，后面将会不定时更新编写进程，有不足和改进之处希望大家给出意见。 首先，来实现一个简单的载入界面，这里只是用一张图片，就先不用动画了，后面再说。 实现功能：运行程序后进入加载界面，三秒后自动跳转到主界面，同时关闭当前加载界面，按返回键退出该应用。 实现思路：新建一个活动，将其设置为入口activity，然后在方法类中通过Handler来实现加载页面和主界面的
豆瓣同城活动Android客户端设计探讨
除此之外，设计团队还需要考虑如何优化用户体验，如界面布局简洁易用，加载速度优化，以及如何利用Android平台的特性，如推送通知，来提醒用户关注的活动更新。同时，为了满足不同用户群体的需求，可能需要提供定制...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值