Android仿淘寶訂單頁面效果

2019-10-21 21:33:14

字體：大中小

來源：轉載

供稿：網友

一般電商項目會涉及到的訂單管理模塊，類似淘寶樣式的訂單

Android,淘寶,訂單

主要是講一下訂單頁面的實現。當然實現的方法有很多，我知道的有兩種方法：一種是采用listview嵌套listview的方式，這種方式需要重寫listview中onMearsure方法；還有一種是采用接口回調的方式，這種方式主要對后臺返回的數據有依賴；

今天主要說下第二種方法：

實現的思想：首先Tab下面的布局還是用一個listview實現，然后將listview中的item分為上中下三部分內容；

創建三個xml文件，分別實現三個布局；第一部分為店鋪名稱那一欄，第二部分為商品信息那一欄，第三部分為訂單狀態那一欄；

然后創建一個回調接口

代碼如下

public interface OrderContent { public int getLayout(); public boolean isClickable(); public View getView(Context context, View convertView, LayoutInflater inflater); }

利用接口回調分別實現三個布局

第一部分

public class ItemOrderTop implements OrderContent {  private Order order;  private OnceSendView2 shopImageView;  private List<Order_goods> list;  private ACache aCache;  public ItemOrderTop(Order order, List<Order_goods> list) {    this.order = order;    this.list = list;  }  @Override  public int getLayout() {    return R.layout.item_order_top;  }  @Override  public boolean isClickable() {    return true;  }  public Order order() {    return order;  }  @Override  public View getView(final Context context, View convertView, LayoutInflater inflater) {    aCache = ACache.get(context);    inflater = LayoutInflater.from(context);    convertView = inflater.inflate(getLayout(), null);    final GTextView orderId = (GTextView) convertView.findViewById(R.id.tv_order_num1);    GTextView orderstatus = (GTextView) convertView.findViewById(R.id.tv_order_state1);    orderId.setText("訂單號碼:" + order.getOrder_sn());    switch (order.getStatus().toString()) {      case "20":        orderstatus.setText("待發貨");        break;      case "30":        orderstatus.setText("已發貨");        break;      case "40":        orderstatus.setText("已收貨待評價");        break;      default:        break;    }    return convertView;  }}

中間部分

public class OrderIMiddle implements OrderContent {  private Order_goods order_goods;  private ImageLoader imageLoader;  private DisplayImageOptions options;  List<Order_goods> order_goodsList;  private String status;  public OrderIMiddle(Order_goods order_goods, String status) {    this.order_goods = order_goods;    order_goodsList = new ArrayList<Order_goods>();    order_goodsList.add(order_goods);    this.status = status;    imageLoader = ImageLoader.getInstance();    // 使用DisplayImageOptions.Builder()創建DisplayImageOptions    options = new DisplayImageOptions.Builder()        .showImageOnLoading(R.drawable.publicloading)        .showImageForEmptyUri(R.drawable.publicloading)        .showImageOnFail(R.drawable.publicloading)        .cacheInMemory(true)        .build();  }  @Override  public int getLayout() {    return R.layout.listitem_goods;  }  @Override  public boolean isClickable() {    return true;  }  public Order_goods order_goods() {    return order_goods;  }  @Override  public View getView(final Context context, View convertView, LayoutInflater inflater) {    inflater = LayoutInflater.from(context);    convertView = inflater.inflate(getLayout(), null);    GImageView mImage = (GImageView) convertView.findViewById(R.id.iv_goods_image1);    GTextView goods_info = (GTextView) convertView.findViewById(R.id.tv_goods_info1);    GTextView goods_attribute = (GTextView) convertView.findViewById(R.id.tv_goods_attribute1);    GTextView goods_num = (GTextView) convertView.findViewById(R.id.tv_goods_num1);    GTextView goods_price = (GTextView) convertView.findViewById(R.id.tv_goods_price1);    goods_info.setText(order_goods.getGoods_name());    goods_attribute.setText(order_goods.getSpecification());    goods_num.setText("x" + order_goods.getQuantity());    goods_price.setText("¥:" + order_goods.getPrice());    Log.i("TAG", "order_goods.getOrder_id()=" + order_goods.getOrder_id());    imageLoader.init(FileUtils.getCache(context));    imageLoader.displayImage(order_goods.getGoods_image(), mImage, options);    convertView.setOnClickListener(new View.OnClickListener() {      @Override      public void onClick(View v) {        switch (status) {          case "40":            Intent intent = new Intent(context, Message_Logistics.class);            intent.putExtra("order_id", order_goods.getOrder_id());            context.startActivity(intent);            break;          case "30":            Intent intent2 = new Intent(context, Message_Logistics.class);            intent2.putExtra("order_id", order_goods.getOrder_id());            context.startActivity(intent2);            break;          case "20":            Intent intent3 = new Intent(context, Message_Delivery.class);            intent3.putExtra("order_id", order_goods.getOrder_id());            context.startActivity(intent3);            break;          default:            break;        }      }    });    return convertView;  }}

底部：

public class OrderBottom implements OrderContent {  private Order order;  private OnceSendView2 shopImageView;  private List<Order_goods> list;  private ACache aCache;  public OrderBottom(Order order, List<Order_goods> list) {    this.order = order;    this.list = list;  }  @Override  public int getLayout() {    return R.layout.item_list_list;  }  @Override  public boolean isClickable() {    return true;  }  public Order order() {    return order;  }  @Override  public View getView(final Context context, View convertView, LayoutInflater inflater) {    aCache = ACache.get(context);    inflater = LayoutInflater.from(context);    convertView = inflater.inflate(getLayout(), null);    GTextView orderTotal = (GTextView) convertView.findViewById(R.id.tv_order_amount1);    GTextView tv_order_datetime = (GTextView) convertView.findViewById(R.id.tv_order_datetime);    final GButton oncesend = (GButton) convertView.findViewById(R.id.btn_send1);    GTextView yunfei_text = (GTextView) convertView.findViewById(R.id.yunfei_text);    yunfei_text.setText("（含運費: ¥ "+order.getShipping_fee()+")");    orderTotal.setText(order.getOrder_amount());    tv_order_datetime.setText(Data_Time.getDateToString(order.getAdd_time()));    final View finalConvertView = convertView;    if (order.getStatus().equals("20")) {      oncesend.setText("立即發貨");      oncesend.setOnClickListener(new View.OnClickListener() {        @Override        public void onClick(View v) {          Intent otherintent = new Intent(context, Message_Delivery.class);          otherintent.putExtra("order_id", order.getOrder_id());          otherintent.putExtra("token", aCache.getAsString("token"));          context.startActivity(otherintent);        }      });    } else if (order.getStatus().equals("30")){      oncesend.setBackgroundResource(R.color.highlight_color);      oncesend.setText("查看物流");      oncesend.setOnClickListener(new View.OnClickListener() {        @Override        public void onClick(View v) {          Intent intent = new Intent(context, Message_Logistics.class);          intent.putExtra("order_id", order.getOrder_id());          context.startActivity(intent);        }      });    }    else    {      oncesend.setVisibility(View.GONE);    }    return convertView;  }}

接收接口返回的數據，然后利用for循環將數據循環讀入到上中下三個布局中

//解析后臺返回的數據    Type tp = new TypeToken<OrderItems>() {    }.getType();    OrderItems goodsItem = (OrderItems) ParseUtils.Gson2Object(s, tp);    List<OrderItems> orderItems = new ArrayList<OrderItems>();    orderItems.add(goodsItem);    List<OrderContent> orderContents;    List<Order> orderList = new ArrayList<Order>();    if (goodsItem.getData() != null) {      orderList = goodsItem.getData().getOrders();      orderContents = new ArrayList<OrderContent>();      List<Order_goods> orderGoodses = new ArrayList<Order_goods>();      int totalPages = goodsItem.getData().getPage().getPage_count();      //外部第一個循環，將數據循環讀取后存到訂單頂部      for (int k = 0; k < orderList.size(); k++) {        orderGoodses = orderList.get(k).getOrder_goods();        Order ordertop = new Order();        ordertop.setOrder_sn(orderList.get(k).getOrder_sn());        ordertop.setStatus(orderList.get(k).getStatus());        ordertop.setEvaluation_status(orderList.get(k).getEvaluation_status());        ItemOrderTop itemOrderTop = new ItemOrderTop(ordertop, orderGoodses);        orderContents.add(itemOrderTop);        if (orderGoodses == null) {          BaseUtil.showToast(context, "沒有訂單");        } else {          //中間for循環，將數據循環讀取后存到訂單中間部分          for (int j = 0; j < orderGoodses.size(); j++) {            Order_goods goods = new Order_goods();            goods.setPrice(orderGoodses.get(j).getPrice());            goods.setGoods_name(orderGoodses.get(j).getGoods_name());            goods.setQuantity(orderGoodses.get(j).getQuantity());            goods.setGoods_image(orderGoodses.get(j).getGoods_image());            goods.setSpecification(orderGoodses.get(j).getSpecification());            goods.setOrder_id(orderGoodses.get(j).getOrder_id());            OrderIMiddle orderIMiddle = new OrderIMiddle(goods,   orderList.get(k).getStatus());            orderContents.add(orderIMiddle);            Log.i("myLog", "orderContents =" + orderContents);          }        }        //外部第二個循環，將數據循環讀取后存到訂單底部        Order order = new Order();        order.setOrder_sn(orderList.get(k).getOrder_sn());        order.setOrder_id(orderList.get(k).getOrder_id());        order.setStatus(orderList.get(k).getStatus());        order.setAdd_time(orderList.get(k).getAdd_time());        order.setOrder_amount(orderList.get(k).getOrder_amount());        order.setShipping_fee(orderList.get(k).getShipping_fee());        OrderBottom orderBottom = new OrderBottom(order, orderGoodses);        orderContents.add(orderBottom);      }      mUpdateListview(orderContents, mOrderAdapter, mListView, page, totalPages);    } else {      BaseUtil.showToast(context, "沒有訂單");    }}

然后利用setAdapter方法將數據傳到Adapter中。

以下是Adapter的實現方法

public class OrderParentListAdapter extends BaseAdapter {  private Context context;  private List<OrderContent> orderContents;  private LayoutInflater mIflater;  public OrderParentListAdapter(Context context, List<OrderContent> orderContents) {    this.context = context;    if(orderContents!=null)    {      this.orderContents = orderContents;    }    else    {      this.orderContents =new ArrayList<OrderContent>();    }  }  @Override  public int getCount() {    return orderContents.size();  }  @Override  public Object getItem(int position) {    return orderContents.get(position);  }  @Override  public long getItemId(int position) {    return position;  }  @Override  public boolean isEnabled(int position) {    // TODO Auto-generated method stub    return orderContents.get(position).isClickable();  }  @Override  public View getView(int position, View convertView, ViewGroup parent) {    return orderContents.get(position).getView(context,convertView,mIflater);  }  public void upateList(List<OrderContent> orderContents) {    // TODO Auto-generated method stub    this.orderContents.addAll(orderContents);    this.notifyDataSetChanged();  }  public void clearListView() {    // TODO Auto-generated method stub    this.orderContents.clear();  }}

最后，使用此方法需要和接口溝通好數據返回的格式；

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持VEVB武林網。

注：相關教程知識閱讀請移步到Android開發頻道。

上一篇：RecyclerView嵌套RecyclerView滑動卡頓的解決方法

下一篇：android實現點擊按鈕切換不同的fragment布局