Android 自定义View：时间轴效果实现

Posted 2022-06-02 匆忙拥挤repeat

这些年，也没有遇到具体需求，需要我来写这个效果的。这次巧了，它(需求)来了。
当时写第一版就有效果了，只是达不到UI的要求。恩，这不重要，重要的是思路。

思路很简单：

1. 一个自定义view；
2. 一个枚举类来表示其不同的状态，并刷新重绘；
3. 将该view组合到 RecyclerView.Adapter的itemView中。

不完整示例代码(kotlin 版)：

class TimeLineView : View 
	enum class ViewType 
        TOP_CIRCLE, BOTTOM_CIRCLE, LINE
    
	
	fun setTimeViewType(type: TimeLineView.ViewType) 
        mViewType = type
        invalidate()
    
    
	override fun onDraw(canvas: Canvas) 
		when (mViewType) 
			 ViewType.TOP_CIRCLE -> drawTopCicle()
			 ViewType.BOTTOM_CIRCLE -> drawBottomCircle()
			 else -> drawLine()
		
	


class TaskAdapter : RecyclerView.Adapter<RecyclerView.ViewHolder>() [
	 override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) 
	 	val task = mData[position]
	 	val timeViewType = when (task.type) 
	 		1 -> ViewType.TOP_CIRCLE
	 		2 -> ViewType.BOTTOM_CIRCLE
	 		else -> ViewType.LINE
	 	
	 	holder.itemView.time_line_tl.setTimeViewType(timeViewType)