当前位置: 首页 > 网络应用技术

技术干货|如何在本机页面下实现导航栏的定制开发?

时间:2023-03-09 13:39:16 网络应用技术

  访问H5容器后,许多MPAA编码器将深入自定义容器的导航栏。本文旨在使用不同的实际场景来供您参考,以完成本机页面的自定义。

  监视knbevent_scene_navigationem_left_back_back_create_beefore,在此监视事件中设置自定义barbuttonem

  注意:该方案是自定义的,以实现单独关闭页面的逻辑。

  监视knbevent_scene_navigationem_left_back_create_after。监视事件修改了默认返回按钮样式,包括文案写作颜色,返回箭头等。默认情况下无法修改文本的内容。

  获得启动参数后,根据自定义参数实现自定义按钮。

  如果要修改BarbuttonItem文本大小,颜色等的深度自定义,则可以参考以下代码:

  监视knbevent_scene_navigationem_left_close_create_before,在此监视事件中创建一个封闭的按钮。

  监视knbevent_scene_navigationem_left_close_create_after,在此监视事件中修改关闭按钮样式。

  参数键值由框架,defaulttitle和readTitle定义,其余参数是自定义的。

  监视knbevent_scene_navigationem_right_setting_create_before,在此监视事件中创建导航栏的正确按钮。

  监视knbevent_scene_navigationem_right_setting_create_after,在此监视事件中修改导航栏上的右键。

  笔记:

  1.自定义插件插件右侧的右侧按钮,您必须在H5容器的启动参数中设置@{@“ showoptionmenu”,以打开H5容器,否则右键无效。

  2.必须在knbevent_scene_navigationem_right_setting_setting_create_after Monitoring事件中的[事件stoppropagation]中实现。

  (1)图片样式:

  (2)文本样式:

  自定义导航栏,首先隐藏本机导航栏。

  设置背景颜色,渐变颜色等,setNavigationBllureFfffective设置玻璃效果,以支持更多样式选择。

  (1)设置一个按钮方法1:

  (2)设置一个按钮方法2:

  在-Depth自定义右键,文本,大小,图片和相关事件中。

  本文的作者:阿里巴巴云MPAAS TAM团队(Shi Pengfei Rongyang)

  结尾