传统 View UI

这一课你将能做到

1. 用 RecyclerView 实现高性能列表，理解 ViewHolder 回收机制
2. 使用 Material Design 组件（Card、Dialog、BottomSheet）构建企业级界面
3. 对比传统 View 体系与 Compose 的优劣，知道何时选择哪种方案

为什么要学

虽然 Compose 是未来，但存量 Android 代码 80% 以上仍是传统 View 体系。RecyclerView 是列表场景的终极方案，Material 组件是 Google 的设计规范落地。掌握它们，才能维护老项目，也才能理解 Compose 底层在解决什么问题。

人话：传统 View 就像 jQuery 时代的 DOM 操作——命令式、手动同步状态；Compose 像 React——声明式、自动 diff。但 jQuery 项目不会一夜消失，RecyclerView 的回收思想甚至影响了 Compose 的 LazyColumn 设计。

面试中，「RecyclerView 优化」和「自定义 View 流程」是资深 Android 工程师的分水岭。

先建立图像

RecyclerView 回收机制：

┌─────────────────────────┐
│  屏幕可见区域              │
│  ┌─────┐ ┌─────┐       │
│  │Item1│ │Item2│       │  ← 可见的 ViewHolder
│  └─────┘ └─────┘       │
│  ┌─────┐ ┌─────┐       │
│  │Item3│ │Item4│       │
│  └─────┘ └─────┘       │
└─────────────────────────┘
         ↓ 滚动
┌─────────────────────────┐
│  回收池 (RecycledViewPool)│
│  ┌─────┐ ┌─────┐       │
│  │Item1│ │Item2│       │  ← 滑出屏幕，等待复用
│  └─────┘ └─────┘       │
└─────────────────────────┘
         ↓ 新数据进入
┌─────────────────────────┐
│  复用旧 ViewHolder        │
│  只绑定新数据，不创建新 View │
└─────────────────────────┘

跟着做

步骤 1：RecyclerView 基础列表

先定义数据模型：

data class Track(
    val slug: String,
    val title: String,
    val lessonCount: Int,
    val isCompleted: Boolean = false
)

创建 Adapter：

class TrackAdapter(
    private val tracks: List<Track>,
    private val onItemClick: (Track) -> Unit
) : RecyclerView.Adapter<TrackAdapter.TrackViewHolder>() {

    class TrackViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        val titleText: TextView = itemView.findViewById(R.id.tvTitle)
        val countText: TextView = itemView.findViewById(R.id.tvCount)
        val statusIcon: ImageView = itemView.findViewById(R.id.ivStatus)
        val card: MaterialCardView = itemView.findViewById(R.id.cardView)
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): TrackViewHolder {
        val view = LayoutInflater.from(parent.context)
            .inflate(R.layout.item_track, parent, false)
        return TrackViewHolder(view)
    }

    override fun onBindViewHolder(holder: TrackViewHolder, position: Int) {
        val track = tracks[position]
        holder.titleText.text = track.title
        holder.countText.text = "${track.lessonCount} 节课"
        holder.statusIcon.setImageResource(
            if (track.isCompleted) R.drawable.ic_check_circle 
            else R.drawable.ic_circle_outline
        )
        holder.card.setOnClickListener { onItemClick(track) }
    }

    override fun getItemCount() = tracks.size
}