仿京东或淘宝的订单中心页面

您所在的位置：网站首页 › 订单页面html › 仿京东或淘宝的订单中心页面

仿京东或淘宝的订单中心页面

2023-09-09 23:10| 来源: 网络整理| 查看: 265

因为最近有用到类似京东订单中心的功能，遂决定写篇博客做个Demo，如有问题可留言探讨。

先上效果图：

评价和删除订单功能都做了简单的实现。

开发这个功能主要用到了安卓中的ExpandlistView。ExpandlistView的使用跟ListView的使用类似，

如果对ExpandlistView的使用不太明白的同学可以参考网上的教程：

Android中ExpandableListView的使用（一）

现在我们将上面的页面做一个分析，

如图：

根据上图分析，我们便可以分别画出父布局的layout，和子布局的layout

父layout的代码：

子layout代码：

分析和布局代码都介绍完了我们就可以在activity中写代码啦

activity中代码：

public class MainActivity extends AppCompatActivity { private ExpandableListView elMainOrdercenter; private Map dataMap; private String[] titleArr; private int[] iconArr=new int[]{R.mipmap.icon1,R.mipmap.icon2,R.mipmap.icon3}; private MyAdapter myAdapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //初始化数据 initData(); //初始化点击监听事件 initOnclickListener(); } /** * 初始化数据 */ private void initData(){ //初始化ExpandlistView的id elMainOrdercenter=(ExpandableListView)findViewById(R.id.el_main_ordercenter); //初始化列表数据，正常由服务器返回的Json数据 initJsonData(); myAdapter=new MyAdapter(); elMainOrdercenter.setAdapter(myAdapter); //设置列表展开 for(int i=0;i

【本文地址】

仿京东或淘宝的订单中心页面

仿京东或淘宝的订单中心页面

今日新闻

推荐新闻