Android快递物流信息布局开发

所属分类: 软件编程 / Android 阅读数: 84
收藏 0 赞 0 分享

本文实例为大家分享了Android快递物流信息布局展示的具体代码,供大家参考,具体内容如下

1. 思路介绍

效果图:

思路:

就一个ListView,每个item就是一条物流信息。然后每个item,分为左和右两边,左边是一个进度条的风格,右边是物流文字,适配器里面判断item,position为0 就设置为绿色,其他position就设置为灰色就行了。

2. 代码

item的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="horizontal"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 >

 <!-- 左边 -->
 <LinearLayout
  android:layout_width="wrap_content"
  android:layout_height="match_parent"
  android:orientation="vertical"
  >
  <!-- 上面的竖线 -->
  <View
   android:id="@+id/view_top_line"
   android:layout_width="2dp"
   android:layout_height="15dp"
   android:background="@color/lightgray"
   android:layout_gravity="center_horizontal"
   android:layout_marginTop="-1dp"
   />

  <!-- 圆点 -->
  <ImageView
   android:id="@+id/iv_expres_spot"
   android:layout_width="20dp"
   android:layout_height="20dp"
   android:background="@drawable/express_point_old"
   android:layout_marginBottom="2dp"
   android:layout_marginTop="2dp"
   />

 <!-- 竖线 -->
  <View
   android:layout_width="2dp"
   android:layout_height="wrap_content"
   android:background="@color/lightgray"
   android:layout_gravity="center_horizontal"
   />

 </LinearLayout>

 <!-- 右边 -->
 <LinearLayout
  android:layout_weight="1"
  android:layout_width="0dp"
  android:layout_height="wrap_content"
  android:orientation="vertical"
  android:layout_marginLeft="10dp"
  android:layout_marginTop="17dp"

  >
  <TextView
   android:id="@+id/tv_express_text"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:text="asdfasdfasd大事发生的苏打粉asdfasdfas阿斯蒂芬斯蒂芬阿萨德发达省份撒旦法"
   android:textColor="@color/gray"
   android:lineSpacingExtra="2dp"
   android:textSize="16sp"
   android:textIsSelectable="true"

   />

  <TextView
   android:id="@+id/tv_express_time"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:textColor="@color/lightgray"
   android:textSize="12sp"
   android:text="2016年4月27日 00:27:45"
   android:layout_marginTop="5dp"
   android:textIsSelectable="true"
   android:paddingBottom="10dp"
   />

 <!-- 底部分割线 -->
  <View
   android:layout_width="match_parent"
   android:background="@color/lightgray"
   android:layout_height="0.5dp"
   />
 </LinearLayout>

</LinearLayout>

适配器代码

package com.tpnet.hlquery.Express;

import android.content.Context;
import android.graphics.Color;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.tpnet.hlquery.Express.json.Content;
import com.tpnet.hlquery.R;

import java.util.List;

/**
 * Created by tpnet on 2016/4/27.
 */
public class MessListAdapter extends BaseAdapter {


 //allContent就是所有物流信息的list
 private List<Content> allContent;
 private Context context;
 private LayoutInflater layoutInflater;



 MessListAdapter(Context context,List<Content> allContent){
  this.allContent = allContent;
  this.context = context;
  layoutInflater = LayoutInflater.from(context);
 }

 @Override
 public int getCount() {
  return allContent.size();
 }

 @Override
 public Object getItem(int position) {
  return allContent.get(position);
 }

 @Override
 public long getItemId(int position) {
  return position;
 }

 @Override
 public View getView(int position, View convertView, ViewGroup parent) {

  ViewHolder holder;
  if(convertView == null){
   holder = new ViewHolder();
   convertView = layoutInflater.inflate(R.layout.item_express_data,null);
   holder.viewTopLine = convertView.findViewById(R.id.view_top_line);
   holder.ivExpresSpot = (ImageView) convertView.findViewById(R.id.iv_expres_spot);
   holder.tvExpressText = (TextView) convertView.findViewById(R.id.tv_express_text);
   holder.tvExpressTime = (TextView) convertView.findViewById(R.id.tv_express_time);

   //将ViewHolder与convertView进行绑定
   convertView.setTag(holder);
  }else{
   holder = (ViewHolder)convertView.getTag();
  }

  Content content = allContent.get(position);

  //设置数据颜色,防止view 复用,必须每个设置
  if(position == 0 ){ //上顶部背景透明,点是灰色,字体是绿色
   holder.viewTopLine.setBackgroundColor(Color.TRANSPARENT);
   holder.ivExpresSpot.setBackgroundResource(R.drawable.express_point_new);
   holder.tvExpressText.setTextColor(context.getResources().getColor(R.color.mainColor));
   holder.tvExpressTime.setTextColor(context.getResources().getColor(R.color.mainColor));
  }else{
   holder.viewTopLine.setBackgroundColor(context.getResources().getColor(R.color.lightgray));
   holder.ivExpresSpot.setBackgroundResource(R.drawable.express_point_old);
   holder.tvExpressText.setTextColor(context.getResources().getColor(R.color.gray));
   holder.tvExpressTime.setTextColor(context.getResources().getColor(R.color.lightgray));
  }

  holder.tvExpressText.setText(content.getContext());
  holder.tvExpressTime.setText(content.getTime());

  return convertView;
 }

 public class ViewHolder{
  public View viewTopLine;
  private ImageView ivExpresSpot;
  private TextView tvExpressText;
  private TextView tvExpressTime;

 }

}

activity那里就new 上面的Adapter,然后设置进ListView 就可以了。

注意一点:
listView一定要设置:android:divider=”@null”
不然每个item直接默认是有 间隙的。
就这么简单了,重要的还是item的布局

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

更多精彩内容其他人还在看

Android样式和主题之选择器的实例讲解

今天小编就为大家分享一篇关于Android样式和主题之选择器的实例讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Android应用动态修改主题的方法示例

今天小编就为大家分享一篇关于Android应用动态修改主题的方法示例,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Flutter 网络请求框架封装详解

这篇文章主要介绍了Flutter 网络请求框架封装详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Flutter倒计时/计时器的实现代码

这篇文章主要介绍了Flutter倒计时/计时器的实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android使用google breakpad捕获分析native cash

这篇文章主要介绍了Android使用google breakpad捕获分析native cash 的相关知识,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

详解Flutter WebView与JS互相调用简易指南

这篇文章主要介绍了详解Flutter WebView与JS互相调用简易指南,分为JS调用Flutter和Flutter调用JS,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android开发实现ListView和adapter配合显示图片和文字列表功能示例

这篇文章主要介绍了Android开发实现ListView和adapter配合显示图片和文字列表功能,涉及Android使用ListView结合adapter适配器实现图文显示功能相关的布局、解析、权限控制等操作技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

Android文字基线Baseline算法的使用讲解

今天小编就为大家分享一篇关于Android文字基线Baseline算法的使用讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Flutter自定义实现神奇动效的卡片切换视图的示例代码

这篇文章主要介绍了Flutter自定义实现神奇动效的卡片切换视图的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android实现自定义滑动刻度尺方法示例

这篇文章主要给大家介绍了关于Android实现自定义滑动刻度尺的相关资料,文中通过示例代码介绍的非常详细,对各位Android开发者们具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享
查看更多