Go to file
caibin da562ff827 first commit 2025-06-22 15:55:16 +08:00
.hbuilderx first commit 2025-06-22 15:55:16 +08:00
css first commit 2025-06-22 15:55:16 +08:00
fonts first commit 2025-06-22 15:55:16 +08:00
html first commit 2025-06-22 15:55:16 +08:00
images first commit 2025-06-22 15:55:16 +08:00
js first commit 2025-06-22 15:55:16 +08:00
unpackage first commit 2025-06-22 15:55:16 +08:00
README.md first commit 2025-06-22 15:55:16 +08:00
androidPrivacy.json first commit 2025-06-22 15:55:16 +08:00
index.html first commit 2025-06-22 15:55:16 +08:00
manifest.json first commit 2025-06-22 15:55:16 +08:00

README.md

tab选项卡示例教程-nativeObj原生模式tab含底部凸起大图标

概述

这是一个利用原生view控件绘制底部选项卡的示例有以下几个特点 1.首页显示第一个tab项内容其余tab项内容为首页的子窗口相比创建四个子窗口显示速度更快占用内存更少消耗性能更小。 2.操作简单选项卡常用于App首页为加快渲染首页的原生底部选项卡是在manifest.json中通过plus -> launchwebview -> subNViews 节点配置的 3.绘制内容支持字体,图片,矩形区域 4.开发者自定义选项卡点击事件 5.同样支持页内绘制原生 view 控件,也就是说在非首页也可以使用此方法,参考示例:底部选项卡中央凸起悬浮大图标的绘制

说明中央凸起悬浮大图标因涉及屏幕分辨率动态计算和为给出开发者页内手动绘制的示例的原因放在首页plusReady事件中实现绘制的。该悬浮大图标支持点击事件开发者可定制实现对应的点击逻辑。

应用截图

截图

快速体验

流应用app下载 --> 扫描下方二维码快速体验

二维码

使用教程

教程参考