rui_orig/demo/listLayoutDemo.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
}