UI.TabbedPane
From GiderosMobile
Available since: Gideros 2023.1
Class: UI
Description
Creates a TabbedPane widget.
UI.TabbedPane.new()
Example
local tabs={
{ title="Header 1", content= "My first Tab content." },
{ title="Header 2", content= "My second Tab content." },
{ title="Header 3", content= "My 3rd Tab content." },
}
local vp=UI.Viewport.new()
vp:setDimensions(480, 320)
vp:setScrollbar({UI.Viewport.SCROLLBAR.AUTO,UI.Viewport.SCROLLBAR.ALWAYS})
local gui=UI.TabbedPane.new()
gui:setLayoutConstraints({fill=1})
vp:setContent(gui)
local function builder(v)
local hdr=UI.Label.new(v.title)
hdr:setStyle({ font="font.bold", ["label.color"]="colHighlight", colWidgetBack="colHeader"})
local lb=UI.Label.new(v.content,{ flags=FontBase.TLF_BREAKWORDS|FontBase.TLF_REF_TOP })
lb:setLayoutConstraints({fill=1})
-- Return header and content
return hdr,lb
end
gui:setData(tabs,builder) --builder function will be called for each value in the values table
stage:addChild(vp)
- UI.Accordion
- UI.Animation
- UI.Bar
- UI.Behavior
- UI.Border
- UI.BreadCrumbs
- UI.Builder
- UI.Button
- UI.Calendar
- UI.Checkbox
- UI.Combobox
- UI.ImageText
- UI.Keyboard
- UI.Label
- UI.Panel
- UI.Progress
- UI.Slider
- UI.Spinner
- UI.Splitpane
- UI.TabbedPane
- UI.Table
- UI.TextField
- UI.TimePicker
- UI.Toolbox
- UI.Tree
- UI.Viewport
- UI.WeekSchedule