Android实现快递物流跟踪布局效果

先看效果

首页Activity

public class TraceActivity extends AppCompatActivity {

  private ListView lvTrace;
  private List<Trace> traceList = new ArrayList<>(10);
  private TraceListAdapter adapter;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_trace);
    findView();
    initData();
  }

  private void findView() {
    lvTrace = (ListView) findViewById(R.id.lvTrace);
  }

  private void initData() {
    // 模拟一些假的数据
    traceList.add(new Trace("2016年11月18日 上午12:04:01", "在湖北武汉洪山区光谷公司长江社区便民服务站进行签收扫描，快件已被 已签收 签收"));
    traceList.add(new Trace("2016年11月18日 上午11:57:25", "在湖北武汉洪山区光谷公司长江社区便民服务站进行派件扫描；派送业务员：老王；联系电话：17786550311"));
    traceList.add(new Trace("2016年11月17日 下午4:43:29", "在湖北武汉洪山区光谷公司进行快件扫描，将发往：湖北武汉洪山区光谷公司长江社区便民服务站"));
    traceList.add(new Trace("2016年11月17日 上午9:11:21", "从湖北武汉分拨中心发出，本次转运目的地：湖北武汉洪山区光谷公司"));
    traceList.add(new Trace("2016年11月17日 上午1:53:14", "在湖南长沙分拨中心进行装车扫描，即将发往：湖北武汉分拨中心"));
    traceList.add(new Trace("2016年11月17日 上午1:50:18", "在分拨中心湖南长沙分拨中心进行称重扫描"));
    traceList.add(new Trace("2016年11月16日 上午11:27:58", "在湖南隆回县公司进行到件扫描"));
    adapter = new TraceListAdapter(this, traceList);
    lvTrace.setAdapter(adapter);
  }
}

然后适配器

public class TraceListAdapter extends BaseAdapter {
  private Context context;
  private List<Trace> traceList = new ArrayList<>(1);
  private static final int TYPE_TOP = 0x0000;
  private static final int TYPE_NORMAL= 0x0001;

  public TraceListAdapter(Context context, List<Trace> traceList) {
    this.context = context;
    this.traceList = traceList;
  }

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

  @Override
  public Trace getItem(int position) {
    return traceList.get(position);
  }

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

  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder holder;
    final Trace trace = getItem(position);
    if (convertView != null) {
      holder = (ViewHolder) convertView.getTag();
    } else {
      holder = new ViewHolder();
      convertView = LayoutInflater.from(context).inflate(R.layout.item_trace, parent, false);
      holder.tvAcceptTime = (TextView) convertView.findViewById(R.id.tvAcceptTime);
      holder.tvAcceptStation = (TextView) convertView.findViewById(R.id.tvAcceptStation);
      holder.tvTopLine = (TextView) convertView.findViewById(R.id.tvTopLine);
      holder.tvDot = (TextView) convertView.findViewById(R.id.tvDot);
      holder.tv_new = (TextView) convertView.findViewById(R.id.tv_new);
      convertView.setTag(holder);
    }

    if (getItemViewType(position) == TYPE_TOP) {
      // 第一行头的竖线不显示
      holder.tvTopLine.setVisibility(View.INVISIBLE);
      holder.tv_new.setVisibility(View.VISIBLE);
      // 字体颜色加深
      holder.tvAcceptTime.setTextColor(context.getResources().getColor(R.color.red));
      holder.tvAcceptStation.setTextColor(context.getResources().getColor(R.color.red));
      holder.tvDot.setBackgroundResource(R.drawable.timelline_dot_secord);
    } else if (getItemViewType(position) == TYPE_NORMAL) {
      holder.tvTopLine.setVisibility(View.VISIBLE);
      holder.tv_new.setVisibility(View.INVISIBLE);
      holder.tvAcceptTime.setTextColor(0xff999999);
      holder.tvAcceptStation.setTextColor(0xff999999);
      holder.tvDot.setBackgroundResource(R.drawable.timelline_dot_first);
    }

    holder.tvAcceptTime.setText(trace.getAcceptTime());
    holder.tvAcceptStation.setText(trace.getAcceptStation());
    return convertView;
  }

  @Override
  public int getItemViewType(int id) {
    if (id == 0) {
      return TYPE_TOP;
    }
    return TYPE_NORMAL;
  }

  static class ViewHolder {
    public TextView tvAcceptTime, tvAcceptStation;
    public TextView tvTopLine, tvDot,tv_new;
  }
}

实体类

public class Trace {
  /** 时间 */
  private String acceptTime;
  /** 描述 */
  private String acceptStation;

  public Trace() {
  }

  public Trace(String acceptTime, String acceptStation) {
    this.acceptTime = acceptTime;
    this.acceptStation = acceptStation;
  }

  public String getAcceptTime() {
    return acceptTime;
  }

  public void setAcceptTime(String acceptTime) {
    this.acceptTime = acceptTime;
  }

  public String getAcceptStation() {
    return acceptStation;
  }

  public void setAcceptStation(String acceptStation) {
    this.acceptStation = acceptStation;
  }
}

activity布局和item布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/activity_main"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  android:background="@android:color/white"
  tools:context="cc.duduhuo.timelinedemo.TraceActivity">

  <ListView
    android:id="@+id/lvTrace"
    android:layout_width="match_parent"
    android:divider="@null"
    android:clickable="false"
    android:listSelector="@android:color/transparent"
    android:dividerHeight="0dp"
    android:layout_height="wrap_content" />
</LinearLayout>

<?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:gravity="center"
  android:orientation="horizontal">

  <RelativeLayout
    android:id="@+id/rlTimeline"
    android:layout_width="75dp"
    android:layout_height="match_parent">

    <TextView
      android:id="@+id/tvTopLine"
      android:layout_width="0.5dp"
      android:layout_height="12dp"
      android:layout_centerHorizontal="true"
      android:background="#999" />

    <TextView
      android:id="@+id/tvDot"
      android:layout_width="5dp"
      android:layout_height="5dp"
      android:layout_margin="2dp"
      android:layout_below="@id/tvTopLine"
      android:layout_centerHorizontal="true"
      android:background="@drawable/timelline_dot_normal" />

    <TextView
      android:layout_width="0.5dp"
      android:layout_height="match_parent"
      android:layout_below="@id/tvDot"
      android:layout_centerHorizontal="true"
      android:background="#999" />
    <TextView
      android:id="@+id/tv_new"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="最新"
      android:textColor="#ffffff"
      android:background="#ff0000"
      android:textSize="12sp"
      android:layout_marginLeft="3dp"
      android:paddingLeft="3dp"
      android:paddingRight="3dp"
      android:layout_toRightOf="@id/tvDot"
      android:layout_below="@id/tvTopLine"
      />
  </RelativeLayout>

  <RelativeLayout
    android:id="@+id/rlCenter"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="6dp"
    android:paddingRight="10dp"
    android:paddingLeft="10dp"
    android:paddingTop="6dp">

    <TextView
      android:id="@+id/tvAcceptTime"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="2014/06/24 20:55:28"
      android:textColor="#999"
      android:textSize="12sp" />

    <TextView
      android:id="@+id/tvAcceptStation"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_below="@id/tvAcceptTime"
      android:layout_marginTop="5dp"
      android:text="在湖南隆回县公司进行到件扫描"
      android:textColor="#999"
      android:textSize="12sp" />
  </RelativeLayout>
</LinearLayout>

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

# android  # 物流跟踪  # 物流跟踪效果  # android物流跟踪源码  # Android快递物流信息布局开发  # Android实现快递单号查询快递状态信息  # Android自定义view仿淘宝快递物流信息时间轴  # Android实现快递物流时间轴效果  # android实现快递跟踪进度条  # Android实现仿美团、顺丰快递数据加载效果  # Android使用http请求手机号码归属地查询代码分享  # Android编程实现号码归属地查询的方法  # kotlin实现快递与号码归属地查询案例详解  # 湖北  # 隆回县  # 上午  # 长江  # 湖南  # 湖北武汉  # 发往  # 已被  # 称重  # 首页  # 先看  # 大家多多  # 老王  # 下午  # 实体类  # paddingTop  # 武汉洪  # return  # size  # getCount 

相关文章： 建站之星代理如何优化在线客服效率？  建站IDE高效指南：快速搭建+SEO优化+自适应模板全解析  广州营销型建站服务商推荐：技术优势与SEO优化解析  外汇网站制作流程,如何在工商银行网站上做外汇买卖？  如何快速选择适合个人网站的云服务器配置？  网站制作新手教程,新手建设一个网站需要注意些什么？  如何零基础开发自助建站系统？完整教程解析  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  网站视频怎么制作,哪个网站可以免费收看好莱坞经典大片？  建站之家VIP精选网站模板与SEO优化教程整合指南  建站之星在线客服如何快速接入解答？  如何在宝塔面板中创建新站点？  潍坊网站制作公司有哪些,潍坊哪家招聘网站好？  如何快速搭建高效可靠的建站解决方案？  建站之星伪静态规则如何设置？  大连网站制作公司哪家好一点,大连买房网站哪个好？  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  建站主机CVM配置优化、SEO策略与性能提升指南  免费网站制作appp,免费制作app哪个平台好？  如何在IIS中新建站点并配置端口与物理路径？  成都响应式网站开发,dw怎么把手机适应页面变成网页？  如何自定义建站之星模板颜色并下载新样式？  头像制作网站在线制作软件,dw网页背景图像怎么设置？  建站主机如何选？性能与价格怎样平衡？  专业公司网站制作公司,用什么语言做企业网站比较好？  高端网站建设与定制开发一站式解决方案 中企动力  如何用5美元大硬盘VPS安全高效搭建个人网站？  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  制作国外网站的软件,国外有哪些比较优质的网站推荐？  高防服务器租用指南：配置选择与快速部署攻略  如何在景安服务器上快速搭建个人网站？  高端云建站费用究竟需要多少预算？  如何在云服务器上快速搭建个人网站？  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  为什么Go需要go mod文件_Go go mod文件作用说明  如何构建满足综合性能需求的优质建站方案？  Python路径拼接规范_跨平台处理说明【指导】  制作旅游网站html,怎样注册旅游网站？  如何在阿里云域名上完成建站全流程？  网站制作软件免费下载安装,有哪些免费下载的软件网站？  西安专业网站制作公司有哪些,陕西省建行官方网站？  股票网站制作软件,网上股票怎么开户？  建站主机选哪家性价比最高？  宝塔建站无法访问？如何排查配置与端口问题？  建站之星免费模板：自助建站系统与智能响应式一键生成  平台云上自助建站如何快速打造专业网站？  如何快速上传自定义模板至建站之星？  如何自定义建站之星网站的导航菜单样式？  公司门户网站制作流程,华为官网怎么做？  如何在Golang中使用encoding/gob序列化对象_存储和传输数据