StatefulLayout：打造Android应用终极状态管理方案，一行代码搞定加载/空数据/错误界面-尧图网络科技

StatefulLayout：打造Android应用终极状态管理方案，一行代码搞定加载/空数据/错误界面

【免费下载链接】StatefulLayoutAndroid layout to show template for loading, empty, error etc. states项目地址: https://gitcode.com/gh_mirrors/st/StatefulLayout

在Android应用开发中，状态管理是每个开发者都必须面对的重要课题。无论是网络请求的加载状态、数据为空时的空状态，还是网络异常的错误状态，都需要优雅地展示给用户。StatefulLayout作为一个专业的Android状态管理库，提供了完整的解决方案，让开发者能够用一行代码轻松实现各种界面状态的切换，极大地提升了开发效率和用户体验。

🔥 为什么需要专业的Android状态管理库？

传统Android开发中，处理界面状态切换通常需要编写大量重复代码：隐藏内容区域、显示加载动画、处理错误重试逻辑等。这不仅增加了代码复杂度，还容易导致状态管理混乱。StatefulLayout通过统一的API和简洁的架构，解决了以下痛点：

代码冗余：减少重复的状态切换代码
状态混乱：统一管理加载、空数据、错误等状态
用户体验：提供平滑的动画过渡效果
维护成本：集中管理所有状态相关的逻辑

🚀 快速入门指南：5分钟掌握StatefulLayout

第一步：添加依赖到你的项目

在你的build.gradle文件中添加StatefulLayout依赖：

dependencies { implementation 'com.github.gturedi:StatefulLayout:1.2.2' }

第二步：在布局文件中使用StatefulLayout

在你的XML布局文件中，将需要管理状态的内容区域用StatefulLayout包裹：

<com.gturedi.views.StatefulLayout android:id="@+id/stateful" android:layout_width="match_parent" android:layout_height="match_parent" app:stfAnimationEnabled="true" app:stfInAnimation="@android:anim/fade_in" app:stfOutAnimation="@android:anim/fade_out"> <!-- 你的内容区域 --> <LinearLayout android:id="@+id/target" android:layout_width="wrap_content" android:layout_height="wrap_content"> <!-- 正常内容 --> </LinearLayout> </com.gturedi.views.StatefulLayout>

第三步：在代码中控制状态切换

在Activity或Fragment中，通过简单的API调用来切换状态：

StatefulLayout stateful = findViewById(R.id.stateful); // 显示加载状态 stateful.showLoading(); // 显示空数据状态 stateful.showEmpty("暂无数据"); // 显示错误状态，带重试按钮 stateful.showError("网络异常，请检查网络连接", v -> { // 点击重试按钮的回调 loadData(); }); // 显示内容（恢复正常状态） stateful.showContent();

📱 StatefulLayout支持的完整状态类型

StatefulLayout内置了多种常见的应用状态，满足大部分开发需求：

1. 加载状态 (Loading State)

当应用正在获取数据时，显示加载动画和提示信息。支持自定义加载消息，让用户知道应用正在工作。

2. 空数据状态 (Empty State)

当数据列表为空时，显示友好的空状态界面。通常包含一个图标和提示文字，告诉用户当前没有数据。

3. 错误状态 (Error State)

当网络请求失败或出现其他错误时，显示错误信息并提供重试按钮。用户可以通过点击按钮重新尝试操作。

4. 离线状态 (Offline State)

专门为网络连接问题设计的离线状态，提醒用户检查网络连接。

5. 定位关闭状态 (Location Off State)

当需要定位功能但用户未开启时，显示定位相关的提示信息。

🎨 高度自定义：打造专属状态界面

StatefulLayout提供了丰富的自定义选项，让你可以根据应用的设计风格调整状态界面的外观：

自定义布局文件

通过修改stf_template.xml布局文件，你可以完全重新设计状态界面的布局结构。该文件位于library/src/main/res/layout/stf_template.xml。

自定义样式和字符串

样式自定义：修改library/src/main/res/values/styles.xml中的样式定义
文字自定义：修改library/src/main/res/values/strings.xml中的字符串资源

自定义动画效果

StatefulLayout支持自定义状态切换动画：

// 设置进入动画 stateful.setInAnimation(R.anim.slide_in_left); // 设置退出动画 stateful.setOutAnimation(R.anim.slide_out_right); // 启用/禁用动画 stateful.setAnimationEnabled(true);

⚡ 高级用法：完全自定义状态

除了内置状态，你还可以使用CustomStateOptions创建完全自定义的状态：

CustomStateOptions options = new CustomStateOptions() .message("自定义状态消息") .image(R.drawable.custom_icon) .buttonText("自定义按钮文字") .buttonClickListener(v -> { // 自定义按钮点击事件 handleCustomAction(); }); stateful.showCustom(options);

🔧 XML属性配置详解

StatefulLayout提供了几个关键的XML属性，让你在布局文件中就能完成基本配置：

属性名	类型	默认值	说明
`stfAnimationEnabled`	boolean	true	是否启用状态切换动画
`stfInAnimation`	anim	@android:anim/fade_in	状态进入时的动画
`stfOutAnimation`	anim	@android:anim/fade_out	状态退出时的动画

📊 实际应用场景示例

场景一：列表页面状态管理

public class ProductListActivity extends AppCompatActivity { private StatefulLayout stateful; private RecyclerView recyclerView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_product_list); stateful = findViewById(R.id.stateful); recyclerView = findViewById(R.id.recyclerView); // 初始显示加载状态 stateful.showLoading(); // 模拟网络请求 loadProducts(); } private void loadProducts() { // 发起网络请求 apiService.getProducts() .enqueue(new Callback<List<Product>>() { @Override public void onResponse(Call<List<Product>> call, Response<List<Product>> response) { if (response.isSuccessful()) { List<Product> products = response.body(); if (products.isEmpty()) { // 显示空状态 stateful.showEmpty("暂无商品数据"); } else { // 显示内容 adapter.setData(products); stateful.showContent(); } } } @Override public void onFailure(Call<List<Product>> call, Throwable t) { // 显示错误状态 stateful.showError("加载失败，请重试", v -> { stateful.showLoading(); loadProducts(); }); } }); } }

场景二：详情页面状态管理

public class ProductDetailActivity extends AppCompatActivity { private StatefulLayout stateful; private void loadProductDetail(String productId) { stateful.showLoading("正在加载商品详情..."); apiService.getProductDetail(productId) .enqueue(new Callback<ProductDetail>() { @Override public void onResponse(Call<ProductDetail> call, Response<ProductDetail> response) { if (response.isSuccessful()) { ProductDetail detail = response.body(); bindProductDetail(detail); stateful.showContent(); } else { stateful.showError("商品信息获取失败", v -> loadProductDetail(productId)); } } @Override public void onFailure(Call<ProductDetail> call, Throwable t) { stateful.showOffline("网络连接异常", v -> loadProductDetail(productId)); } }); } }