mui 亲测 ,h5混合打包

时间:2022-10-28 17:25:13
【文件属性】:
文件名称:mui 亲测 ,h5混合打包
文件大小:463KB
文件格式:RAR
更新时间:2022-10-28 17:25:13
mui 混合开发 https://mp.csdn.net/postedit/102420640 基于subnview的原生tab选项卡方案 HBuilder8.8起提供了subnview,subnview顾名思义就是子原生view,也就是把一个全屏Webview的一部分区域切出来,渲染工作交给原生引擎渲染,不走Webview渲染。 此方案设计思路简单来说就是把首页的底部区域变成subnview,交给5+的原生引擎渲染,也就是说是要nview来绘制底部tab。 manifest里配置的首页作为第一个tab选项卡窗口,同时为这个Webview配置subnview,在这个subnview里编写nview的描述,就可以创建一个原生的选项卡,这个选项卡的绘制由5+引擎原生完成,在首页Webview渲染之前就由原生层渲染好了。 其余tab项子窗口在首页plus ready后创建,并同时监听tab点击。 原生view控件制作的tab,还可以轻松实现tab中部凸起大图标的效果,这种效果在双Webview模式下不好实现。 可见基于subnview的原生tab选项卡方案渲染更快、内存更少,并且自定义效果也更丰富。 当然也有一些缺点就是有点复杂,对于学习纯HTML5的程序员而言,首先需要学习subnview这些HTML5+独有的技术。 但nview真的是非常值得学习的技术,掌握nview后,你做出来的App体验绝对和原生一样好。
【文件预览】:
aa.png
nativeTab_5imoban
----manifest.json(15KB)
----.project(2KB)
----index.html(5KB)
----pages()
--------home.html(660B)
--------scan.html(2KB)
--------schedule.html(676B)
--------mine.html(660B)
--------goods.html(664B)
----.DS_Store(6KB)
----.eslintrc.js(561B)
----images()
--------mine_click.png(3KB)
--------goods_click.png(3KB)
--------icon_scan.png(2KB)
--------home_click.png(2KB)
--------60x60.gif(203B)
--------schedule_click.png(2KB)
--------schedule_nor.png(2KB)
--------home_nor.png(3KB)
--------mine_nor.png(3KB)
--------goods_nor.png(4KB)
----js()
--------mui.js(252KB)
--------mui.min.js(120KB)
--------util.js(4KB)
----fonts()
--------.DS_Store(6KB)
--------mui.ttf(29KB)
--------iconfont.ttf(5KB)
----README.md(1KB)
----css()
--------mui.min.css(74KB)
--------mui.css(95KB)
----unpackage()
--------res()
--------.confirmed_dependencies(2KB)
--------.dependencies(4B)

网友评论