在自定義控件的開發過程中，"視圖篇"的測量與布局是非常關鍵的步驟，這直接決定了控件的尺寸、位置以及子視圖的排列方式。下面我將詳細介紹測量和布局的過程，以及如何在自定義控件中正確實現這些步驟。
視圖的測量 (onMeasure)
在 Android 中，每個視圖都會經歷測量過程來確定其尺寸。這個過程發生在 onMeasure() 方法中。系統會調用此方法并傳入兩個參數：MeasureSpecs。這兩個參數分別代表了水平方向和垂直方向上的約束。
MeasureSpec 包含三個部分：
MeasureSpec.UNSPECIFIED：沒有指定大小，視圖可以自由擴展。MeasureSpec.EXACTLY：視圖應該嚴格遵守給定的大小。MeasureSpec.AT_MOST：視圖不應超過給定的大小，但可以更小。
MeasureSpec 的值由 MeasureSpec.getSize() 和 MeasureSpec.getMode() 方法獲取。在 onMeasure() 中，你需要根據這些約束計算出你的視圖的理想尺寸，并調用 setMeasuredDimension() 方法來設置視圖的寬高。
視圖的布局 (onLayout)
一旦視圖被測量，下一步就是布局。onLayout() 方法負責決定視圖內部元素的位置。當視圖的大小改變或者其父視圖調用了 requestLayout() 方法時，onLayout() 方法會被調用。
在 onLayout() 方法中，你需要遍歷所有的子視圖，并使用 layout() 方法來確定它們的位置。layout() 方法接收四個參數：左邊界、上邊界、右邊界和下邊界。
實現自定義視圖的測量和布局
下面是一個簡單的自定義視圖類，實現了測量和布局的基本邏輯：
Java
1public class CustomView extends View {
2
3 public CustomView(Context context) {
4 super(context);
5 }
6
7 public CustomView(Context context, AttributeSet attrs) {
8 super(context, attrs);
9 }
10
11 public CustomView(Context context, AttributeSet attrs, int defStyleAttr) {
12 super(context, attrs, defStyleAttr);
13 }
14
15 @Override
16 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
17 // 計算理想寬度和高度
18 int idealWidth = ...; // 你的寬度計算邏輯
19 int idealHeight = ...; // 你的高度計算邏輯
20
21 // 獲取寬度和高度的測量模式
22 int widthMode = MeasureSpec.getMode(widthMeasureSpec);
23 int heightMode = MeasureSpec.getMode(heightMeasureSpec);
24
25 int widthSize = MeasureSpec.getSize(widthMeasureSpec);
26 int heightSize = MeasureSpec.getSize(heightMeasureSpec);
27
28 // 根據測量模式和理想尺寸計算最終尺寸
29 int finalWidth = 0;
30 int finalHeight = 0;
31
32 if (widthMode == MeasureSpec.EXACTLY) {
33 finalWidth = widthSize;
34 } else {
35 finalWidth = idealWidth;
36 }
37
38 if (heightMode == MeasureSpec.EXACTLY) {
39 finalHeight = heightSize;
40 } else {
41 finalHeight = idealHeight;
42 }
43
44 setMeasuredDimension(finalWidth, finalHeight);
45 }
46
47 @Override
48 protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
49 // 布局子視圖
50 for (int i = 0; i < getChildCount(); i++) {
51 View child = getChildAt(i);
52 // 計算子視圖的位置
53 int childLeft = ...; // 子視圖左邊界
54 int childTop = ...; // 子視圖上邊界
55 int childRight = ...; // 子視圖右邊界
56 int childBottom = ...; // 子視圖下邊界
57 child.layout(childLeft, childTop, childRight, childBottom);
58 }
59 }
60}注意事項
- 在?
onMeasure()?中，務必考慮到?MeasureSpec?模式，不要忽略父視圖給出的約束。 - 在?
onLayout()?中，確保子視圖的坐標計算正確，避免重疊或超出邊界。 - 考慮到性能問題，避免在?
onMeasure()?和?onLayout()?中執行復雜的計算或操作，因為它們可能會頻繁被調用。
通過正確實現測量和布局，你可以創建出復雜而精確的自定義控件，滿足各種不同的需求。
