tianzixuan/Doric
Archived
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

js: add locations in gradient color

Browse Source
This commit is contained in:
王劲鹏 2020-05-09 17:44:04 +08:00 committed by osborn
parent c2264e621c
commit e26a2f3256
4 changed files with 30 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
doric-demo/src/EffectsDemo.ts
View File

@ -777,6 +777,33 @@ class EffectsDemo extends Panel {
],
{ space: 20 }
),
hlayout(
[
vlayout(
[
label("Multi-Grad locations"),
box().apply({
width: 100,
height: 100,
backgroundColor: {
colors: [colors[0], Color.WHITE, colors[1]],
locations: [0, 0.3, 1],
orientation: GradientOrientation.TOP_BOTTOM
},
layoutConfig: layoutConfig().just().configMargin({
left: 5,
right: 5,
bottom: 5,
})
}),
],
{
gravity: Gravity.Center,
space: 10,
}),
],
{ space: 20}
)
],
{
space: 20

1
doric-js/index.d.ts vendored
View File

@ -959,6 +959,7 @@ declare module 'doric/lib/src/util/color' {
start?: Color;
end?: Color;
colors?: Array<Color>;
locations?: Array<Number>;
orientation: GradientOrientation;
}
}

1
doric-js/lib/src/util/color.d.ts vendored
View File

@ -44,5 +44,6 @@ export interface GradientColor {
start?: Color;
end?: Color;
colors?: Array<Color>;
locations?: Array<Number>;
orientation: GradientOrientation;
}

1
doric-js/src/util/color.ts
View File

@ -94,6 +94,7 @@ export interface GradientColor {
start?: Color
end?: Color
colors?: Array<Color>
locations?: Array<Number>
orientation: GradientOrientation
}