这篇文章给大家介绍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应用中怎么实现一个跟踪布局效果就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。