Android使用Kotlin实现多节点进度条

 更新时间:2020年03月26日 10:25:35   作者:c1312052256  
这篇文章主要为大家详细介绍了Android使用Kotlin实现多节点进度条,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

时间轴主要使用Recyclerview来实现。开发语言使用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()
 //创建一个继承于抽象类(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 //时间节点实体类

package com.example.lee.linenode

/**
 * Created by lee on 17-9-27.
 */
class StepBean(var num: Int, var time: String, var title: String)//直接在主构造函数里声明属性

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android UI新组件学习和使用

    Android UI新组件学习和使用

    在本篇文章中我们给大家总结了关于学习Android UI新组件的知识点总结以及注意点详解,有需要的朋友跟着学习下。
    2018-03-03
  • Flutter 异步编程之单线程下异步模型图文示例详解

    Flutter 异步编程之单线程下异步模型图文示例详解

    这篇文章主要为大家介绍了Flutter 异步编程之单线程下异步模型图文示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • Android RecyclerView上拉加载和下拉刷新

    Android RecyclerView上拉加载和下拉刷新

    这篇文章主要为大家详细介绍了Android RecycleView上拉加载和下拉刷新的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • Android中SurfaceView和view画出触摸轨迹

    Android中SurfaceView和view画出触摸轨迹

    这篇文章主要介绍了Android中SurfaceView和view画出触摸轨迹的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • Android源代码仓库及其管理工具Repo分析详解

    Android源代码仓库及其管理工具Repo分析详解

    本篇文章主要介绍了Android源代码仓库及其管理工具Repo分析详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • AndroidStudio重新share代码和上传到svn新地址教程

    AndroidStudio重新share代码和上传到svn新地址教程

    这篇文章主要介绍了AndroidStudio重新share代码和上传到svn新地址教程,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-04-04
  • android教程之intent的action属性使用示例(intent发短信)

    android教程之intent的action属性使用示例(intent发短信)

    这篇文章主要介绍了android中intent的action属性使用示例,提供了使用intent拨打电话、发送短信、播放mp3的代码
    2014-01-01
  • 关于gradle你应该知道的一些小事

    关于gradle你应该知道的一些小事

    这篇文章主要给大家介绍了关于gradle你应该知道的一些小事,文中通过示例代码介绍的非常详细,对大家学习或者使用gradle具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-10-10
  • Android逆向入门之常见Davlik字节码解析

    Android逆向入门之常见Davlik字节码解析

    Dalvik是Google公司自己设计用于Android平台的虚拟机。Dalvik虚拟机是Google等厂商合作开发的Android移动设备平台的核心组成部分之一,本篇文章我们来详细解释常见Davlik字节码
    2021-11-11
  • Android APK反编译图文教程

    Android APK反编译图文教程

    学会反编译比较关键,也是我们美化必须掌握技术,学会反编译也是实现制作ROM的起步,ROM高手必然是反编译高手这里有必要说一下,教程只是给你一个动手的那一个跷板,教程不是万能的,给了你基础与启发,最重要的是我们能够自主的进行创新与思考
    2016-04-04

最新评论