HarmonyOS 鸿蒙Next NavDestination 标题栏的字体颜色和图标颜色怎么设置
HarmonyOS 鸿蒙Next NavDestination 标题栏的字体颜色和图标颜色怎么设置
找HarmonyOS工作还需要会Flutter的哦,有需要Flutter教程的可以学学大地老师的教程,很不错,B站免费学的哦:https://www.bilibili.com/video/BV1S4411E7LY/?p=17
关于HarmonyOS 鸿蒙Next NavDestination 标题栏的字体颜色和图标颜色怎么设置的问题,您也可以访问:https://www.itying.com/category-93-b0.html 联系官网客服。
你好呀,这位鸿蒙开发者朋友
在鸿蒙操作系统中,若要配置NavDestination标题栏中的字体与图标颜色,可以按照以下步骤进行:
1. 标题栏背景颜色的设置:
您可以通过使用 backgroundColor 属性来调整标题栏的背景颜色。
2. 标题栏文本颜色的设置:
通过 fontColor 属性,可以设定标题栏的文本颜色。
NavigationTitle() {
Column() {
Text('Title')
.fontColor('#182431')
.fontSize(30)
.lineHeight(41)
.fontWeight(700)
Text('subtitle')
.fontColor('#182431')
.fontSize(14)
.lineHeight(19)
.opacity(0.4)
.margin({ top: 2, bottom: 20 })
}.alignItems(HorizontalAlign.Start)
.backgroundColor('#ff4bffa8')
.width('100%')
}
<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>
3. 返回按钮图标颜色的设置:
对于返回按钮的图标颜色,可以使用 backButtonIcon 属性进行定义。此属性接受多种类型的值,包括:
- string :定义按钮图标的颜色。
- PixelMap :指定按钮图标的颜色。
- Resource : 设置按钮图标的颜色。
- SymbolGlyphModifier :定制按钮图标的颜色。
build() {
NavDestination(){
Row() {
Column(){
}
.width('100%')
}
.height('100%')
}
.hideTitleBar(false)
.title('NavDestination title')
.backgroundColor($r('sys.color.ohos_id_color_titlebar_sub_bg'))
.backButtonIcon(new SymbolGlyphModifier($r('sys.symbol.ohos_star')).fontColor([Color.Blue]))
.menus(this.menuItems)
}
<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>
期待HarmonyOS能在未来推出更多针对企业用户的解决方案。
感谢,这样写可以。就是每个页面可能都需要写一个NavigationTitle,有什么方法写一次都能复用吗