整理文档,搜刮出一个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);
}
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持亿速云。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。