复杂布局加载时显示Loading界面，完成后自动切换实现方案咨询

嘿，这个问题我之前做项目时也踩过坑！复杂布局的Inflate操作如果嵌套深、自定义View多，很容易阻塞主线程导致界面卡顿甚至ANR，下面给你两个经过实践验证的解决方案，完美适配你的需求：

方案一：Kotlin Coroutines（推荐，Android开发主流） #

现在Android官方推荐用协程处理异步任务，代码简洁还能自动绑定生命周期，非常适合这个场景：

第一步：准备Activity布局 #

先写一个包含加载界面和内容容器的布局，加载界面会先显示，等布局Inflate完成后再替换：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 加载中界面，可根据需求自定义样式 -->
    <LinearLayout
        android:id="@+id/loading_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="vertical">

        <ProgressBar
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <TextView
            android:layout_marginTop="16dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="加载中..." />
    </LinearLayout>

    <!-- 用来承载最终加载好的复杂布局 -->
    <FrameLayout
        android:id="@+id/content_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="gone" />

</FrameLayout>

第二步：用协程异步Inflate布局 #

在Activity里启动协程，把耗时的Inflate操作放到IO线程，完成后切回主线程更新UI：

class MainActivity : AppCompatActivity() {
    private lateinit var loadingContainer: LinearLayout
    private lateinit var contentContainer: FrameLayout

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        loadingContainer = findViewById(R.id.loading_container)
        contentContainer = findViewById(R.id.content_container)

        // 借助lifecycleScope自动绑定Activity生命周期，避免内存泄漏
        lifecycleScope.launch(Dispatchers.IO) {
            // 关键：第三个参数传false，只创建View对象不attach到窗口，这样可以在后台线程执行
            val complexLayout = layoutInflater.inflate(R.layout.your_complex_layout, null, false)

            // 切回主线程更新UI
            withContext(Dispatchers.Main) {
                loadingContainer.visibility = View.GONE
                contentContainer.addView(complexLayout)
                contentContainer.visibility = View.VISIBLE
            }
        }
    }
}

方案二：Java AsyncTask（兼容旧Java项目） #

如果你的项目还是用Java开发，AsyncTask是个稳妥的选择：

第一步：布局和方案一完全一致 #

直接复用上面的布局文件即可。

第二步：用AsyncTask异步处理 #

public class MainActivity extends AppCompatActivity {
    private LinearLayout loadingContainer;
    private FrameLayout contentContainer;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        loadingContainer = findViewById(R.id.loading_container);
        contentContainer = findViewById(R.id.content_container);

        // 启动异步任务
        new InflateComplexLayoutTask().execute();
    }

    private class InflateComplexLayoutTask extends AsyncTask<Void, Void, View> {

        @Override
        protected View doInBackground(Void... voids) {
            // 在后台线程Inflate复杂布局，同样不要attach到窗口
            return getLayoutInflater().inflate(R.layout.your_complex_layout, null, false);
        }

        @Override
        protected void onPostExecute(View complexLayout) {
            super.onPostExecute(complexLayout);
            // 主线程更新UI，替换加载界面
            loadingContainer.setVisibility(View.GONE);
            contentContainer.addView(complexLayout);
            contentContainer.setVisibility(View.VISIBLE);
        }
    }
}

关键注意事项 #

• 为什么能在后台线程Inflate？因为当inflate方法第三个参数传false时，只是创建View对象，不会执行测量、布局这些必须在主线程的操作，这些操作会在addView时由主线程完成，完美避开主线程阻塞。
• 不要在后台线程对Inflate出来的View做任何UI操作（比如设置点击事件、修改文本），这些必须放到主线程执行。
• 如果复杂布局里有自定义View，要确保自定义View的构造函数、初始化逻辑里没有访问主线程专属API（比如WindowManager），否则会触发崩溃。

内容的提问来源于stack exchange，提问作者Dibyaranjan Mishra