Android 文字排版對齊六大實作方案完整比較

問題背景

需求：多行文字，每行分左右兩欄，左欄標題寬度不固定，右欄描述需左對齊；換行時右欄文字必須保持與左欄對齊。類似「鍵值對」列表排版。

方案一：自定義 View 繼承 TextView（onDraw 手繪）

• 核心：先測量所有 Key 最大寬度 maxLeftWidth，onDraw 逐行繪製 Key 與 Value，Value 超寬則換行並縮進 maxLeftWidth。
• 優點：單一 View、效能最好、完全掌控繪製細節。
• 缺點：需自行處理文字換行、選取、複製等 TextView 內建功能。

方案二：自定義 View 繼承 TextView（所有計算在 onDraw）

• 差異：將 Key 最大寬度計算移至 onDraw，導致重複計算，效能較差。
• 教訓：onDraw 可能多次被呼叫，耗時計算應移至 setText 或 onSizeChanged。

方案三：SpannableString + 手繪

• 核心：將所有資料拼接成單一 SpannableStringBuilder，用特殊分隔符（如 :）區分 Key/Value，onDraw 逐字元判斷繪製風格。
• 缺點：分隔符必須唯一，setSpan 失效（未呼叫 super.onDraw），靈活度受限。

方案四：GridLayout 容器佈局

• 核心：2 欄 GridLayout，每行一組 Key/Value TextView。
• 坑點：系統 GridLayout 寬度計算 Bug，Value 過長會被截斷。
• 修正：預先計算 Key 最大寬度，強制設定 Value TextView 寬度 LayoutParams.width。

方案五：每行一個 LinearLayout（權重佈局）

• XML 結構：

  <LinearLayout android:orientation="horizontal">
      <TextView android:id="@+id/left"  android:layout_width="wrap_content" android:layout_marginRight="10dp"/>
      <TextView android:id="@+id/right" android:layout_width="0dp" android:layout_weight="1"/>
  </LinearLayout>
  

• 邏輯：先計算 Key 最大寬度，再動態設定左欄 TextView 固定寬度，右欄自動填滿剩餘空間。
• 優點：標準佈局系統，支援文字選取、複製、無障礙。

方案六：自定義 View 繼承 View（純 Canvas 繪製）

• 核心：不繼承 TextView，直接繼承 View，邏輯同方案一但更輕量。
• 適用：不需要 TextView 任何內建功能（選取、編輯、連結偵測）的純顯示場景。

六大方案綜合比較表

核心共通關鍵：預測最大 Key 寬度

所有方案的關鍵步驟都是：

1. 遍歷所有資料，使用 Paint.measureText(key) 計算每個 Key 像素寬度
2. 取最大值 maxLeftWidth，加上間距 padding
3. 後續佈局或繪製均以此寬度為基準對齊

選型建議

• RecyclerView + 方案五：最通用、維護性最佳，配合 ViewHolder 複用效能足夠。
• 單一自定義 View（方案一/六）：資料極大（千行以上）、極致滑動流暢度要求。
• 避免方案二、三：前者效能差，後者侷限性大。

結語

Android 文字對齊排版看似簡單，實則涉及測量、佈局、繪製多層機制。理解六大方案的權衡，依據專案「資料量、互動需求、維護成本」三維度決策，才能做出最適合的架構選擇。