爱可深思▼ 2020▼ Quiz Andorid Scenario

内测021:粮手抓安卓主屏

#Quiz #Android #Scenario

这是一个安卓的基础能力测试题目,考察对技术掌握程度,修改能力,能否简单有效的快速交付。 魔鬼在细节,按照功能说明和任务描述,当真实任务写高质量代码,最后提交工程源码和可安装的apk。

1.功能演示

话说,当前Hybrid开发非常流行,JS搞一套,多端通吃。我们为什么还要弄原生呢? 确实,很多餐饮,银行也都是这么做的,好处是省钱,快速,坏处是用户体验很糟糕。

视频演示的是,粮手抓安卓端主屏的功能和效果,是左右结构,中间分区。

  • 左侧菜单/menu,独立滚动,与列表联动。
  • 中间顶部/banner,左右滑动切图。
  • 中间列表/list,按菜单分块的菜品。

其结构固定,静态编码,数据以json形式,从服务器加载,简化版的格式如下,

  • 只表示了菜单和列表和banner的关系和主要属性。
  • 省略了其他属性和数组内同级元素。
  • banner中的图片,来自isTop=trueimgMini
{
  "success": true,
  "message": "ok",
  "code": "200",
  "data": {
    "resHost": "https://gitee.com/trydofor/moilioncircle.github.com/raw/master/",
    "menuItem": [ // 菜单数据
      {
        "id": "1101", // 菜单ID
        "imgIcon": "images/post/actions/a021/m1.png", // 图标
        "name": "早餐"
      }
    ],
    "listItem": [ // 列表数据
      {
        "id": "2101", // 商品ID
        "menuId": "1101", // 所属菜单ID
        "imgMini": "images/post/actions/a021/s1.png", // 菜品中图
        "name": "超人卷饼早餐",
        "isTop": true // 是否置顶,即放banner
      }
    ]
  }
}

2.任务要求

开整之前,先上一张养眼图,感受一下来自周董的神秘力量。

按真实的项目去做,关注细节,注意健壮性和用户体验。实现以下功能,

  • 网络加载JSON, https://gitee.com/trydofor/moilioncircle.github.com/raw/master/images/post/actions/a021/demo.json
  • 下拉刷新数据(不需要上拉加载更多)
  • 网络加载图片,按演示视频,在对于位置显示。
  • 手势滑动处理,左右滑动角度≤45°,横切banner,否则下拉刷新(控制台打印起点和终点坐标)。
  • 左侧菜单单面,中间列表联动定位。
  • 中间列表上下滑动,左侧菜单联动定位。
  • 点进banner图片时,中间列表定位到对于菜品。
  • 网络加载数据失败后,页面变更为重试页,界面元素自定,用户可点击重新拉取数据。

以上功能非必须全部完成,尽量多发挥,以展示自己的真实能力。

实际项目中,会比以上要求更高,如果编码吃力,在项目组会生不如死 :p

※ 我们的征途是星辰大海 ※

《内测021:粮手抓安卓主屏》 这是一个安卓的基础能力测试题目,考察对技术掌握程度,修改能力,能否简单有效的快速交付。魔鬼在细节,按照功能说明和任务描述。
题图:粮手抓第一版安卓app会员页面,看起来就像上市公司。