本文實例為大家分享了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的布局
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網。
新聞熱點
疑難解答