鸿蒙 background_element设置渐变色

1.目前shape无法设置渐变色，可通过代码设置
2.工具类：

package com.cmmboy.xzwp.utils;import ohos.aafwk.ability.AbilitySlice;
import ohos.agp.colors.RgbColor;
import ohos.agp.components.Component;
import ohos.agp.components.element.ShapeElement;
import ohos.app.AbilityContext;public class ShapeUtils {/*** 渐变色背景*/public static ShapeElement getButtonShape(AbilityContext context, float radius, int resStartId, int resEndId) {ShapeElement shapeElement = new ShapeElement();shapeElement.setCornerRadius(radius);shapeElement.setShape(ShapeElement.RECTANGLE);//color关键值RgbColor[] rgbColors = new RgbColor[]{RgbColor.fromArgbInt(context.getColor(resStartId)),RgbColor.fromArgbInt(context.getColor(resEndId))};shapeElement.setRgbColors(rgbColors);//线性变化：对应type="linear"shapeElement.setShaderType(ShapeElement.LINEAR_GRADIENT_SHADER_TYPE);//变化方向，从左到右：对应angle="0"shapeElement.setGradientOrientation(ShapeElement.Orientation.LEFT_TO_RIGHT);return shapeElement;}/*** 通过id获取View*/public static <T extends Component> T findById(AbilitySlice context, int id) {return (T) context.findComponentById(id);}}

2.设置

DirectionalLayout typeLayout1 = component.findComponentById(ResourceTable.Id_typeLayout1);
typeLayout1.setBackground(ShapeUtils.getButtonShape(this, 20, ResourceTable.Color_color_Type1_Start, ResourceTable.Color_color_Type1_End));

3.color.json

{"color": [{"name": "color_Black","value": "#FF1D1C1C"},{"name": "color_Green","value": "#1AA034"},{"name": "color_Type1_Start","value": "#4facfe"},{"name": "color_Type1_End","value": "#00f2fe"},{"name": "color_Type2_Start","value": "#43e97b"},{"name": "color_Type2_End","value": "#38f9d7"},{"name": "color_Type3_Start","value": "#b465da"},{"name": "color_Type3_End","value": "#ee609c"},{"name": "color_Type4_Start","value": "#f83600"},{"name": "color_Type4_End","value": "#f9d423"},{"name": "color_Type5_Start","value": "#5271C4"},{"name": "color_Type5_End","value": "#ECA1FE"},{"name": "color_Type6_Start","value": "#0acffe"},{"name": "color_Type6_End","value": "#495aff"},{"name": "color_Type7_Start","value": "#473B7B"},{"name": "color_Type7_End","value": "#30D2BE"}]
}

鸿蒙 background_element设置渐变色相关推荐

03.鸿蒙HarmonyOS卡片状态栏透明和代码设置渐变色
1.状态栏透明和去掉标题栏状态栏透明: WindowManager.getInstance().getTopWindow().get().addFlags(WindowManager.LayoutC ...
html设置渐变色背景图片,css中渐变色作为背景图来使用总结
qt中使用样式设置渐变色背景setStyleSheet()函数设置背景的前期是设置的窗口控件有父窗口ui.widget->setStyleSheet("background-color ...
Android如何设置渐变色背景渐变shape
Android如何设置渐变色背景 Android开发过程中,会用到android:backgroud属性来设置背景的颜色,一般情况下我们直接设置一个类似#FFFF0000的值代表是背景颜色,如果想设置 ...
qt 使用样式设置渐变色背景
qt中使用样式设置渐变色背景 setStyleSheet()函数设置背景的前期是设置的窗口控件有父窗口 ui.widget->setStyleSheet("background-col ...
python渐变色代码_使用python画图怎么设置渐变色
Python中渐变的实现: 使用turtle库画一条渐变的蛇的代码:from turtle import * setup(500, 400, 200, 200) penup() fd(-250) pe ...
flutter Container设置渐变色
不得不说flutter在ui方面确实强大,可能用Android比较懒吧,下面说一下flutter中的Container设置渐变色,主要是在decoration里面进行设置. 其实Container这个 ...
Echarts柱状图设置渐变色
一.前言本文针对react,在react项目中使用echarts 二.前期准备安装依赖 npm i echarts --save 三.代码注释以及效果案例一: import React, { u ...
前端通过值设置渐变色
可以使用 CSS 的 background 属性来设置渐变色.具体方法如下: 在 CSS 中添加 background 属性,并设置为渐变色. .your-element {background: l ...
Canvas画图设置渐变色
1.线形图设置填充色为渐变色方法: /*** Draws the provided path in filled mode with the provided drawable.** @param c ...
Swift学习之：设置渐变色
在开发中,常常有这样的需求:给button添加渐变色.给label添加渐变色等等,因此只需要写一个UIView的类扩展,这些继承自UIView的类需要用的时候就能直接调用了. 代码如下: extens ...

鸿蒙 background_element设置渐变色

鸿蒙 background_element设置渐变色相关推荐

最新文章

热门文章