Android实现快递物流时间轴效果

 更新时间:2018年05月16日 13:53:45   作者:willA书欢  
这篇文章主要为大家详细介绍了Android实现快递物流时间轴效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android实现快递物流时间轴效果展示的具体代码,供大家参考,具体内容如下

首先,这篇参考了别人的代码。根据自己的项目需求简单改造了一下,效果图如下

xml:代码

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent" 
 android:orientation="vertical" > 
 
 <ListView 
  android:id="@+id/lv_list" 
  android:layout_width="match_parent" 
  android:layout_height="wrap_content" 
  android:cacheColorHint="@null" 
  android:divider="@null" > 
 </ListView> 
 
</LinearLayout> 

接下来是Activity,准备数据就好了

public class TimeLineTextActivity extends Activity{ 
  
 private ListView listView; 
 private TimeLineAdapter adapter; 
  
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
  // TODO Auto-generated method stub 
  super.onCreate(savedInstanceState); 
  setContentView(R.layout.activity_main); 
   
  listView=(ListView) findViewById(R.id.lv_list); 
  listView.setDividerHeight(0); 
  adapter = new TimeLineAdapter(this, initData()); 
  listView.setAdapter(adapter); 
   
 } 
 
 private List<Map<String, Object>> initData() { 
  List<Map<String, Object>> list = new ArrayList<Map<String, Object>>(); 
   
  Map<String, Object> map = new HashMap<String, Object>(); 
  map.put("title", "提交已完成......"); 
  map.put("time", "2015-10-22 14:00:00"); 
  list.add(map); 
   
  map = new HashMap<String, Object>(); 
  map.put("title", "正在审核中......"); 
  map.put("time", "2015-10-22 15:00:00"); 
  list.add(map); 
   
  map = new HashMap<String, Object>(); 
  map.put("title", "客服将会给您打电话......"); 
  map.put("time", "2015-10-22 16:00:00"); 
  list.add(map); 
   
  map = new HashMap<String, Object>(); 
  map.put("title", "订单已完成"); 
  map.put("time", "2015-10-22 17:00:00"); 
  list.add(map); 
     
  return list; 
   
 } 
 
} 

Adapter:

public class TimeLineAdapter extends BaseAdapter { 
 private Context context; 
 private List<Map<String,Object>> list; 
  private LayoutInflater inflater; 
  
  public TimeLineAdapter(Context context, List<Map<String, Object>> list) { 
   super(); 
   this.context = context; 
   this.list = list; 
  } 
 
 @Override 
 public int getCount() { 
  // TODO Auto-generated method stub 
  return list.size(); 
 } 
 
 @Override 
 public Object getItem(int position) { 
  // TODO Auto-generated method stub 
  return position; 
 } 
 
 @Override 
 public long getItemId(int position) { 
  // TODO Auto-generated method stub 
  return position; 
 } 
 
 @Override 
 public View getView(int position, View convertView, ViewGroup parent) { 
  // TODO Auto-generated method stub 
  TimeLineHolder viewHolder = null; 
  if (convertView == null) { 
   inflater = LayoutInflater.from(parent.getContext()); 
   convertView = inflater.inflate(R.layout.itemtimeline2, null); 
   viewHolder = new TimeLineHolder(); 
 
   viewHolder.title = (TextView) convertView.findViewById(R.id.title); 
   viewHolder.time = (TextView) convertView.findViewById(R.id.time); 
   convertView.setTag(viewHolder); 
  } else { 
   viewHolder = (TimeLineHolder) convertView.getTag(); 
  } 
   
  String titleStr = list.get(position).get("title").toString(); 
   
  
  viewHolder.title.setText(titleStr); 
 
  return convertView; 
   
 } 
  
 static class TimeLineHolder{ 
  private TextView title,time; 
 } 
} 

每一个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" 
 android:orientation="vertical" > 
  
  <View 
  android:id="@+id/view_0" 
  android:layout_width="1dp" 
  android:layout_height="25dp" 
  android:layout_below="@+id/layout_1" 
  android:layout_marginLeft="40dp" 
  android:background="#A6A6A6" /> 
 <ImageView 
  android:id="@+id/image" 
  android:layout_width="15dp" 
  android:layout_height="15dp" 
  android:layout_below="@+id/view_0" 
  android:layout_marginLeft="33dp" 
  android:src="@drawable/timeline_green" /> 
 <View 
  android:id="@+id/view_2" 
  android:layout_width="1dp" 
  android:layout_height="50dp" 
  android:layout_below="@+id/image" 
  android:layout_marginLeft="40dp" 
  android:background="#A6A6A6" /> 
  
 <View 
  android:id="@+id/view_4" 
  android:layout_width="match_parent" 
  android:layout_height="1dp" 
  android:layout_alignBottom="@+id/view_2" 
  android:layout_marginLeft="55dp" 
  android:layout_marginRight="15dp" 
  android:background="#A6A6A6" /> 
  
  <RelativeLayout 
  android:id="@+id/relative" 
  android:layout_width="fill_parent" 
  android:layout_height="match_parent" 
  android:layout_margin="10dp" 
  android:layout_toRightOf="@+id/view_0" 
  android:layout_alignBottom="@+id/view_4" 
  android:padding="5dp" 
  android:orientation="vertical" > 
 
  <TextView 
   android:id="@+id/title" 
   android:layout_width="match_parent" 
   android:layout_height="wrap_content" 
   android:ellipsize="end" 
   android:layout_marginTop="8dp" 
   android:maxEms="7" 
   android:paddingLeft="5dp" 
   android:singleLine="true" 
   android:text="需求提交成功" 
   android:textSize="16sp" /> 
  <TextView 
   android:id="@+id/time" 
   android:layout_width="match_parent" 
   android:layout_height="wrap_content" 
   android:ellipsize="end" 
   android:layout_below="@+id/title" 
   android:layout_marginTop="15dp" 
   android:maxEms="7" 
   android:paddingLeft="5dp" 
   android:singleLine="true" 
   android:text="2015-9-28" 
   android:textSize="14sp" /> 
 
 </RelativeLayout> 
 
</RelativeLayout> 

其实这个东西看起来复杂,实际上挺简单的,就是一个ListView,希望对大家有帮助!

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

相关文章

  • Flutter 用自定义转场动画实现页面切换

    Flutter 用自定义转场动画实现页面切换

    本篇介绍了 fluro 导航到其他页面的自定义转场动画实现,Flutter本身提供了不少预定义的转场动画,可以通过 transitionBuilder 参数设计多种多样的转场动画,也可以通过自定义的 AnimatedWidget实现个性化的转场动画效果。
    2021-06-06
  • android嵌套滚动入门实践

    android嵌套滚动入门实践

    嵌套滚动是 Android OS 5.0之后,google 为我们提供的新特性,本篇文章主要介绍了android嵌套滚动入门实践,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • android ListView和GridView拖拽移位实现代码

    android ListView和GridView拖拽移位实现代码

    有些朋友对android中ListView和GridView拖拽移位功能的实现不是很了解,接下来将详细介绍,需要了解的朋友可以参考下
    2012-12-12
  • Android关于Button背景或样式失效问题解决方法

    Android关于Button背景或样式失效问题解决方法

    大家好,本篇文章主要讲的是Android关于Button背景或样式失效问题解决方法,感兴趣的同学赶快来看一看吧,对你有帮助的话记得收藏一下
    2022-01-01
  • Android Activity之间相互调用与传递参数的原理与用法分析

    Android Activity之间相互调用与传递参数的原理与用法分析

    这篇文章主要介绍了Android Activity之间相互调用与传递参数的原理与用法,较为详细的分析了Android组件的构成以及Activity的创建、调用、切换等相关操作技巧,需要的朋友可以参考下
    2016-08-08
  • Android自定义View实现圆形环绕效果

    Android自定义View实现圆形环绕效果

    这篇文章主要为大家详细介绍了Android自定义View实现圆形环绕效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-01-01
  • Android 给控件添加边框阴影效果

    Android 给控件添加边框阴影效果

    这篇文章主要介绍了Android 给控件添加边框阴影效果,文中代码部分top代表下边的阴影高度,left代表右边的阴影宽度。具体实例代码大家参考下本文
    2017-11-11
  • Android使用TextInputLayout创建登陆页面

    Android使用TextInputLayout创建登陆页面

    这篇文章主要为大家详细介绍了Android使用TextInputLayout创建登陆页面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • Android WebP 图片压缩与传输

    Android WebP 图片压缩与传输

    本文主要讲解Android WebP 图片压缩与传输,这里对WebP图片格式以及如何实现压缩和传输,做了详细讲解,有需要的小伙伴可以参考下
    2016-08-08
  • android 上传aar到私有maven服务器的示例

    android 上传aar到私有maven服务器的示例

    这篇文章主要介绍了android 上传aar到私有maven服务器,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11

最新评论