Android复杂页面组件化策略

常见方案对比

方案适用场景特点include 布局静态拆分，不需要复用简单，布局复用自定义 ViewUI+逻辑封装，可复用封装度高Fragment动态加载，独立生命周期灵活，但复杂RecyclerView列表，每行算一个组件最常用实际建议

1. 复杂页面（如患者详情页）
2. ├── 患者基本信息卡片   → include 或 自定义 CardView
3. ├── 医嘱列表区域       → RecyclerView + Adapter
4. ├── 执行记录区域       → RecyclerView + Adapter
5. ├── 备注信息区域       → include
6. └── 底部操作栏<?xml version="1.0" encoding="utf-8"?>
7. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
8.     android:layout_width="match_parent"
9.     android:layout_height="match_parent"
10.     android:orientation="vertical"
11.     android:padding="16dp">
13.    
14.     <com.xx.xxxxx.widget.CaptchaView
15.         android:id="@+id/captchaView"
16.         android:layout_width="match_parent"
17.         android:layout_height="wrap_content" />
19. </LinearLayout> → include

复制代码

不是越拆越好：

• 2-3 个简单区域 → 直接写一个 XML
  
• 重复使用的区域 → 抽成 include 或自定义 View
  
• 需要独立管理生命周期 → Fragment
  
• 列表类型 → RecyclerView
  

多组件编码示例

示例场景：登录页拆分

1. LoginActivity
2. ├── 顶部 Logo 区域（LogoView）
3. ├── 账号输入区域（AccountInputView）
4. ├── 验证码区域（CaptchaView）
5. └── 登录按钮区域（LoginButtonView）

复制代码

方案 A：include + ViewBinding（简单拆分）

activity_login.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     android:layout_width="match_parent"
4.     android:layout_height="match_parent"
5.     android:orientation="vertical"
6.     android:padding="16dp">
8.    
9.     <include
10. <?xml version="1.0" encoding="utf-8"?>
11. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
12.     android:layout_width="match_parent"
13.     android:layout_height="match_parent"
14.     android:orientation="vertical"
15.     android:padding="16dp">
17.    
18.     <com.xx.xxxxx.widget.CaptchaView
19.         android:id="@+id/captchaView"
20.         android:layout_width="match_parent"
21.         android:layout_height="wrap_content" />
23. </LinearLayout>android:id="@+id/layout_logo"
24. <?xml version="1.0" encoding="utf-8"?>
25. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
26.     android:layout_width="match_parent"
27.     android:layout_height="match_parent"
28.     android:orientation="vertical"
29.     android:padding="16dp">
31.    
32.     <com.xx.xxxxx.widget.CaptchaView
33.         android:id="@+id/captchaView"
34.         android:layout_width="match_parent"
35.         android:layout_height="wrap_content" />
37. </LinearLayout>layout="@layout/layout_login_logo" />
39.    
40.     <include
41. <?xml version="1.0" encoding="utf-8"?>
42. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
43.     android:layout_width="match_parent"
44.     android:layout_height="match_parent"
45.     android:orientation="vertical"
46.     android:padding="16dp">
48.    
49.     <com.xx.xxxxx.widget.CaptchaView
50.         android:id="@+id/captchaView"
51.         android:layout_width="match_parent"
52.         android:layout_height="wrap_content" />
54. </LinearLayout>android:id="@+id/layout_account"
55. <?xml version="1.0" encoding="utf-8"?>
56. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
57.     android:layout_width="match_parent"
58.     android:layout_height="match_parent"
59.     android:orientation="vertical"
60.     android:padding="16dp">
62.    
63.     <com.xx.xxxxx.widget.CaptchaView
64.         android:id="@+id/captchaView"
65.         android:layout_width="match_parent"
66.         android:layout_height="wrap_content" />
68. </LinearLayout>layout="@layout/layout_account_input" />
70.    
71.     <include
72. <?xml version="1.0" encoding="utf-8"?>
73. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
74.     android:layout_width="match_parent"
75.     android:layout_height="match_parent"
76.     android:orientation="vertical"
77.     android:padding="16dp">
79.    
80.     <com.xx.xxxxx.widget.CaptchaView
81.         android:id="@+id/captchaView"
82.         android:layout_width="match_parent"
83.         android:layout_height="wrap_content" />
85. </LinearLayout>android:id="@+id/layout_captcha"
86. <?xml version="1.0" encoding="utf-8"?>
87. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
88.     android:layout_width="match_parent"
89.     android:layout_height="match_parent"
90.     android:orientation="vertical"
91.     android:padding="16dp">
93.    
94.     <com.xx.xxxxx.widget.CaptchaView
95.         android:id="@+id/captchaView"
96.         android:layout_width="match_parent"
97.         android:layout_height="wrap_content" />
99. </LinearLayout>layout="@layout/layout_captcha" />
101.    
102.     <include
103. <?xml version="1.0" encoding="utf-8"?>
104. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
105.     android:layout_width="match_parent"
106.     android:layout_height="match_parent"
107.     android:orientation="vertical"
108.     android:padding="16dp">
110.    
111.     <com.xx.xxxxx.widget.CaptchaView
112.         android:id="@+id/captchaView"
113.         android:layout_width="match_parent"
114.         android:layout_height="wrap_content" />
116. </LinearLayout>android:id="@+id/layout_login_btn"
117. <?xml version="1.0" encoding="utf-8"?>
118. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
119.     android:layout_width="match_parent"
120.     android:layout_height="match_parent"
121.     android:orientation="vertical"
122.     android:padding="16dp">
124.    
125.     <com.xx.xxxxx.widget.CaptchaView
126.         android:id="@+id/captchaView"
127.         android:layout_width="match_parent"
128.         android:layout_height="wrap_content" />
130. </LinearLayout>layout="@layout/layout_login_button" />
132. </LinearLayout>

复制代码

LoginActivity.java

1. public class LoginActivity extends BaseActivity {
3.     @Override
4.     protected void initView(Bundle savedInstanceState) {
5. <?xml version="1.0" encoding="utf-8"?>
6. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
7.     android:layout_width="match_parent"
8.     android:layout_height="match_parent"
9.     android:orientation="vertical"
10.     android:padding="16dp">
12.    
13.     <com.xx.xxxxx.widget.CaptchaView
14.         android:id="@+id/captchaView"
15.         android:layout_width="match_parent"
16.         android:layout_height="wrap_content" />
18. </LinearLayout>// 每个子布局都可以单独操作
19. <?xml version="1.0" encoding="utf-8"?>
20. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
21.     android:layout_width="match_parent"
22.     android:layout_height="match_parent"
23.     android:orientation="vertical"
24.     android:padding="16dp">
26.    
27.     <com.xx.xxxxx.widget.CaptchaView
28.         android:id="@+id/captchaView"
29.         android:layout_width="match_parent"
30.         android:layout_height="wrap_content" />
32. </LinearLayout>binding.layoutLogo.setLogo(R.drawable.ic_logo);
33. <?xml version="1.0" encoding="utf-8"?>
34. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
35.     android:layout_width="match_parent"
36.     android:layout_height="match_parent"
37.     android:orientation="vertical"
38.     android:padding="16dp">
40.    
41.     <com.xx.xxxxx.widget.CaptchaView
42.         android:id="@+id/captchaView"
43.         android:layout_width="match_parent"
44.         android:layout_height="wrap_content" />
46. </LinearLayout>binding.layoutAccount.setHint("请输入账号");
47. <?xml version="1.0" encoding="utf-8"?>
48. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
49.     android:layout_width="match_parent"
50.     android:layout_height="match_parent"
51.     android:orientation="vertical"
52.     android:padding="16dp">
54.    
55.     <com.xx.xxxxx.widget.CaptchaView
56.         android:id="@+id/captchaView"
57.         android:layout_width="match_parent"
58.         android:layout_height="wrap_content" />
60. </LinearLayout>binding.layoutCaptcha.setOnRefreshListener(() -> viewModel.loadCaptcha());
61. <?xml version="1.0" encoding="utf-8"?>
62. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
63.     android:layout_width="match_parent"
64.     android:layout_height="match_parent"
65.     android:orientation="vertical"
66.     android:padding="16dp">
68.    
69.     <com.xx.xxxxx.widget.CaptchaView
70.         android:id="@+id/captchaView"
71.         android:layout_width="match_parent"
72.         android:layout_height="wrap_content" />
74. </LinearLayout>binding.layoutLoginBtn.setOnClickListener(() -> submitLogin());
75.     }
77.     @Override
78.     protected void observeViewModel() {
79. <?xml version="1.0" encoding="utf-8"?>
80. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
81.     android:layout_width="match_parent"
82.     android:layout_height="match_parent"
83.     android:orientation="vertical"
84.     android:padding="16dp">
86.    
87.     <com.xx.xxxxx.widget.CaptchaView
88.         android:id="@+id/captchaView"
89.         android:layout_width="match_parent"
90.         android:layout_height="wrap_content" />
92. </LinearLayout>// 集中管理所有 LiveData
93. <?xml version="1.0" encoding="utf-8"?>
94. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
95.     android:layout_width="match_parent"
96.     android:layout_height="match_parent"
97.     android:orientation="vertical"
98.     android:padding="16dp">
100.    
101.     <com.xx.xxxxx.widget.CaptchaView
102.         android:id="@+id/captchaView"
103.         android:layout_width="match_parent"
104.         android:layout_height="wrap_content" />
106. </LinearLayout>viewModel.getCaptchaState().observe(this, resource -> {
107. <?xml version="1.0" encoding="utf-8"?>
108. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
109.     android:layout_width="match_parent"
110.     android:layout_height="match_parent"
111.     android:orientation="vertical"
112.     android:padding="16dp">
114.    
115.     <com.xx.xxxxx.widget.CaptchaView
116.         android:id="@+id/captchaView"
117.         android:layout_width="match_parent"
118.         android:layout_height="wrap_content" />
120. </LinearLayout>    if (resource.isSuccess()) {
121. <?xml version="1.0" encoding="utf-8"?>
122. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
123.     android:layout_width="match_parent"
124.     android:layout_height="match_parent"
125.     android:orientation="vertical"
126.     android:padding="16dp">
128.    
129.     <com.xx.xxxxx.widget.CaptchaView
130.         android:id="@+id/captchaView"
131.         android:layout_width="match_parent"
132.         android:layout_height="wrap_content" />
134. </LinearLayout><?xml version="1.0" encoding="utf-8"?>
135. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
136.     android:layout_width="match_parent"
137.     android:layout_height="match_parent"
138.     android:orientation="vertical"
139.     android:padding="16dp">
141.    
142.     <com.xx.xxxxx.widget.CaptchaView
143.         android:id="@+id/captchaView"
144.         android:layout_width="match_parent"
145.         android:layout_height="wrap_content" />
147. </LinearLayout>binding.layoutCaptcha.setImage(resource.getData().imageBase64);
148. <?xml version="1.0" encoding="utf-8"?>
149. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
150.     android:layout_width="match_parent"
151.     android:layout_height="match_parent"
152.     android:orientation="vertical"
153.     android:padding="16dp">
155.    
156.     <com.xx.xxxxx.widget.CaptchaView
157.         android:id="@+id/captchaView"
158.         android:layout_width="match_parent"
159.         android:layout_height="wrap_content" />
161. </LinearLayout>    }
162. <?xml version="1.0" encoding="utf-8"?>
163. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
164.     android:layout_width="match_parent"
165.     android:layout_height="match_parent"
166.     android:orientation="vertical"
167.     android:padding="16dp">
169.    
170.     <com.xx.xxxxx.widget.CaptchaView
171.         android:id="@+id/captchaView"
172.         android:layout_width="match_parent"
173.         android:layout_height="wrap_content" />
175. </LinearLayout>});
176.     }
177. }

复制代码

方案 B：自定义 View（封装业务逻辑）

适合复杂且可复用的组件，比如验证码组件：
CaptchaView.java（自定义组件）

1. public class CaptchaView extends LinearLayout {
3.     private ActivityCaptchaBinding binding;
4.     private OnRefreshListener refreshListener;
6.     public CaptchaView(Context context) {
7. <?xml version="1.0" encoding="utf-8"?>
8. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
9.     android:layout_width="match_parent"
10.     android:layout_height="match_parent"
11.     android:orientation="vertical"
12.     android:padding="16dp">
14.    
15.     <com.xx.xxxxx.widget.CaptchaView
16.         android:id="@+id/captchaView"
17.         android:layout_width="match_parent"
18.         android:layout_height="wrap_content" />
20. </LinearLayout>super(context);
21. <?xml version="1.0" encoding="utf-8"?>
22. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
23.     android:layout_width="match_parent"
24.     android:layout_height="match_parent"
25.     android:orientation="vertical"
26.     android:padding="16dp">
28.    
29.     <com.xx.xxxxx.widget.CaptchaView
30.         android:id="@+id/captchaView"
31.         android:layout_width="match_parent"
32.         android:layout_height="wrap_content" />
34. </LinearLayout>init();
35.     }
37.     private void init() {
38. <?xml version="1.0" encoding="utf-8"?>
39. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
40.     android:layout_width="match_parent"
41.     android:layout_height="match_parent"
42.     android:orientation="vertical"
43.     android:padding="16dp">
45.    
46.     <com.xx.xxxxx.widget.CaptchaView
47.         android:id="@+id/captchaView"
48.         android:layout_width="match_parent"
49.         android:layout_height="wrap_content" />
51. </LinearLayout>binding = ActivityCaptchaBinding.inflate(LayoutInflater.from(getContext()), this, true);
53. <?xml version="1.0" encoding="utf-8"?>
54. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
55.     android:layout_width="match_parent"
56.     android:layout_height="match_parent"
57.     android:orientation="vertical"
58.     android:padding="16dp">
60.    
61.     <com.xx.xxxxx.widget.CaptchaView
62.         android:id="@+id/captchaView"
63.         android:layout_width="match_parent"
64.         android:layout_height="wrap_content" />
66. </LinearLayout>binding.btnRefresh.setOnClickListener(v -> {
67. <?xml version="1.0" encoding="utf-8"?>
68. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
69.     android:layout_width="match_parent"
70.     android:layout_height="match_parent"
71.     android:orientation="vertical"
72.     android:padding="16dp">
74.    
75.     <com.xx.xxxxx.widget.CaptchaView
76.         android:id="@+id/captchaView"
77.         android:layout_width="match_parent"
78.         android:layout_height="wrap_content" />
80. </LinearLayout>    if (refreshListener != null) refreshListener.onRefresh();
81. <?xml version="1.0" encoding="utf-8"?>
82. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
83.     android:layout_width="match_parent"
84.     android:layout_height="match_parent"
85.     android:orientation="vertical"
86.     android:padding="16dp">
88.    
89.     <com.xx.xxxxx.widget.CaptchaView
90.         android:id="@+id/captchaView"
91.         android:layout_width="match_parent"
92.         android:layout_height="wrap_content" />
94. </LinearLayout>});
95.     }
97.     /** 设置验证码图片 */
98.     public void setCaptchaImage(String base64) {
99. <?xml version="1.0" encoding="utf-8"?>
100. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
101.     android:layout_width="match_parent"
102.     android:layout_height="match_parent"
103.     android:orientation="vertical"
104.     android:padding="16dp">
106.    
107.     <com.xx.xxxxx.widget.CaptchaView
108.         android:id="@+id/captchaView"
109.         android:layout_width="match_parent"
110.         android:layout_height="wrap_content" />
112. </LinearLayout>// Base64 → Bitmap → 设置图片
113.     }
115.     /** 获取用户输入的验证码 */
116.     public String getCaptchaCode() {
117. <?xml version="1.0" encoding="utf-8"?>
118. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
119.     android:layout_width="match_parent"
120.     android:layout_height="match_parent"
121.     android:orientation="vertical"
122.     android:padding="16dp">
124.    
125.     <com.xx.xxxxx.widget.CaptchaView
126.         android:id="@+id/captchaView"
127.         android:layout_width="match_parent"
128.         android:layout_height="wrap_content" />
130. </LinearLayout>return binding.etCaptcha.getText().toString().trim();
131.     }
133.     /** 清空输入 */
134.     public void clear() {
135. <?xml version="1.0" encoding="utf-8"?>
136. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
137.     android:layout_width="match_parent"
138.     android:layout_height="match_parent"
139.     android:orientation="vertical"
140.     android:padding="16dp">
142.    
143.     <com.xx.xxxxx.widget.CaptchaView
144.         android:id="@+id/captchaView"
145.         android:layout_width="match_parent"
146.         android:layout_height="wrap_content" />
148. </LinearLayout>binding.etCaptcha.setText("");
149.     }
151.     /** 显示加载中 */
152.     public void showLoading() {
153. <?xml version="1.0" encoding="utf-8"?>
154. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
155.     android:layout_width="match_parent"
156.     android:layout_height="match_parent"
157.     android:orientation="vertical"
158.     android:padding="16dp">
160.    
161.     <com.xx.xxxxx.widget.CaptchaView
162.         android:id="@+id/captchaView"
163.         android:layout_width="match_parent"
164.         android:layout_height="wrap_content" />
166. </LinearLayout>binding.progressBar.setVisibility(View.VISIBLE);
167.     }
169.     public void setOnRefreshListener(OnRefreshListener listener) {
170. <?xml version="1.0" encoding="utf-8"?>
171. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
172.     android:layout_width="match_parent"
173.     android:layout_height="match_parent"
174.     android:orientation="vertical"
175.     android:padding="16dp">
177.    
178.     <com.xx.xxxxx.widget.CaptchaView
179.         android:id="@+id/captchaView"
180.         android:layout_width="match_parent"
181.         android:layout_height="wrap_content" />
183. </LinearLayout>this.refreshListener = listener;
184.     }
186.     public interface OnRefreshListener {
187. <?xml version="1.0" encoding="utf-8"?>
188. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
189.     android:layout_width="match_parent"
190.     android:layout_height="match_parent"
191.     android:orientation="vertical"
192.     android:padding="16dp">
194.    
195.     <com.xx.xxxxx.widget.CaptchaView
196.         android:id="@+id/captchaView"
197.         android:layout_width="match_parent"
198.         android:layout_height="wrap_content" />
200. </LinearLayout>void onRefresh();
201.     }
202. }

复制代码

activity_login.xml（使用自定义组件）

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     android:layout_width="match_parent"
4.     android:layout_height="match_parent"
5.     android:orientation="vertical"
6.     android:padding="16dp">
8.    
9.     <com.xx.xxxxx.widget.CaptchaView
10.         android:id="@+id/captchaView"
11.         android:layout_width="match_parent"
12.         android:layout_height="wrap_content" />
14. </LinearLayout>

复制代码

LoginActivity.java（更简洁）

1. public class LoginActivity extends BaseActivity {    @Override    protected void initView(Bundle savedInstanceState) {<?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     android:layout_width="match_parent"
4.     android:layout_height="match_parent"
5.     android:orientation="vertical"
6.     android:padding="16dp">
8.    
9.     <com.xx.xxxxx.widget.CaptchaView
10.         android:id="@+id/captchaView"
11.         android:layout_width="match_parent"
12.         android:layout_height="wrap_content" />
14. </LinearLayout>// 验证码组件的逻辑封装在 CaptchaView 内部<?xml version="1.0" encoding="utf-8"?>
15. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
16.     android:layout_width="match_parent"
17.     android:layout_height="match_parent"
18.     android:orientation="vertical"
19.     android:padding="16dp">
21.    
22.     <com.xx.xxxxx.widget.CaptchaView
23.         android:id="@+id/captchaView"
24.         android:layout_width="match_parent"
25.         android:layout_height="wrap_content" />
27. </LinearLayout>binding.captchaView.setOnRefreshListener(() -> viewModel.loadCaptcha());    }    @Override    protected void observeViewModel() {<?xml version="1.0" encoding="utf-8"?>
28. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
29.     android:layout_width="match_parent"
30.     android:layout_height="match_parent"
31.     android:orientation="vertical"
32.     android:padding="16dp">
34.    
35.     <com.xx.xxxxx.widget.CaptchaView
36.         android:id="@+id/captchaView"
37.         android:layout_width="match_parent"
38.         android:layout_height="wrap_content" />
40. </LinearLayout>viewModel.getCaptchaState().observe(this, resource -> {<?xml version="1.0" encoding="utf-8"?>
41. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
42.     android:layout_width="match_parent"
43.     android:layout_height="match_parent"
44.     android:orientation="vertical"
45.     android:padding="16dp">
47.    
48.     <com.xx.xxxxx.widget.CaptchaView
49.         android:id="@+id/captchaView"
50.         android:layout_width="match_parent"
51.         android:layout_height="wrap_content" />
53. </LinearLayout>    if (resource.isSuccess()) {<?xml version="1.0" encoding="utf-8"?>
54. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
55.     android:layout_width="match_parent"
56.     android:layout_height="match_parent"
57.     android:orientation="vertical"
58.     android:padding="16dp">
60.    
61.     <com.xx.xxxxx.widget.CaptchaView
62.         android:id="@+id/captchaView"
63.         android:layout_width="match_parent"
64.         android:layout_height="wrap_content" />
66. </LinearLayout><?xml version="1.0" encoding="utf-8"?>
67. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
68.     android:layout_width="match_parent"
69.     android:layout_height="match_parent"
70.     android:orientation="vertical"
71.     android:padding="16dp">
73.    
74.     <com.xx.xxxxx.widget.CaptchaView
75.         android:id="@+id/captchaView"
76.         android:layout_width="match_parent"
77.         android:layout_height="wrap_content" />
79. </LinearLayout>binding.captchaView.setCaptchaImage(resource.getData().imageBase64);<?xml version="1.0" encoding="utf-8"?>
80. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
81.     android:layout_width="match_parent"
82.     android:layout_height="match_parent"
83.     android:orientation="vertical"
84.     android:padding="16dp">
86.    
87.     <com.xx.xxxxx.widget.CaptchaView
88.         android:id="@+id/captchaView"
89.         android:layout_width="match_parent"
90.         android:layout_height="wrap_content" />
92. </LinearLayout>    }<?xml version="1.0" encoding="utf-8"?>
93. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
94.     android:layout_width="match_parent"
95.     android:layout_height="match_parent"
96.     android:orientation="vertical"
97.     android:padding="16dp">
99.    
100.     <com.xx.xxxxx.widget.CaptchaView
101.         android:id="@+id/captchaView"
102.         android:layout_width="match_parent"
103.         android:layout_height="wrap_content" />
105. </LinearLayout>});    }    private void submitLogin() {<?xml version="1.0" encoding="utf-8"?>
106. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
107.     android:layout_width="match_parent"
108.     android:layout_height="match_parent"
109.     android:orientation="vertical"
110.     android:padding="16dp">
112.    
113.     <com.xx.xxxxx.widget.CaptchaView
114.         android:id="@+id/captchaView"
115.         android:layout_width="match_parent"
116.         android:layout_height="wrap_content" />
118. </LinearLayout>String captcha = binding.captchaView.getCaptchaCode();<?xml version="1.0" encoding="utf-8"?>
119. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
120.     android:layout_width="match_parent"
121.     android:layout_height="match_parent"
122.     android:orientation="vertical"
123.     android:padding="16dp">
125.    
126.     <com.xx.xxxxx.widget.CaptchaView
127.         android:id="@+id/captchaView"
128.         android:layout_width="match_parent"
129.         android:layout_height="wrap_content" />
131. </LinearLayout>// ...    }}

复制代码

方案 C：Fragment（动态拆分）

适合需要独立管理生命周期的场景：

1. // PatientDetailActivity 使用多个 Fragmentpublic class PatientDetailActivity extends BaseActivity {    @Override    protected void onCreate(Bundle savedInstanceState) {<?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     android:layout_width="match_parent"
4.     android:layout_height="match_parent"
5.     android:orientation="vertical"
6.     android:padding="16dp">
8.    
9.     <com.xx.xxxxx.widget.CaptchaView
10.         android:id="@+id/captchaView"
11.         android:layout_width="match_parent"
12.         android:layout_height="wrap_content" />
14. </LinearLayout>if (savedInstanceState == null) {<?xml version="1.0" encoding="utf-8"?>
15. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
16.     android:layout_width="match_parent"
17.     android:layout_height="match_parent"
18.     android:orientation="vertical"
19.     android:padding="16dp">
21.    
22.     <com.xx.xxxxx.widget.CaptchaView
23.         android:id="@+id/captchaView"
24.         android:layout_width="match_parent"
25.         android:layout_height="wrap_content" />
27. </LinearLayout>    // 动态添加 Fragment<?xml version="1.0" encoding="utf-8"?>
28. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
29.     android:layout_width="match_parent"
30.     android:layout_height="match_parent"
31.     android:orientation="vertical"
32.     android:padding="16dp">
34.    
35.     <com.xx.xxxxx.widget.CaptchaView
36.         android:id="@+id/captchaView"
37.         android:layout_width="match_parent"
38.         android:layout_height="wrap_content" />
40. </LinearLayout>    getSupportFragmentManager().beginTransaction()<?xml version="1.0" encoding="utf-8"?>
41. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
42.     android:layout_width="match_parent"
43.     android:layout_height="match_parent"
44.     android:orientation="vertical"
45.     android:padding="16dp">
47.    
48.     <com.xx.xxxxx.widget.CaptchaView
49.         android:id="@+id/captchaView"
50.         android:layout_width="match_parent"
51.         android:layout_height="wrap_content" />
53. </LinearLayout><?xml version="1.0" encoding="utf-8"?>
54. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
55.     android:layout_width="match_parent"
56.     android:layout_height="match_parent"
57.     android:orientation="vertical"
58.     android:padding="16dp">
60.    
61.     <com.xx.xxxxx.widget.CaptchaView
62.         android:id="@+id/captchaView"
63.         android:layout_width="match_parent"
64.         android:layout_height="wrap_content" />
66. </LinearLayout>.add(R.id.container_info, new PatientInfoFragment())<?xml version="1.0" encoding="utf-8"?>
67. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
68.     android:layout_width="match_parent"
69.     android:layout_height="match_parent"
70.     android:orientation="vertical"
71.     android:padding="16dp">
73.    
74.     <com.xx.xxxxx.widget.CaptchaView
75.         android:id="@+id/captchaView"
76.         android:layout_width="match_parent"
77.         android:layout_height="wrap_content" />
79. </LinearLayout><?xml version="1.0" encoding="utf-8"?>
80. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
81.     android:layout_width="match_parent"
82.     android:layout_height="match_parent"
83.     android:orientation="vertical"
84.     android:padding="16dp">
86.    
87.     <com.xx.xxxxx.widget.CaptchaView
88.         android:id="@+id/captchaView"
89.         android:layout_width="match_parent"
90.         android:layout_height="wrap_content" />
92. </LinearLayout>.add(R.id.container_orders, new OrderListFragment())<?xml version="1.0" encoding="utf-8"?>
93. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
94.     android:layout_width="match_parent"
95.     android:layout_height="match_parent"
96.     android:orientation="vertical"
97.     android:padding="16dp">
99.    
100.     <com.xx.xxxxx.widget.CaptchaView
101.         android:id="@+id/captchaView"
102.         android:layout_width="match_parent"
103.         android:layout_height="wrap_content" />
105. </LinearLayout><?xml version="1.0" encoding="utf-8"?>
106. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
107.     android:layout_width="match_parent"
108.     android:layout_height="match_parent"
109.     android:orientation="vertical"
110.     android:padding="16dp">
112.    
113.     <com.xx.xxxxx.widget.CaptchaView
114.         android:id="@+id/captchaView"
115.         android:layout_width="match_parent"
116.         android:layout_height="wrap_content" />
118. </LinearLayout>.add(R.id.container_records, new RecordListFragment())<?xml version="1.0" encoding="utf-8"?>
119. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
120.     android:layout_width="match_parent"
121.     android:layout_height="match_parent"
122.     android:orientation="vertical"
123.     android:padding="16dp">
125.    
126.     <com.xx.xxxxx.widget.CaptchaView
127.         android:id="@+id/captchaView"
128.         android:layout_width="match_parent"
129.         android:layout_height="wrap_content" />
131. </LinearLayout><?xml version="1.0" encoding="utf-8"?>
132. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
133.     android:layout_width="match_parent"
134.     android:layout_height="match_parent"
135.     android:orientation="vertical"
136.     android:padding="16dp">
138.    
139.     <com.xx.xxxxx.widget.CaptchaView
140.         android:id="@+id/captchaView"
141.         android:layout_width="match_parent"
142.         android:layout_height="wrap_content" />
144. </LinearLayout>.commit();<?xml version="1.0" encoding="utf-8"?>
145. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
146.     android:layout_width="match_parent"
147.     android:layout_height="match_parent"
148.     android:orientation="vertical"
149.     android:padding="16dp">
151.    
152.     <com.xx.xxxxx.widget.CaptchaView
153.         android:id="@+id/captchaView"
154.         android:layout_width="match_parent"
155.         android:layout_height="wrap_content" />
157. </LinearLayout>}    }}

复制代码

总结

场景应用复杂页面拆分

• 重复用→抽组件
  
• 不重复→直接写
  

多组件编码

• 简单用 include
  
• 复杂用自定义 View
  
• 动态加载用 Fragment
  

实际项目中：

• 登录页这种简单页面 → 直接写一个 XML + Activity
  
• 详情页 → include 抽公共部分
  
• 列表页 → RecyclerView + 多类型 ViewHolder
  
• Tab 切换 → Fragment
  

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！