[文章]Harmony应用开发--自定义标题栏实战
0
2
在Harmony开发过程中，如果对系统标题栏感到不满意，可以进行自行修改设计。
配置文件（config.json）修改,在module下添加下面内容：
"module": {
......
......
"metaData":{
"customizeData":[
{
"name": "hwc-theme",
"value": "androidhwext:style/Theme.Emui.NoTitleBar",
"extra":""
}
]
},
"customizeData":[
{
"name": "hwc-theme",
"value": "androidhwext:style/Theme.Emui.NoTitleBar",
"extra":""
}
]
},
......
}
该内容是用于删除标题栏。
然后可以在页面中自定义标题栏，示例如下：
<div>
<div>
<divmso-spacerun:'yes';font-family:'Courier New';mso-fareast-font-family:宋体;mso-bidi-font-family:'Times New Roman';font-size:9.0000pt;mso-font-kerning:1.0000pt;">
background-color: red;
height: 82px;
width: 100%;
align-items: flex-end;
">
<textmso-spacerun:'yes';font-family:'Courier New';mso-fareast-font-family:宋体;mso-bidi-font-family:'Times New Roman';font-size:9.0000pt;mso-font-kerning:1.0000pt;">
margin-left: 14px;
margin-bottom: 4px;
color: white;
font-size: 22px ;
">标题</text>
</div>
</div>
</div>
<div>
<divmso-spacerun:'yes';font-family:'Courier New';mso-fareast-font-family:宋体;mso-bidi-font-family:'Times New Roman';font-size:9.0000pt;mso-font-kerning:1.0000pt;">
background-color: red;
height: 82px;
width: 100%;
align-items: flex-end;
">
<textmso-spacerun:'yes';font-family:'Courier New';mso-fareast-font-family:宋体;mso-bidi-font-family:'Times New Roman';font-size:9.0000pt;mso-font-kerning:1.0000pt;">
margin-left: 14px;
margin-bottom: 4px;
color: white;
font-size: 22px ;
">标题</text>
</div>
</div>
</div>
效果如图:
附件：
回帖高级模式
声明：本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人，不代表电子发烧友网立场。文章及其配图仅供工程师学习之用，如有内容图片侵权或者其他问题，请联系本站作侵删。 侵权投诉