内测021:粮手抓安卓主屏
#Quiz #Android #Scenario
这是一个安卓的基础能力测试题目,考察对技术掌握程度,修改能力,能否简单有效的快速交付。 魔鬼在细节,按照功能说明和任务描述,当真实任务写高质量代码,最后提交工程源码和可安装的apk。
1.功能演示
话说,当前Hybrid开发非常流行,JS搞一套,多端通吃。我们为什么还要弄原生呢? 确实,很多餐饮,银行也都是这么做的,好处是省钱,快速,坏处是用户体验很糟糕。
视频演示的是,粮手抓安卓端主屏的功能和效果,是左右结构,中间分区。
- 左侧菜单/menu,独立滚动,与列表联动。
- 中间顶部/banner,左右滑动切图。
- 中间列表/list,按菜单分块的菜品。
其结构固定,静态编码,数据以json形式,从服务器加载,简化版的格式如下,
- 只表示了菜单和列表和banner的关系和主要属性。
- 省略了其他属性和数组内同级元素。
- banner中的图片,来自
isTop=true
的imgMini
{
"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
–
※ 我们的征途是星辰大海 ※
题图:粮手抓第一版安卓app会员页面,看起来就像上市公司。