forked from mbk-lab/rui_orig
91 lines
3.7 KiB
Go
91 lines
3.7 KiB
Go
|
package main
|
||
|
|
||
|
import (
|
||
|
"github.com/anoshenko/rui"
|
||
|
)
|
||
|
|
||
|
const listLayoutDemoText = `
|
||
|
GridLayout {
|
||
|
style = demoPage,
|
||
|
content = [
|
||
|
ListLayout {
|
||
|
id = listLayout, width = 100%, height = 100%, orientation = up-down,
|
||
|
content = [
|
||
|
GridLayout { width = 200px, height = 100px, content = ["View 1"], horizontal-align = center, vertical-align = center,
|
||
|
background-color = #FFAAAAAA, radius = 8px, padding = 8px, margin = 4px,
|
||
|
border = _{ style = solid, width = 1px, color = black }
|
||
|
},
|
||
|
GridLayout { width = 100px, height = 200px, content = ["View 2"], horizontal-align = center, vertical-align = center,
|
||
|
background-color = #FFB0B0B0, radius = 8px, padding = 8px, margin = 4px,
|
||
|
border = _{ style = solid, width = 1px, color = black }
|
||
|
},
|
||
|
GridLayout { width = 150px, height = 150px, content = ["View 3"], horizontal-align = center, vertical-align = center,
|
||
|
background-color = #FFBBBBBB, radius = 8px, padding = 8px, margin = 4px,
|
||
|
border = _{ style = solid, width = 1px, color = black }
|
||
|
},
|
||
|
GridLayout { width = 150px, height = 100px, content = ["View 4"], horizontal-align = center, vertical-align = center,
|
||
|
background-color = #FFC0C0C0, radius = 8px, padding = 8px, margin = 4px,
|
||
|
border = _{ style = solid, width = 1px, color = black }
|
||
|
},
|
||
|
GridLayout { width = 200px, height = 150px, content = ["View 5"], horizontal-align = center, vertical-align = center,
|
||
|
background-color = #FFCCCCCC, radius = 8px, padding = 8px, margin = 4px,
|
||
|
border = _{ style = solid, width = 1px, color = black }
|
||
|
},
|
||
|
GridLayout { width = 100px, height = 100px, content = ["View 6"], horizontal-align = center, vertical-align = center,
|
||
|
background-color = #FFDDDDDD, radius = 8px, padding = 8px, margin = 4px,
|
||
|
border = _{ style = solid, width = 1px, color = black }
|
||
|
},
|
||
|
GridLayout { width = 150px, height = 200px, content = ["View 7"], horizontal-align = center, vertical-align = center,
|
||
|
background-color = #FFEEEEEE, radius = 8px, padding = 8px, margin = 4px,
|
||
|
border = _{ style = solid, width = 1px, color = black }
|
||
|
},
|
||
|
]
|
||
|
},
|
||
|
ListLayout {
|
||
|
style = optionsPanel,
|
||
|
content = [
|
||
|
GridLayout {
|
||
|
style = optionsTable,
|
||
|
content = [
|
||
|
TextView { row = 0, text = "Orientation" },
|
||
|
DropDownList { row = 0, column = 1, id = listOrientation, current = 0,
|
||
|
items = ["up-down", "start-to-end", "bottom-up", "end-to-start"]
|
||
|
},
|
||
|
TextView { row = 1, text = "Wrap" },
|
||
|
DropDownList { row = 1, column = 1, id = listWrap, current = 0, items = ["off", "on", "reverse"]},
|
||
|
TextView { row = 2, text = "Vertical align" },
|
||
|
DropDownList { row = 2, column = 1, id = listVAlign, current = 0, items = ["top", "bottom", "center", "stretch"]},
|
||
|
TextView { row = 3, text = "Horizontal align" },
|
||
|
DropDownList { row = 3, column = 1, id = listHAlign, current = 0, items = ["left", "right", "center", "stretch"]},
|
||
|
]
|
||
|
},
|
||
|
]
|
||
|
}
|
||
|
]
|
||
|
}`
|
||
|
|
||
|
func createListLayoutDemo(session rui.Session) rui.View {
|
||
|
view := rui.CreateViewFromText(session, listLayoutDemoText)
|
||
|
if view == nil {
|
||
|
return nil
|
||
|
}
|
||
|
|
||
|
rui.Set(view, "listOrientation", rui.DropDownEvent, func(list rui.DropDownList, number int) {
|
||
|
rui.Set(view, "listLayout", rui.Orientation, number)
|
||
|
})
|
||
|
|
||
|
rui.Set(view, "listWrap", rui.DropDownEvent, func(list rui.DropDownList, number int) {
|
||
|
rui.Set(view, "listLayout", rui.Wrap, number)
|
||
|
})
|
||
|
|
||
|
rui.Set(view, "listHAlign", rui.DropDownEvent, func(list rui.DropDownList, number int) {
|
||
|
rui.Set(view, "listLayout", rui.HorizontalAlign, number)
|
||
|
})
|
||
|
|
||
|
rui.Set(view, "listVAlign", rui.DropDownEvent, func(list rui.DropDownList, number int) {
|
||
|
rui.Set(view, "listLayout", rui.VerticalAlign, number)
|
||
|
})
|
||
|
|
||
|
return view
|
||
|
}
|