Android TimeLine 时间节点轴的实现实例代码

整理文档，搜刮出一个Android TimeLine 时间节点轴的实现实例代码，稍微整理精简一下做下分享。

效果图

具体实现 (RecyclerView)

1.Adapter

package com.haoren.timeline;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

/**
 * Created by Hh on 2017/3/8.
 */
public class TimeLineAdapter extends RecyclerView.Adapter<TimeLineAdapter.HorizontalVh> {

  private Context context;


  //时间节点数
  private int nodeNum = 0;

  //当前到达节点
  private int currentNode = 1;


  public TimeLineAdapter(Context context, int nodeNum) {
    this.context = context;
    this.nodeNum = nodeNum;
  }

  @Override
  public HorizontalVh onCreateViewHolder(ViewGroup parent, int viewType) {
    View view = LayoutInflater.from(context).inflate(R.layout.time_line, null, false);
    HorizontalVh vh = new HorizontalVh(view);
    return vh;
  }

  @Override
  public void onBindViewHolder(HorizontalVh holder, int position) {
    if (position < currentNode) {
      //当前节点之前的全部设为已经经过
      holder.point.setImageResource(R.mipmap.point_select);
      holder.lineLeft.setBackgroundResource(R.color.colorPrimary);
      holder.lineRight.setBackgroundResource(R.color.colorPrimary);
    }

    // 去掉左右两头的分支
    if (position == 0) {
      holder.lineLeft.setVisibility(View.INVISIBLE);
    }
    if (position == nodeNum - 1) {
      holder.lineRight.setVisibility(View.INVISIBLE);
    }
  }

  @Override
  public int getItemCount() {
    return nodeNum;
  }

  /**
   * 设置当前节点
   * @param currentNode
   */
  public void setCurrentNode(int currentNode) {
    this.currentNode = currentNode;
    this.notifyDataSetChanged();
  }

  class HorizontalVh extends RecyclerView.ViewHolder {
    private ImageView point;

    private View lineLeft, lineRight;


    public HorizontalVh(View itemView) {
      super(itemView);
      this.point = (ImageView) itemView.findViewById(R.id.point);
      this.lineLeft = itemView.findViewById(R.id.line_left);
      this.lineRight = itemView.findViewById(R.id.line_right);
    }
  }
}

item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="0dp"
  android:layout_weight="1"
  android:layout_height="50dp"
  android:gravity="center_horizontal"
  android:orientation="vertical">

  <RelativeLayout
    android:layout_marginTop="20dp"
    android:layout_width="40dp"
    android:layout_height="wrap_content">

    <View
      android:id="@+id/line_left"
      android:layout_width="20dp"
      android:layout_height="1dp"
      android:layout_centerVertical="true"
      android:background="#A6A6A6" />


    <View
      android:id="@+id/line_right"
      android:layout_width="20dp"
      android:layout_height="1dp"
      android:layout_centerVertical="true"
      android:layout_toRightOf="@+id/line_left"
      android:background="#A6A6A6" />

    <ImageView
      android:id="@+id/point"
      android:layout_width="15dp"
      android:layout_height="15dp"
      android:layout_centerHorizontal="true"
      android:scaleType="center"
      android:src="@mipmap/point_normal" />
  </RelativeLayout>

  <TextView
    android:id="@+id/show_time"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="node"
    android:textSize="11sp" />
</LinearLayout>

MainActivity

package com.haoren.timeline;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;

public class MainActivity extends AppCompatActivity {

  private RecyclerView mRecyclerView;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    mRecyclerView = (RecyclerView) findViewById(R.id.mRecyclerView);

    initAdapter();
  }

  private void initAdapter() {
    TimeLineAdapter adapter = new TimeLineAdapter(this, 8);
    mRecyclerView.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, false));
    mRecyclerView.setAdapter(adapter);
    adapter.setCurrentNode(5);
  }
}

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

# timeline时间轴 # android # timeline # 时间轴 # Android之RecyclerView实现时光轴效果示例 # Android时光轴实现淘宝物流信息浏览效果 # Android自定义View实现垂直时间轴布局 # Android控件之使用ListView实现时间轴效果 # Android自定义view仿淘宝快递物流信息时间轴 # 教你3分钟了解Android 简易时间轴的实现方法 # Android自定义时间轴的实现过程 # Android实现列表时间轴 # Android实现快递物流时间轴效果 # Android自定义recyclerView实现时光轴效果 # 设为 # 大家多多 # 文档 # inflate # layout # parent # viewType # false # vh # time_line # null # onCreateViewHolder # private # context # HorizontalVh # gt # currentNode # Override # int # nodeNum

返回目录在线咨询

上一篇：在北京大望路建站公司定制网站，后续的技术支持和服务包括哪些？
下一篇：唐山品牌网络营销招聘,唐山有ur的店吗？

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

Android TimeLine 时间节点轴的实现实例代码

您的项目需求