各位周末好，今天为大家来仓颉语言外卖App的实战分享。我们可以先分析一下页面的布局结构，它是由导航栏和List容器组成的。幽蓝君目前依然没有找到仓颉语言导航栏的系统组件，还是要自定义，这个导航栏有三部分内容，可以使用两端对齐，要注意的是，如果需要中间部分在

​技术栈Appgalleryconnect开发准备上一篇文章中我们实现了项目端云一体化的升级，我们的数据后期就要从云侧的数据库去获取了，现在我们从头开始对项目进行端云一体化的改造。我们在首页已经把新人专享券抽离为公共组件现在我们继续进行功能开发，把这个组建

技术栈Appgalleryconnect开发准备上一篇文章中我们实现了项目端云一体化新人专享券活动模块，数据也成功的从云端获取，现在我们开始继续向下，实现金刚区模块功能分析金刚区的实现我们之前已经完成了，但是数据的获取都是本地的静态数据，现在我们要获取云端

技术栈Appgalleryconnect开发准备上一篇文章中我们实现了项目端云一体化金刚区活动模块，数据也成功的从云端获取，并且我们跟ScrollBar进行关联，能够让用户直观的查看当前滑动的位置。现在我们开始继续向下，随着我们首页的内容越来越多，我们如果

技术栈Appgalleryconnect开发准备上一节我们实现了首页banner模块的功能，现在我们的首页还需要添加商品列表，作为一个购物类应用，商品列表是非常重要的一个模块，所以我们尽量把它设计的足够完善，参数能更好的支持我们后期复杂的逻辑，它需要有图片

技术栈Appgalleryconnect开发准备上一节我们实现了顶部toolbar的地址选择，会员码展示，首页的静态页面就先告一段落，这节我们来实现商品列表item的点击传值、自定义标题栏。功能分析1.自定义标题栏当我们进入二级三级页面的时候，就需要向用户

技术栈Appgalleryconnect开发准备上一节我们实现了自定义标题栏和商品详情的数据接收，我们已经拿到了想要的数据，这一节我们要丰富商品详情页的内容。商品详情页面我们需要展示的是商品的各个属性参数、商品的图片、商品规格、活动详情等功能分析商品详情页

技术栈Appgalleryconnect开发准备上一节我们实现了商品详情页面，并且成功在页面上展示了商品的图片、商品规格、活动详情等信息，要知道同一种商品大多数都是有多种型号跟规格的，所以这一节我们来实现商品的规格弹窗。这节的要点是自定义弹窗的运用。功能分

技术栈Appgalleryconnect开发准备上一节我们实现了加入购物车和购物车列表的简单展示。对一个电商类的应用来说，这很显然是不够的，我们的购物车内容应该更加的丰富，他需要用户能自主的去选择想要结算的商品，删除一些不需要的商品，或者取消掉一些本次不结

技术栈Appgalleryconnect开发准备上一节我们实现了购物车商品列表的状态切换，已添加商品数量的增减，已添加商品滑动删除，已添加商品在选中情况下的价格计算。这一节我们在这些功能的基础上实现云端记录，因为我们现在只有数据的查询是从云端获取的，其他的