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

发布时间:2020-10-05 13:06:16 作者:八十年代的金坛县
来源:脚本之家 阅读:131

整理文档,搜刮出一个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);
  }
}

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

推荐阅读:
  1. Android如何自定义view仿淘宝快递物流信息时间轴
  2. Android实现快递物流时间轴效果的方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

timeline android tim

上一篇:基于多线程并发的常见问题(详解)

下一篇:Python3日期与时间戳转换的几种方法详解

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》