plus.nativeObj.View解析

HBuilder7.2起，提供了plus.nativeObj.View，简称nview，http://html5plus.org/doc/zh_cn/nativeobj.html，它是一个灵活的底层组件，可以通过js控制样式的原生画布，写字、贴图、做动画，它不属于dom，可盖在webview和各种原生控件上面。

业内有些人认为HTML5渲染不敌原生渲染，确实在非预载的情况下HTML渲染慢于原生，那nview其实就是纯原生渲染了，nview的出现，补齐了HTML5的短板，满足了对体验有苛刻要求的开发者。

合理运用nview的应用，其加载速度已经毫无逊色于原生应用，这里有些视频对比http://ask.dcloud.net.cn/article/12576

nview可灵活运用于多种情况。

举例：

  1. 更高性能的窗体切换动画

    我们知道div动画效果不好，webview的动画效果要好很多，但追求极致的话，nativeobj的动画是效果最好的。

    从HBuilder8.8起，提供了subnview。加载一个webview时，可以把webview的界面部分原生化。这样动画期间，其实webview是不渲染不移动的，移动的是原生绘制的subnview。

    subnview绘制极快，可以在100毫秒渲染，所以动画期间就能看到内容。而普通HTML文件渲染不预载的话是无法在100毫秒渲染的。

  2. 始终悬浮在webview上的圆球按钮

  3. 使用nativeObj.view来做title，不再使用父子双webview，节省更多内存资源，提升加载速度。此需求已经于HBuilder8.8起封装为webview的titleNView，可以在创建webview时配置一个参数，就可以生成一个nview的title，同时这个nview的title也可以继续使用nview的api进行文字图片的绘制。参考http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewTitleNViewStyles

  4. 自定义原生控件

    扫码、地图...很多HTML5+里提供的原生控件，之前是难以自定义界面的，需要使用github上的5+runtime代码自己改源码、本地打包新引擎。有了nview，可以自由的在这些原生控件上贴图、写字、增加按钮，实现界面的自定义。

  5. 全屏遮罩

    子webview里的popover，弹出时无法全屏遮罩，其实我们可以不用popover的遮罩，直接用plus.nativeObj.View在popover四周贴蒙灰半透明图。

  6. webview选项卡上面多一个弧形

    以前，下图样式通过5+的webview选项卡并不好实现，或者改用div选项卡，或者在中间的webview底部fix一个图。

现在你可以创建一个原生的view放到选项卡中间，然后把圆球图贴进去，这个view是可以跨越webview的边界限制的。具体参考这个文章http://ask.dcloud.net.cn/article/12602

plus.nativeObj.View还支持点击事件，还可以在图上继续贴图，应用场景非常多。

plus.nativeObj.View可以盖在webview上面，从HBuilder7.3起，view还支持内嵌于webview，可跟随webview一起动。

plus.nativeObj.View的引入极大的提升了5+app的性能和ui自定义性，对父子双webview的使用产生很大替代作用，但注意mui封装过的父子webview是可以兼容到非5+的普通浏览器里使用的，而native view则必须依赖5+环境。

以上是 plus.nativeObj.View解析 的全部内容， 来源链接： utcz.com/a/27832.html

回到顶部