Android 多状态布局

最新推荐文章于 2022-08-13 22:07:53 发布
最新推荐文章于 2022-08-13 22:07:53 发布
阅读量1k 收藏 2
点赞数
分类专栏： Android 多状态布局 文章标签： Android多状态布局
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35654614/article/details/81335006
版权

无侵入性实现, 不需要每一个布局都引入多状态布局

先上图

1.多状态View的编写

java代码

package com.mir.datepicker;

import android.content.Context;
import android.net.ConnectivityManager;
import android.net.NetworkInfo;
import android.support.annotation.IntDef;
import android.support.v4.content.ContextCompat;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.widget.FrameLayout;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;

import java.lang.annotation.Retention;
import java.lang.annotation.RetentionPolicy;

/**
 * @data 2018-08-01
 * @desc
 */

public class StatusLayout extends RelativeLayout {

    public static final int STATUS_LOADING = 1;
    public static final int STATUS_LOAD_FAIL = 2;
    public static final int STATUS_HIDE = 3;
    private int mStatus = STATUS_LOADING;

    @IntDef({STATUS_LOADING, STATUS_LOAD_FAIL, STATUS_HIDE})
    @Retention(RetentionPolicy.SOURCE)
    @interface Status{}

    private Context mContext;
    private FrameLayout mFlFailContainer;
    private LinearLayout mLlLoading;
    private TextView mTvFailMsg;

    public StatusLayout(Context context) {
        this(context, null);
    }

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

    public StatusLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        mContext = context;
        initView();
    }

    private void initView() {
        LayoutInflater.from(mContext).inflate(R.layout.layout_status, this, true);
        mFlFailContainer = findViewById(R.id.fl_fail_container);
        mLlLoading = findViewById(R.id.ll_loading);
        mTvFailMsg = findViewById(R.id.tv_fail_msg);
    }

    /**
     * 设置多状态布局状态
     * @param status @param status {@link Status}
     */
    public void setStatus(@Status int status){
        this.mStatus = status;
        switchStatusLayout();
    }

    public void setStatus(@Status int status, OnClickListener onClickListener){
        this.mStatus = status;
        switchStatusLayout();
        mTvFailMsg.setOnClickListener(onClickListener);
    }

    private void switchStatusLayout() {
        switch (mStatus){
            case STATUS_LOADING:
                showLoading();
                break;
            case STATUS_LOAD_FAIL:
                showLoadFail();
                break;
            case STATUS_HIDE:
                hint();
                break;
        }
    }

    private void showLoadFail() {
        // 判断网络是否可用
        boolean isAvailable = networkIsAvailable(getContext());
        if (isAvailable) {
            mTvFailMsg.setText("加载失败, 点击重试");
            mTvFailMsg.setCompoundDrawablesWithIntrinsicBounds(null
                    , ContextCompat.getDrawable(mContext, R.mipmap.ic_load_fail), null, null);
        }else{
            mTvFailMsg.setText("网络异常, 点击重试");
            mTvFailMsg.setCompoundDrawablesWithIntrinsicBounds(null
                    , ContextCompat.getDrawable(mContext, R.mipmap.ic_not_network), null, null);
        }
        show();
        mLlLoading.setVisibility(GONE);
        mFlFailContainer.setVisibility(VISIBLE);
    }

    private void showLoading() {
        show();
        mFlFailContainer.setVisibility(GONE);
        mLlLoading.setVisibility(VISIBLE);
    }

    private void show(){
        setVisibility(VISIBLE);
    }

    private void hint(){
        setVisibility(GONE);
    }

    /**
     * 检测网络是否可用
     */
    public boolean networkIsAvailable(Context context) {
        try {
            ConnectivityManager cm = (ConnectivityManager) context.getSystemService(Context.CONNECTIVITY_SERVICE);
            if (cm != null) {
                NetworkInfo info = cm.getActiveNetworkInfo();
                if (info != null && info.isConnected()) {
                    if (info.getState() == NetworkInfo.State.CONNECTED) {
                        return true;
                    }
                }
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
        return false;
    }
}

布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:id="@+id/rl_status"
              android:background="@android:color/white"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <FrameLayout
        android:id="@+id/fl_fail_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <TextView
            android:id="@+id/tv_fail_msg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="14sp"
            android:textColor="#333333"
            android:layout_gravity="center"
            android:text="网络异常, 点击重试"
            android:drawableTop="@mipmap/ic_not_network"
            android:drawablePadding="10dp"/>

    </FrameLayout>
    
    <LinearLayout
        android:id="@+id/ll_loading"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="vertical"
        android:visibility="gone">

        <ProgressBar
            android:layout_width="30dp"
            android:layout_height="30dp"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="12sp"
            android:textColor="#333333"
            android:text="正在加载中..."
            android:layout_marginTop="15dp"/>

    </LinearLayout>

</RelativeLayout>

2.封装多状态布局的工具类

package com.mir.datepicker;

import android.app.Activity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.RelativeLayout;

/**
 * @data 2018-08-01
 * @desc
 */

public class StatusUtils {

    private Activity mActivity;
    private ViewGroup mViewGroup;
    private StatusLayout mStatusLayout;
    private RelativeLayout mRlStatus;

    static StatusUtils mStatusUtils = null;

    public StatusUtils(Activity activity){
        this.mActivity = activity;
    }

    public StatusUtils(ViewGroup viewGroup) {
        mViewGroup = viewGroup;
    }

    public static StatusUtils create(Activity activity){
        mStatusUtils = new StatusUtils(activity);
        return mStatusUtils;
    }

    public static StatusUtils create(ViewGroup viewGroup){
        mStatusUtils = new StatusUtils(viewGroup);
        return mStatusUtils;
    }

    void showLoading(){
        if (mActivity != null) {
            mRlStatus = mActivity.findViewById(R.id.rl_status);
            if (mRlStatus == null) {
                mStatusLayout = new StatusLayout(mActivity);
                mActivity.addContentView(mStatusLayout, new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
            }else{
                mStatusLayout = (StatusLayout) mRlStatus.getParent();
            }
            mStatusLayout.setStatus(StatusLayout.STATUS_LOADING);
        } else if (mViewGroup != null) {
            mRlStatus = mViewGroup.findViewById(R.id.rl_status);
            if (mRlStatus == null) {
                mStatusLayout = new StatusLayout(mViewGroup.getContext());
                mViewGroup.addView(mStatusLayout, new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
            }else{
                mStatusLayout = (StatusLayout) mRlStatus.getParent();
            }
            mStatusLayout.setStatus(StatusLayout.STATUS_LOADING);
        }
    }

    void hint(){
        if (mActivity != null) {
            mRlStatus = mActivity.findViewById(R.id.rl_status);
            if (mRlStatus == null) {
                mStatusLayout = new StatusLayout(mActivity);
                mActivity.addContentView(mStatusLayout, new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
            }else{
                mStatusLayout = (StatusLayout) mRlStatus.getParent();
            }
            mStatusLayout.setStatus(StatusLayout.STATUS_HIDE);
        } else if (mViewGroup != null) {
            mRlStatus = mViewGroup.findViewById(R.id.rl_status);
            if (mRlStatus == null) {
                mStatusLayout = new StatusLayout(mViewGroup.getContext());
                mViewGroup.addView(mStatusLayout, new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
            }else{
                mStatusLayout = (StatusLayout) mRlStatus.getParent();
            }
            mStatusLayout.setStatus(StatusLayout.STATUS_HIDE);
        }
    }

    void fail(View.OnClickListener onClickListener){
        if (mActivity != null) {
            mRlStatus = mActivity.findViewById(R.id.rl_status);
            if (mRlStatus == null) {
                mStatusLayout = new StatusLayout(mActivity);
                mActivity.addContentView(mStatusLayout, new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
            }else{
                mStatusLayout = (StatusLayout) mRlStatus.getParent();
            }
            mStatusLayout.setStatus(StatusLayout.STATUS_LOAD_FAIL, onClickListener);
        } else if (mViewGroup != null) {
            mRlStatus = mViewGroup.findViewById(R.id.rl_status);
            if (mRlStatus == null) {
                mStatusLayout = new StatusLayout(mViewGroup.getContext());
                mViewGroup.addView(mStatusLayout, new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
            }else{
                mStatusLayout = (StatusLayout) mRlStatus.getParent();
            }
            mStatusLayout.setStatus(StatusLayout.STATUS_LOAD_FAIL, onClickListener);
        }
    }

}

3.使用

 findViewById(R.id.btn5).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //mFrameLayout 要展示多状态的布局返回
                StatusUtils.create(mFrameLayout).showLoading(); //设置加载中状态
            }
        });

        findViewById(R.id.btn6).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                StatusUtils.create(mFrameLayout).fail(new View.OnClickListener() { //设置加载失败状态
                    @Override
                    public void onClick(View view) {
                        StatusUtils.create(mFrameLayout).showLoading();
                        new Handler().postDelayed(new Runnable() {
                            @Override
                            public void run() {
                                StatusUtils.create(mFrameLayout).hint();
                            }
                        }, 2000);
                    }
                });
            }
        });

        findViewById(R.id.btn7).setOnClickListener(new View.OnClickListener() { //隐藏多状态布局, 显示主布局
            @Override
            public void onClick(View view) {
                StatusUtils.create(mFrameLayout).hint();
            }
        });

总结 : 使用起来很方便, 一句话搞定多状态布局，无需封装到BaseActivity和BaseFragment里，直接调用工具类既可。工具类传入Activity，当前Activity整体页面会被多状态布局遮盖，传入ViewGroup，多状态布局只会覆盖，ViewGroup的范围 。

github : https://github.com/a1498506790/DatePicker

Asdfgh112233445566
关注
专栏目录
Android 多状态加载布局的开发 Tips
咕咚的专栏
05-02 2520
本文将结合自己的项目开发实践，简单分享一下关于多状态 Layout 的开发实践 Tips。
Android 自定义多状态切换布局，一句代码执行状态切换，自带状态缓存和恢复
LWK 的专栏
06-15 3929
简介项目中经常遇到这样一种情况，新打开的界面需要加载数据，存在多种状态的结果，需要根据不同结果展示界面，这个过程归纳起来可以分为五种状态：初始状态、请求状态、空数据状态、网络错误状态、成功请求状态。 如果多个界面都存在这个流程，那么封装整个过程的调用就很有必要了，既可以简化调用过程，又可以很方便的管理整个流程。StateFrameLayout 继承自FrameLayout，内部实现了一句代码切换各种
Android-StatusView简单的Android页面多状态布局切换控件
08-13
StatusView：简单的 Android 页面多状态布局切换控件
android多状态布局
Iturbo
09-20 1374
app中请求服务器数据后进行绘制页面时会有多种状态，比如网络请求过程中loading状态，加载出错状态，获取数据发现数据为空状态，加载过程中网络异常页面和正常加载完毕的数据展示页面。 一般的做法是将多个状态封装成自定义View，然后在每一个页面的布局文件中引入，在加载数据时展示不同的状态。 可以有另一种方案，通过代码编写View的方式，将自定义View添加到页面中，这样可以避免了在每一个布局中...
android 布局语句,Android自定义View之多状态布局
weixin_35652867的博客
05-26 151
效果图~效果图对于大多数的App而言，多状态的页面都是必备的。一般加载数据的时候都会出现：加载中、加载成功、加载异常、无数据等等情况一般在搭建项目的时候，就会先把这个页面写好，方便日后的开发。分析实现多状态布局View的时候，一般都是把里面的第一个子View当做内容View。 其他各种状态要显示的View则在如图；状态图参数获取通过传入CustomStateOptions对象控制状态，方便设置pu...
Android 页面多状态布局管理的开发
08-26
在Android应用开发中，页面多状态布局管理是一个关键的组件设计，它允许应用程序根据不同的数据状态展示相应的用户界面。常见的状态包括数据加载中、数据为空、数据错误等。本篇文章将探讨如何优雅地管理和实现这样...
Android-Android布局显示模板加载空错误等状态
08-12
可以使用`ViewStub`组件来实现动态插入空状态布局，或者自定义一个包含空状态UI的Fragment。 3. **错误状态处理** 当加载数据时发生错误，如网络连接失败、服务器异常等，我们应该展示一个错误状态模板，告知用户...
Android最简单的状态切换布局实现教程
08-26
总结来说，Android状态切换布局的实现主要是通过创建不同的状态布局，并使用一个统一的管理组件来控制这些状态的显示。`MultipleLayout`库提供了一种简洁的方式来实现这一功能，使得开发者能够更方便地处理不同场景...
MultiStateLayout：灵活易用的Android多状态视图布局
Lindroid的博客
02-17 1208
在GitHub上有一款很不错的Android多状态布局：MultipleStatusView，在之前的项目中我一直都使用它，但慢慢地，我发现了它的一些不便之处： 配置比较死板。视图根布局的Id、点击重连控件的Id都必须按照文档的写死，如果不一致或者漏掉可能会导致一些奇怪的bug。 视图状态比较有限。需要自定义一个状态视图（比如需要登录视图）的话比较麻烦，如果采用MultipleStatus...
Android代码-简单实用的页面多状态布局(content,loading,empty,error)
08-06
LoadingLayout 简单实用的页面多状态布局(content,loading,empty,error) Gradle repositories { maven { url "https://jitpack.io" } } dependencies { compile 'com.github.czy1121:loadinglayout:1.0.1' } Usage 在主题中设置默认样式 ... @style/LoadingLayoutStyle @mipmap/empty @mipmap/error ... 用法一：在布局中使用 用法二：包裹并替换内容元素 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // ... vLoad
Android代码-Android 布局多状态维护工具，实用。
08-07
StatefulLayout Android layout to show most common state templates like loading, empty, error etc. To do that all you need to is wrap the target area(view) with StatefulLayout. Usage Add dependecy to app/build.gradle dependencies { compile 'com.github.gturedi:stateful-layout:1.2.1' } Snapshots of the development version are available in Sonatype's snapshots repository Then wrap a view which target area(view) to show states with StatefulLayout <!-- your content here -->
Android-一个支持多种状态的自定义View可以方便的切换到
08-13
一个支持多种状态的自定义View,可以方便的切换到：加载中视图、错误视图、空数据视图、网络异常视图、内容视图
一个Activity根据不同的状态加载不同的布局
03-11
一个Activity根据不同的状态加载不同的布局
Android 学习之多状态布局的一种实现方案
Nicholas_hzf的博客
08-13 1086
开发应用的过程中，首页的控件越来越多，布局文件的代码已经到了爆表的程度，而且不同状态下首页各个控件的 Visibility 不同，每次新增状态都是一件头疼的事情，时常遗漏控件导致出错，和 YYY 大佬交流讨论后他给出了一种巧妙的方案，特此学习记录一下！ 此处的多状态布局是指一个约束布局中，有很多的子布局和控件（Demo 中仅使用控件，嵌套子布局效果也是一样的），这些布局和控件根据首页状态的不同，各自的显示隐藏状态也不同，形成了不同的布局呈现。...
Android中状态布局设计
MG_ZXC的专栏
03-21 507
在Android开发中经常会遇到如下的开发情况： 1、底部有一排单选按钮 2、根据按钮点击可以切换上面对应界面 3、在展示上面的界面过程中，经常会遇到四种情况（1、正在加载 2、数据为空 3、加载错误 4、加载数据成功）不同的情况会展示不同的界面情况 其实这里主要涉及到了状态布局的设计及使用，下面给出我的通用解决方式。 自定义状态布局 StateLayout.java： /...
Android：自定义布局多状态切换容器MultiStateView
Pumpkin's Blog
05-01 2017
1. 列举常用的状态：`加载中`、`网络错误`、`错误`、`空数据`、`正常内容`、`其他...` 2. 不同状态的view可以通过状态来获取、控制、显示 3. 不同的状态的view可以通过xml添加、也可以在程序中调用函数添加 4. 可以在状态切换之前/之后监听，并且拦截是否真正的进行状态切换 5. 其他优化，是否包含切换动画等等
android页面状态管理器,Android 页面多状态布局管理的开发
weixin_30700095的博客
05-25 215
一、现状页面多状态布局是开发中常见的需求，即页面在不同状态需要显示不同的布局，实现的方式也比较多，最简单粗暴的方式就是在 XML 中先将不同状态对应的布局隐藏起来，根据需要改变其可见状态，如果多个界面公用相同的状态布局，缺点也很明显，繁琐、重复、不优雅等，类似的实现也可以使用 ViewStub，这样性能会更好些。所以我们要做的就是尽可能避免这些方式所导致的问题，更加高效、优雅的管理不同的状态布局。...
android 管理界面设计,Android 页面多状态布局管理的开发
weixin_39560245的博客
05-25 256
一、现状页面多状态布局是开发中常见的需求，即页面在不同状态需要显示不同的布局，实现的方式也比较多，最简单粗暴的方式就是在 XML 中先将不同状态对应的布局隐藏起来，根据需要改变其可见状态，如果多个界面公用相同的状态布局，缺点也很明显，繁琐、重复、不优雅等，类似的实现也可以使用 ViewStub，这样性能会更好些。所以我们要做的就是尽可能避免这些方式所导致的问题，更加高效、优雅的管理不同的状态布局。...
Android控件与布局全解析
还包括一些自定义和组合控件，如Include用于在多个布局中复用相同组件，Spinner实现下拉列表，ScrollView则允许内容超过屏幕大小时滚动查看。 这份资源提供了Android开发中布局和组件的全面指南，不仅适合初学者...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值