83 lines
2.9 KiB
TypeScript
83 lines
2.9 KiB
TypeScript
import { Group, Panel, gravity, Color, LayoutSpec, vlayout, scroller, layoutConfig, statusbar, StatusBarMode } from "doric";
|
|
import { title, label, colors } from "./utils";
|
|
|
|
@Entry
|
|
class StatusBarDemo extends Panel {
|
|
build(rootView: Group): void {
|
|
scroller(vlayout([
|
|
title("StatusBar Demo"),
|
|
label('show').apply({
|
|
width: 200,
|
|
height: 50,
|
|
backgroundColor: colors[0],
|
|
textSize: 30,
|
|
textColor: Color.WHITE,
|
|
layoutConfig: layoutConfig().just(),
|
|
onClick: () => {
|
|
statusbar(context).setHidden(false)
|
|
}
|
|
}),
|
|
label('hide').apply({
|
|
width: 200,
|
|
height: 50,
|
|
backgroundColor: colors[0],
|
|
textSize: 30,
|
|
textColor: Color.WHITE,
|
|
layoutConfig: layoutConfig().just(),
|
|
onClick: () => {
|
|
statusbar(context).setHidden(true)
|
|
}
|
|
}),
|
|
label('light').apply({
|
|
width: 200,
|
|
height: 50,
|
|
backgroundColor: colors[0],
|
|
textSize: 30,
|
|
textColor: Color.WHITE,
|
|
layoutConfig: layoutConfig().just().configMargin({ top: 30 }),
|
|
onClick: () => {
|
|
statusbar(context).setMode(StatusBarMode.LIGHT)
|
|
}
|
|
}),
|
|
label('dark').apply({
|
|
width: 200,
|
|
height: 50,
|
|
backgroundColor: colors[0],
|
|
textSize: 30,
|
|
textColor: Color.WHITE,
|
|
layoutConfig: layoutConfig().just(),
|
|
onClick: () => {
|
|
statusbar(context).setMode(StatusBarMode.DARK)
|
|
}
|
|
}),
|
|
label('white').apply({
|
|
width: 200,
|
|
height: 50,
|
|
backgroundColor: colors[0],
|
|
textSize: 30,
|
|
textColor: Color.WHITE,
|
|
layoutConfig: layoutConfig().just().configMargin({ top: 30 }),
|
|
onClick: () => {
|
|
statusbar(context).setColor(Color.parse("#ffffff"))
|
|
}
|
|
}),
|
|
label('black').apply({
|
|
width: 200,
|
|
height: 50,
|
|
backgroundColor: colors[0],
|
|
textSize: 30,
|
|
textColor: Color.WHITE,
|
|
layoutConfig: layoutConfig().just(),
|
|
onClick: () => {
|
|
statusbar(context).setColor(Color.parse("#000000"))
|
|
}
|
|
}),
|
|
]).apply({
|
|
layoutConfig: layoutConfig().most().configHeight(LayoutSpec.FIT),
|
|
gravity: gravity().center(),
|
|
space: 10,
|
|
})).apply({
|
|
layoutConfig: layoutConfig().most(),
|
|
}).in(rootView)
|
|
}
|
|
} |