当前位置:   article > 正文

鸿蒙HarmonyOS开发,颜色资源配置文件添加及使用和自定义圆角背景,把自己踩的坑记下来!!!!_鸿蒙text设置圆角背景

鸿蒙text设置圆角背景

需要设置字体颜色边框颜色,想和Android一样写一个颜色的配置文件,查官方文档只需要在

resources > base > element文件夹下建一个color.json

coloc.json具体内容如下,自定义常用color

  1. {
  2. "color": [
  3. {
  4. "name": "white",
  5. "value": "#ffffff"
  6. },
  7. {
  8. "name": "black",
  9. "value": "#000"
  10. },
  11. {
  12. "name": "grey",
  13. "value": "#555655"
  14. }
  15. ]
  16. }

然后在布局文件中引用就会奇怪的发现,控件显示不出来了

一顿找代码发现,我因为 { "name": "black",      "value": "#000"} black的值为“#000”导致的,于是就修改color.json文件如下(下次再也不会习惯性写少了。。。)

  1. {
  2. "color": [
  3. ......
  4. {
  5. "name": "black",
  6. "value": "#000000"
  7. },
  8. .......
  9. ]
  10. }

成功设置颜色,

自定义背景是在resources > base > graphic文件新建xml文件,和android是一样的以

background_button.xml为例:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <shape
  3. xmlns:ohos="http://schemas.huawei.com/res/ohos"
  4. ohos:shape="rectangle">
  5. <corners
  6. ohos:radius="20"/>
  7. <solid
  8. ohos:color="$color:white"/>
  9. <stroke
  10. ohos:width = "2"
  11. ohos:color="$color:grey"/>
  12. </shape>

最终结果预览如下

 

更多资源文件配置请查看华为官网文档:https://developer.harmonyos.com/cn/docs/documentation/doc-guides/basic-resource-file-categories-0000001052066099

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/291034
推荐阅读
相关标签
  

闽ICP备14008679号