時(shí)間軸主要使用Recyclerview來實(shí)現(xiàn)。開發(fā)語言使用Kotlin，代碼相對(duì)java少了許多也簡潔許多

效果圖：

MainActivity.kt

package com.example.lee.linenode

import android.annotation.SuppressLint

import android.os.Build

import android.support.v7.app.AppCompatActivity

import android.os.Bundle

import android.support.v7.widget.LinearLayoutManager

import kotlinx.android.synthetic.main.activity_main.*

import kotlinx.android.synthetic.main.item_line_node.view.*

class MainActivity : AppCompatActivity() {

private var list = arrayListOf()

private var lineNodeAdapter: LineNodeAdapter? = null

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

initRecyclerView()

}

private fun initRecyclerView() {

getData()

//創(chuàng)建一個(gè)繼承于抽象類(LineNodeAdapter)的實(shí)例

lineNodeAdapter = object : LineNodeAdapter(this, list) {

override fun convert(viewHolder: LineNodeViewHolder, t: StepBean) {

viewHolder.itemView.title_txt.text = t.title

viewHolder.itemView.time_txt.text = t.time

viewHolder.itemView.num_txt.text = t.num.toString()

if (t.num == 1) {

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {

viewHolder.itemView.left_view.background = null

}

}

if (t.num == 4) {

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {

viewHolder.itemView.right_view.background = null

}

}

if (t.num < 3) viewHolder.itemView.num_txt.setBackgroundResource(R.drawable.shap_line_number_circle_red)

}

}

val linearLayoutManager = LinearLayoutManager(this)

linearLayoutManager.orientation = LinearLayoutManager.HORIZONTAL

//使用來自主代碼集的 R.layout.activity_main,而不是 findViewById(R.id.ln_recycler_view) as Recyclerview

ln_recycler_view.layoutManager = linearLayoutManager

ln_recycler_view.adapter = lineNodeAdapter

}

private fun getData() {

for (i in 1..4) {

list.add(StepBean(i, "2017-9-27\n17:1$i", "步驟$i"))

}

}

}

activity_main.xml

android:layout_width="match_parent"

android:layout_height="match_parent">

android:id="@+id/ln_recycler_view"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerHorizontal="true" />

LineNodeAdapter.kt //RecyclerView的適配器

package com.example.lee.linenode

import android.content.Context

import android.support.v7.widget.RecyclerView

import android.support.v7.widget.RecyclerView.Adapter

import android.view.LayoutInflater

import android.view.View

import android.view.ViewGroup

import kotlinx.android.synthetic.main.item_line_node.view.*

/**

* Created by lee on 17-9-27.

*/

abstract class LineNodeAdapter(val context: Context, val list: List) : Adapter() {

override fun onCreateViewHolder(parent: ViewGroup?, viewType: Int): LineNodeViewHolder {

return LineNodeViewHolder(LayoutInflater.from(context).inflate(R.layout.item_line_node, parent, false))

}

override fun onBindViewHolder(viewHolder: LineNodeViewHolder, position: Int) {

convert(viewHolder, list.get(position))

}

abstract fun convert(viewHolder: LineNodeViewHolder, t: T)

override fun getItemCount(): Int {

return list.size

}

class LineNodeViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {

}

}

item_line_node.xml //這個(gè)文件是時(shí)間軸item的布局文件

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:gravity="center_horizontal"

android:orientation="vertical">

android:id="@+id/title_txt"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal"

android:text="步驟" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal"

android:gravity="center_vertical"

android:orientation="horizontal">

android:id="@+id/left_view"

android:layout_width="30dp"

android:layout_height="1dp"

android:layout_centerVertical="true"

android:background="#A6A6A6" />

android:id="@+id/num_txt"

android:layout_width="20dp"

android:layout_height="20dp"

android:background="@drawable/shap_line_number_circle_grey"

android:gravity="center"

android:text="1"

android:textColor="@color/colorWhite" />

android:id="@+id/right_view"

android:layout_width="30dp"

android:layout_height="1dp"

android:layout_centerVertical="true"

android:background="#A6A6A6" />

android:id="@+id/time_txt"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal"

android:gravity="center_horizontal"

android:text="2017-09-27\n15:56" />

StepBean.kt //時(shí)間節(jié)點(diǎn)實(shí)體類

package com.example.lee.linenode

/**

* Created by lee on 17-9-27.

*/

class StepBean(var num: Int, var time: String, var title: String)//直接在主構(gòu)造函數(shù)里聲明屬性

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持編程圈。

總結(jié)

以上是生活随笔為你收集整理的android 多结点进度条,Android使用Kotlin实现多节点进度条的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。