forked from mbk-lab/rui_orig
80 lines
2.5 KiB
Go
80 lines
2.5 KiB
Go
|
package main
|
||
|
|
|
||
|
|
import "github.com/anoshenko/rui"
|
||
|
|
|
||
|
|
const resizableDemoText = `
|
||
|
|
GridLayout {
|
||
|
|
cell-width = "auto, 1fr, auto", cell-height = "auto, 1fr, auto",
|
||
|
|
content = [
|
||
|
|
Resizable {
|
||
|
|
id = resizableTop, column = 0:2, row = 0, side = bottom,
|
||
|
|
background-color = lightgrey,
|
||
|
|
content = GridLayout {
|
||
|
|
cell-vertical-align = center, cell-horizontal-align = center,
|
||
|
|
background-color = yellow, padding = 8px, content = "Top",
|
||
|
|
}
|
||
|
|
},
|
||
|
|
Resizable {
|
||
|
|
id = resizableBottom, column = 0:2, row = 2, side = top,
|
||
|
|
background-color = lightgrey,
|
||
|
|
content = GridLayout {
|
||
|
|
cell-vertical-align = center, cell-horizontal-align = center,
|
||
|
|
background-color = lightcoral, padding = 8px, content = "Bottom",
|
||
|
|
}
|
||
|
|
},
|
||
|
|
Resizable {
|
||
|
|
id = resizableLeft, column = 0, row = 0:2, side = right,
|
||
|
|
background-color = lightgrey,
|
||
|
|
content = GridLayout {
|
||
|
|
cell-vertical-align = center, cell-horizontal-align = center,
|
||
|
|
background-color = lightskyblue, padding = 8px, content = "Left",
|
||
|
|
}
|
||
|
|
},
|
||
|
|
Resizable {
|
||
|
|
id = resizableRight, column = 2, row = 0:2, side = left,
|
||
|
|
background-color = lightgrey,
|
||
|
|
content = GridLayout {
|
||
|
|
cell-vertical-align = center, cell-horizontal-align = center,
|
||
|
|
background-color = lightpink, padding = 8px, content = "Right",
|
||
|
|
}
|
||
|
|
}
|
||
|
|
GridLayout {
|
||
|
|
column = 1, row = 1, cell-vertical-align = center, cell-horizontal-align = center,
|
||
|
|
content = Resizable {
|
||
|
|
id = resizableRight, side = all,
|
||
|
|
background-color = lightgrey,
|
||
|
|
content = GridLayout {
|
||
|
|
cell-vertical-align = center, cell-horizontal-align = center,
|
||
|
|
background-color = lightseagreen, padding = 8px, content = "Center",
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
`
|
||
|
|
|
||
|
|
func createResizableDemo(session rui.Session) rui.View {
|
||
|
|
return rui.CreateViewFromText(session, resizableDemoText)
|
||
|
|
/*
|
||
|
|
return rui.NewGridLayout(session, rui.Params{
|
||
|
|
rui.CellWidth: []rui.SizeUnit{rui.AutoSize(), rui.Fr(1), rui.AutoSize()},
|
||
|
|
rui.CellHeight: []rui.SizeUnit{rui.AutoSize(), rui.Fr(1), rui.AutoSize()},
|
||
|
|
rui.Content: []rui.View{
|
||
|
|
rui.NewResizable(session, rui.Params{
|
||
|
|
rui.ID: "resizableTop",
|
||
|
|
rui.Column: rui.Range{First: 0, Last: 2},
|
||
|
|
rui.Row: 0,
|
||
|
|
rui.Side: rui.BottomSide,
|
||
|
|
rui.BackgroundColor: rui.LightGray,
|
||
|
|
rui.Content: rui.NewGridLayout(session, rui.Params{
|
||
|
|
rui.BackgroundColor: rui.Yellow,
|
||
|
|
rui.CellHorizontalAlign: rui.CenterAlign,
|
||
|
|
rui.CellVerticalAlign: rui.CenterAlign,
|
||
|
|
rui.Content: "Top",
|
||
|
|
}),
|
||
|
|
}),
|
||
|
|
},
|
||
|
|
})
|
||
|
|
*/
|
||
|
|
}
|