harmonyOS编写一个颜色渐变的背景资源文件，引用不起作用

在graphic 文件下编写了一个渐变的资源文件，在layout 中引用不起作用，资源文件代码如下：

<?xml version="1.0" encoding="UTF-8" ?>
<shape
xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:shape="rectangle">

</shape>

引用代码：
<Text
ohos:height="50vp"
ohos:width="200vp"
ohos:background_element="$graphic:bt_green"/>

harmonyOS 背景颜

虾米

2021-07-05 16:25:15

浏览

回答 3

待解决

回答 3

按赞同

按时间

没用的喵叔

xml的方式搞不定。java代码的方式可以：

Button btn_rectangle = (Button) findComponentById(ResourceTable.Id_btn_rectangle);
btn_rectangle.setBackground(shape1());

private ShapeElement shape1(){
    ShapeElement shapeElement = new ShapeElement();
    shapeElement.setShape(ShapeElement.RECTANGLE);
    //color关键值
    RgbColor[] rgbColors = new RgbColor[]{
            RgbColor.fromArgbInt(getColor(ResourceTable.Color_btn_start)),
            RgbColor.fromArgbInt(getColor(ResourceTable.Color_btn_center)),
            RgbColor.fromArgbInt(getColor(ResourceTable.Color_btn_end))};
    shapeElement.setRgbColors(rgbColors);
    //线性变化：对应type="linear"
    shapeElement.setShaderType(ShapeElement.LINEAR_GRADIENT_SHADER_TYPE);
    //变化方向，从左到右：对应angle="0"（我理解的应该没错吧，你自己再调整一下）
    shapeElement.setGradientOrientation(ShapeElement.Orientation.LEFT_TO_RIGHT);
    return shapeElement;
}

{
  "color": [
    {
      "name": "btn_start",
      "value": "#91E344"
    },
    {
      "name": "btn_center",
      "value": "#68D33C"
    },
    {
      "name": "btn_end",
      "value": "#37C231"
    }
  ]
}

2021-07-06 15:09:06

没用的喵叔

直接通过xml文件定义shape也是可以的。不过现在ide没有提示，估计还没有正式发布吧。

<?xml version="1.0" encoding="UTF-8" ?>
<shape
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:shape="rectangle">
    <corners ohos:radius="100vp"/>
    <solid
        ohos:colors="#91E344,#68D33C,#37C231"/>
    <gradient
        ohos:shader_type="linear_gradient"
        ohos:orientation="LEFT_TO_RIGHT"/>
</shape>