昨天群里有讨论时间轴的项目,没有接触过,以为非常吊,研究之后才知道表面都是忽悠人的,使用listview就能实现了,也没有什么新奇的东西

废话少说,直接上图

图片和文字都能够私人订制

没什么好说的,直接上代码吧!相信你能看懂

1.时间轴item的布局文件

<?

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"
> <LinearLayout
android:id="@+id/left"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical" > <View
android:layout_width="1dp"
android:layout_height="25dp"
android:layout_marginLeft="60dp"
android:background="#A6A6A6" /> <ImageView
android:id="@+id/left_imageview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="50dp"
android:src="@drawable/medicalcheck2" /> <View
android:layout_width="1dp"
android:layout_height="25dp"
android:layout_marginLeft="60dp"
android:background="#A6A6A6" />
</LinearLayout> <LinearLayout
android:layout_alignLeft="@id/left"
android:layout_width="match_parent"
android:layout_height="70dp"
android:orientation="vertical"
android:gravity="center"
android:layout_marginLeft="100dp"> <TextView
android:id="@+id/right_textview"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="aaa"/>
</LinearLayout> </RelativeLayout>

2.图片和文字的model

package com.sdufe.thea.guo.model;

public class TimeLineModel {

	private int imageview;
private String text; public int getImageview() {
return imageview;
} public void setImageview(int imageview) {
this.imageview = imageview;
} public String getText() {
return text;
} public void setText(String text) {
this.text = text;
} public TimeLineModel(int imageview, String text) {
super();
this.imageview = imageview;
this.text = text;
} }

3时间轴的适配器

package com.sdufe.thea.guo.adapter;

import java.util.List;

import com.sdufe.thea.guo.R;
import com.sdufe.thea.guo.model.TimeLineModel; import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView; public class TimeLineAdapter extends BaseAdapter { Context context;
List<TimeLineModel> list; public TimeLineAdapter(Context context, List<TimeLineModel> list) {
super();
this.context = context;
this.list = list;
} @Override
public int getCount() {
if (list!=null) {
return list.size();
}
return 0;
} @Override
public Object getItem(int position) {
if (list!=null) {
return list.get(position);
}
return null;
} @Override
public long getItemId(int position) {
return position;
} @Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHold hold;
if (convertView==null) {
hold=new ViewHold();
convertView=LayoutInflater.from(context).inflate(R.layout.timeline_item, null);
convertView.setTag(hold);
}else {
hold=(ViewHold) convertView.getTag();
}
hold.imageView=(ImageView) convertView.findViewById(R.id.left_imageview);
hold.show=(TextView) convertView.findViewById(R.id.right_textview); hold.imageView.setImageResource(list.get(position).getImageview());
hold.show.setText(list.get(position).getText());
return convertView;
} static class ViewHold{
public TextView show;
public ImageView imageView;
} }

布局中的文件都跟listview的使用一样,也贴一下代码吧,方便你我他

package com.sdufe.thea.guo;

import java.util.ArrayList;
import java.util.List; import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.Window;
import android.widget.ListView; import com.sdufe.thea.guo.adapter.TimeLineAdapter;
import com.sdufe.thea.guo.model.TimeLineModel; public class MainActivity extends Activity { private ListView listView;
private List<TimeLineModel> list;
private TimeLineAdapter adapter; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_main); initData();
initView(); } private void initView() {
listView=(ListView) findViewById(R.id.listview);
adapter=new TimeLineAdapter(this, list); listView.setAdapter(adapter);
} private void initData() {
list=new ArrayList<TimeLineModel>(); list.add(new TimeLineModel(R.drawable.medicalcheck2, "哈哈"));
list.add(new TimeLineModel(R.drawable.nurse_visit2, "呵呵"));
list.add(new TimeLineModel(R.drawable.nursingcareplan2, "嘿嘿"));
list.add(new TimeLineModel(R.drawable.medicalcheck2, "哈哈"));
list.add(new TimeLineModel(R.drawable.nurse_visit2, "啦啦"));
list.add(new TimeLineModel(R.drawable.nursingcareplan2, "咳咳"));
} @Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
} }

ok,代码上完了,不要被非常多app的外表唬住

代码下载地址:http://download.csdn.net/detail/elinavampire/8179393

github下载地址:https://github.com/zimoguo/TimeLineDemo

Android实现时间轴的更多相关文章

  1. android 简易时间轴(实质是ListView)

    ListView的应用 1.在很多时候是要用到时间轴的,有些处理的时间轴比较复杂,这里就给出一个比较简单的时间轴,其实就是ListView里面的Item的设计. 直接上代码: ListView,ite ...

  2. Android 类似时间轴的实现

    想要实现图片中的的时间轴的效果,设定了三种颜色,但是出来的只有一个黑色,还不是设定好的,而且长度很长的话不能滚动,下面上代码: 布局文件: <LinearLayout xmlns:android ...

  3. Android 时间轴

    最近开发的app中要用到时间轴这东西,需要实现的效果如下: 想想这个东西应该可以用listview实现吧.然后最近就模拟着去写了: 首先写  listview的item的布局: listview_it ...

  4. Android自定义指示器时间轴

    指示器时间轴在外卖.购物类的APP里会经常用到,效果大概就像下面这样,看了网上很多文章,大都是自己绘制,太麻烦,其实通过ListView就可以实现.   在Activity关联的布局文件activit ...

  5. Android实训案例(三)——实现时间轴效果的ListView,加入本地存储,实现恋爱日记的效果!

    Android实训案例(三)--实现时间轴效果的ListView,加入本地存储,实现恋爱日记的效果! 感叹离春节将至,也同时感叹时间不等人,一年又一年,可是我依然是android道路上的小菜鸟,这篇讲 ...

  6. Android 时间轴的实现

    时间轴 时间轴,顾名思义就是将发生的事件按照时间顺序罗列起来,给用户带来一种更加直观的体验.京东和淘宝的物流顺序就是一个时间轴(如图),想必大家都不陌生. 时间轴的初探 初次见到这种UI,感觉整个布局 ...

  7. android项目解刨之时间轴

    近期开发的app中要用到时间轴这东西.须要实现的效果例如以下: 想想这个东西应该能够用listview实现吧. 然后近期就模拟着去写了: 首先写  listview的item的布局: listview ...

  8. Android时间轴效果,直接使用在你的项目中

    近期开发app搞到历史查询,受腾讯qq的启示,搞一个具有时间轴效果的ui,看上去还能够,然后立即想到分享给小伙伴,,大家一起来看看,先上效果图吧 watermark/2/text/aHR0cDovL2 ...

  9. 使用ExpandableListView时间轴效果达到

    不废话,首先在地图上,查看结果 这是用ExpandableListView来实现时间轴效果,原理比較简单,以月份为第一级,以天为第二级来实现的. package com.hj.main; import ...

随机推荐

  1. Set 和 WeakSet 数据结构

    Set 和 WeakSet 数据结构是ES6新增. 它与数组非常相似,但是Set数据结构的成员都是唯一的. 特别说明:Set 中只能添加一个NaN 一.Set 数据结构: var set = new ...

  2. Orcla 数据库复习2 --子查询和表连接

    子查询和表连接  ①.查询挣钱最多的人的名字  SELECT ename,sal FROM emp  WHERE sal=(SELECT MAX(sal) FROM emp);  ②.查询有哪些人的工 ...

  3. Windows Store GIF player 诞生记

    在Win8上面,Image source切换的时候有bug.当我们短时间定时切换的时候,Image不能正常地显示对应的图片.Image控件又不支持GIF播放,所以GIF图片的播放就是一个非常头痛的问题 ...

  4. iOS动画进阶 - 实现炫酷的上拉刷新动效

    移动端訪问不佳,请訪问我的个人博客 近期撸了一个上拉刷新的小轮子.仅仅要遵循一个协议就能自己定义自己动效的上拉刷新和载入,我自己也写了几个动效进去,以下是一个比較好的动效的实现过程 先上效果图和git ...

  5. kernel4.1 ioctl调用

    在4.1内核中开发时遇到个奇怪的问题: 用户空间的ioctl无法调用到内核空间的unlock_ioctl 排查源码发现 546 int do_vfs_ioctl(struct file *filp, ...

  6. 读写SQLServer数据库中的image类型数据(简单)

    1.将double类型的数据存储于image类型的变量中: (1). char *CManualForecastResultBll::DoubleArray2Binary(std::vector< ...

  7. UML建模学习3:UML基本构造块之关系

    今天我们来看UML基本构造块的还有一个要素--关系. UML中有表示基本图示符号之间的关系,它们是:依赖(dependency).泛化(generalization,也有的称继承).实 现(reali ...

  8. Android的学习之路(四)项目中清单文件的学习和android中经常使用的显示单位

    1.所谓的清单文件就是项目中的AndroidManifest.xml文件.这个文件但是有大用处的.比方:app的名字,图标.app支持的版本号app的包名等等.以下我就介绍下这个清单文件的各个參数的作 ...

  9. mysql的join操作

    一.Join语法概述 join 用于多表中字段之间的联系,语法如下: ... FROM table1 INNER|LEFT|RIGHT JOIN table2 ON conditiona table1 ...

  10. jquery的liveQuery插件

    一.livequery插件简介 jQuery的事件绑定功能使得jQuery代码与HTML代码能够完全分离,这样代码的层次关系更加清晰,维护起来也更加简单.然而对于动态加载到页面的HTML元素,每次都需 ...