Android使用Kotlin實現(xiàn)多節(jié)點進(jìn)度條
時間軸主要使用Recyclerview來實現(xiàn)。開發(fā)語言使用Kotlin,代碼相對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<StepBean>() private var lineNodeAdapter: LineNodeAdapter<StepBean>? = null override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) initRecyclerView() } private fun initRecyclerView() { getData() //創(chuàng)建一個繼承于抽象類(LineNodeAdapter)的實例 lineNodeAdapter = object : LineNodeAdapter<StepBean>(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
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.v7.widget.RecyclerView android:id="@+id/ln_recycler_view" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" /> </RelativeLayout>
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<T>(val context: Context, val list: List<T>) : Adapter<LineNodeAdapter.LineNodeViewHolder>() { 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 //這個文件是時間軸item的布局文件
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_horizontal" android:orientation="vertical"> <TextView android:id="@+id/title_txt" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:text="步驟" /> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:gravity="center_vertical" android:orientation="horizontal"> <View android:id="@+id/left_view" android:layout_width="30dp" android:layout_height="1dp" android:layout_centerVertical="true" android:background="#A6A6A6" /> <TextView 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" /> <View android:id="@+id/right_view" android:layout_width="30dp" android:layout_height="1dp" android:layout_centerVertical="true" android:background="#A6A6A6" /> </LinearLayout> <TextView 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" /> </LinearLayout>
StepBean.kt //時間節(jié)點實體類
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)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android kotlin使用注解實現(xiàn)防按鈕連點功能的示例
- Android kotlin+協(xié)程+Room數(shù)據(jù)庫的簡單使用
- Android結(jié)合kotlin使用coroutine的方法實例
- 在Android中如何使用DataBinding詳解(Kotlin)
- Android Studio / IDEA kotlin 顯示 var 真實類型操作
- Android Studio kotlin生成編輯類注釋代碼
- Android studio 生成帶Kotlin文檔的實現(xiàn)方式
- Android Studio Kotlin代碼和java代碼相互轉(zhuǎn)化實例
- 使用Android studio查看Kotlin的字節(jié)碼教程
- Android studio kotlin代碼格式化操作
- Android Studio使用Kotlin時,修改代碼后運行不生效的解決方法
- Android中AndroidStudio&Kotlin安裝到運行過程及常見問題匯總
- Kotlin + Flow 實現(xiàn)Android 應(yīng)用初始化任務(wù)啟動庫
相關(guān)文章
基于startActivityForResult方法處理兩個Activity之間數(shù)據(jù)傳遞問題
這篇文章主要介紹了基于startActivityForResult方法處理兩個Activity之間數(shù)據(jù)傳遞問題的相關(guān)資料,需要的朋友可以參考下2015-11-11Android利用Intent實現(xiàn)記事本功能(NotePad)
這篇文章主要為大家詳細(xì)介紹了Android利用Intent實現(xiàn)簡單記事本功能(NotePad)的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-06-06Android實現(xiàn)濾鏡效果ColorMatrix
這篇文章主要為大家詳細(xì)介紹了Android實現(xiàn)濾鏡效果ColorMatrix,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-05-05解決Android從相冊中獲取圖片出錯圖片卻無法裁剪問題的方法
這篇文章主要介紹了解決Android從相冊中獲取圖片出錯圖片卻無法裁剪問題的方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-01-01