doc: Add another declarative syntax example
Better show the composite/encapsulated widgets
This commit is contained in:
parent
f448a604b7
commit
4a4864bb75
|
@ -56,6 +56,10 @@ there is an `s` variable represent to define the current screen. Any Lua
|
|||
logic expression can be used as long as it returns a valid widget or a
|
||||
declarative layout, or `nil`.
|
||||
|
||||
### Composite widgets
|
||||
|
||||
@DOC_wibox_widget_progressbar_encapsulation_EXAMPLE@
|
||||
|
||||
|
||||
### Define widgets inline and place them
|
||||
|
||||
|
|
|
@ -0,0 +1,82 @@
|
|||
local parent = ... --DOC_NO_USAGE --DOC_NO_DASH --DOC_HIDE
|
||||
local wibox = require("wibox") --DOC_HIDE
|
||||
local color = require("gears.color") --DOC_HIDE
|
||||
local beautiful = require("beautiful") --DOC_HIDE
|
||||
|
||||
local grad1 = color{ type = "linear", from = { 0, 0 }, to = { 20, 0 }, --DOC_HIDE
|
||||
stops = { { 0, "#00ff00" }, { 1, "#00ffff" }}} --DOC_HIDE
|
||||
local grad2 = color{ type = "linear", from = { 0, 0 }, to = { 20, 0 }, --DOC_HIDE
|
||||
stops = { { 0, "#ffff00" }, { 1, "#ff00ff" }}} --DOC_HIDE
|
||||
local grad3 = color{ type = "linear", from = { 0, 0 }, to = { 20, 0 }, --DOC_HIDE
|
||||
stops = { { 0, "#ff0000" }, { 1, "#0000ff" }}} --DOC_HIDE
|
||||
|
||||
-- The progressbars will be on top of each other
|
||||
local mycpubar1 = wibox.widget {
|
||||
{ value = 0.2, color = grad1,
|
||||
widget = wibox.widget.progressbar },
|
||||
{ value = 0.4, color = grad2,
|
||||
widget = wibox.widget.progressbar },
|
||||
{ value = 0.6, color = grad3,
|
||||
widget = wibox.widget.progressbar },
|
||||
layout = wibox.layout.flex.vertical,
|
||||
}
|
||||
|
||||
-- Now, add a rotate container, the height will become the width.
|
||||
-- It act as if the `wibox.layout.flex.vertical` was
|
||||
-- `wibox.layout.flex.horizontal`
|
||||
local mycpubar2 = wibox.widget {
|
||||
{
|
||||
{ value = 0.2, color = grad1,
|
||||
widget = wibox.widget.progressbar },
|
||||
{ value = 0.4, color = grad2,
|
||||
widget = wibox.widget.progressbar },
|
||||
{ value = 0.6, color = grad3,
|
||||
widget = wibox.widget.progressbar },
|
||||
layout = wibox.layout.flex.vertical,
|
||||
},
|
||||
direction = 'east',
|
||||
widget = wibox.container.rotate
|
||||
}
|
||||
|
||||
parent:add(wibox.widget { --DOC_HIDE
|
||||
{ --DOC_HIDE
|
||||
{ --DOC_HIDE
|
||||
markup = "<b>mycpubar1</b>", --DOC_HIDE
|
||||
widget = wibox.widget.textbox --DOC_HIDE
|
||||
}, --DOC_HIDE
|
||||
{ --DOC_HIDE
|
||||
{ --DOC_HIDE
|
||||
mycpubar1, --DOC_HIDE
|
||||
margins = 4, --DOC_HIDE
|
||||
layout = wibox.container.margin --DOC_HIDE
|
||||
}, --DOC_HIDE
|
||||
margins = 1, --DOC_HIDE
|
||||
color = beautiful.border_color, --DOC_HIDE
|
||||
layout = wibox.container.margin, --DOC_HIDE
|
||||
}, --DOC_HIDE
|
||||
layout = wibox.layout.fixed.vertical --DOC_HIDE
|
||||
}, --DOC_HIDE
|
||||
{ --DOC_HIDE
|
||||
{ --DOC_HIDE
|
||||
markup = "<b>mycpubar2</b>", --DOC_HIDE
|
||||
widget = wibox.widget.textbox --DOC_HIDE
|
||||
}, --DOC_HIDE
|
||||
{ --DOC_HIDE
|
||||
{ --DOC_HIDE
|
||||
mycpubar2, --DOC_HIDE
|
||||
margins = 4, --DOC_HIDE
|
||||
layout = wibox.container.margin --DOC_HIDE
|
||||
}, --DOC_HIDE
|
||||
margins = 1, --DOC_HIDE
|
||||
color = beautiful.border_color, --DOC_HIDE
|
||||
layout = wibox.container.margin, --DOC_HIDE
|
||||
}, --DOC_HIDE
|
||||
layout = wibox.layout.fixed.vertical --DOC_HIDE
|
||||
}, --DOC_HIDE
|
||||
layout = wibox.layout.flex.horizontal --DOC_HIDE
|
||||
}) --DOC_HIDE
|
||||
|
||||
return 500, 40 --DOC_HIDE
|
||||
|
||||
|
||||
--DOC_HIDE vim: filetype=lua:expandtab:shiftwidth=4:tabstop=8:softtabstop=4:textwidth=80
|
Loading…
Reference in New Issue