happy
happy
  • 发布:2016-09-26 10:26
  • 更新:2017-06-02 17:30
  • 阅读:2571

关于使用nativeObj的view控件制作底部导航菜单的问题

分类:HTML5+

假如要实现如下图的底部菜单效果,

我们目前是使用双webview来实现,看了官方新版本中有view这个控件效率更高,现有如下几个问题:
1、控件上的图标如何布局,用坐标绝对定位吗?
2、图标是需要整体切图作为一个背景图标加载在view上吗?
3、图标点击后需要有背景变化、颜色变化等效果如何实现,动态切换图片吗?
4、如何捕捉图标的tap事件。
感谢了!

2016-09-26 10:26 负责人:无 分享
已邀请:
赵梦欢

赵梦欢 - 专注前端,乐于分享!

只需要将中间那部分用图片就可以了,其他的部分还是可以使用div。
1.中间部分是使用绝对定位,但是为了让图片贴在底部,需要设置position: 'dock',同时通过left值,可以通过plus.screen.resolutionWidth计算
2. 建议是将中间那部分使用图片贴上去
3. 可以动态替换图片
4. 有View控件事件:http://www.html5plus.org/doc/zh_cn/nativeobj.html#plus.nativeObj.ViewEvents

  • 你要喝果汁

    加上position:‘dock’,真机测试立马闪退


    2016-10-11 16:44

jing2017

jing2017 - 哈哈哈

中间的图标渲染出来后,渲染到了所有的页面,像是详情页尾部导航都隐藏不显示了,这个中间图标的图片还是显示

该问题目前已经被锁定, 无法添加新回复