def init(self):
with ui.HBox():
with ui.VBox(flex=1, orientation='vertical'):
ui.Label(text='<b>BoxLayout</b> (aware of natural size)')
ui.Label(text='flex: 1, sub-flexes: 0, 0, 0')
with ui.BoxLayout(flex=1, orientation='horizontal'):
Panel(text='A', flex=0)
Panel(text='B', flex=0)
Panel(text='C is a bit longer', flex=0)
ui.Label(text='flex: 0, sub-flexes: 1, 1, 1')
with ui.BoxLayout(flex=0, orientation='horizontal'):
Panel(text='A', flex=1)
Panel(text='B', flex=1)
Panel(text='C is a bit longer', flex=1)
ui.Label(text='flex: 1, sub-flexes: 1, 0, 2')
with ui.BoxLayout(flex=1, orientation='horizontal'):
Panel(text='A', flex=1)
Panel(text='B', flex=0)
Panel(text='C is a bit longer', flex=2)
ui.Label(text='flex: 2, sub-flexes: 1, 2, 3')
with ui.BoxLayout(flex=2, orientation='horizontal'):
Panel(text='A', flex=1)
Panel(text='B', flex=2)
Panel(text='C is a bit longer', flex=3)
ui.Widget(flex=0, style='min-width:20px')
with ui.VBox(flex=1, orientation='vertical'):
ui.Label(text='<b>BoxPanel</b> (high level layout)')
ui.Label(text='flex: 1, sub-flexes: 0, 0, 0')
with ui.BoxPanel(flex=1, orientation='horizontal'):
Panel(text='A', flex=0)
Panel(text='B', flex=0)
Panel(text='C is a bit longer', flex=0)
ui.Label(text='flex: 0 (collapses), sub-flexes: 1, 1, 1')
with ui.BoxPanel(flex=0, orientation='horizontal'):
Panel(text='A', flex=1, style='min-height:5px;')
Panel(text='B', flex=1)
Panel(text='C is a bit longer', flex=1)
ui.Label(text='flex: 1, sub-flexes: 1, 0, 2')
with ui.BoxPanel(flex=1, orientation='horizontal'):
Panel(text='A', flex=1)
Panel(text='B', flex=0)
Panel(text='C is a bit longer', flex=2)
ui.Label(text='flex: 2, sub-flexes: 1, 2, 3')
with ui.BoxPanel(flex=2, orientation='horizontal'):
Panel(text='A', flex=1)
Panel(text='B', flex=2)
Panel(text='C is a bit longer', flex=3)
def init(self):
with ui.HBox():
with ui.BoxPanel(flex=1, orientation='vertical'):
with ui.BoxLayout(flex=1, orientation='horizontal'):
ui.Button(text='Box A', flex=0)
ui.Button(text='Box B', flex=0)
ui.Button(text='Box C is a bit longer', flex=0)
with ui.BoxLayout(flex=0, orientation='horizontal'):
ui.Button(text='Box A', flex=1)
ui.Button(text='Box B', flex=1)
ui.Button(text='Box C is a bit longer', flex=1)
with ui.BoxLayout(flex=1, orientation='horizontal'):
ui.Button(text='Box A', flex=1)
ui.Button(text='Box B', flex=0)
ui.Button(text='Box C is a bit longer', flex=2)
with ui.BoxLayout(flex=2, orientation='horizontal'):
ui.Button(text='Box A', flex=1)
ui.Button(text='Box B', flex=2)
ui.Button(text='Box C is a bit longer', flex=3)
ui.Widget(flex=0, style='min-width:20px')
with ui.BoxPanel(flex=1, orientation='vertical'):
with ui.BoxPanel(flex=1, orientation='horizontal'):
ui.Button(text='Box A', flex=0)
ui.Button(text='Box B', flex=0)
ui.Button(text='Box C is a bit longer', flex=0)
with ui.BoxPanel(flex=0, orientation='horizontal'):
ui.Button(text='Box A', flex=1)
ui.Button(text='Box B', flex=1)
ui.Button(text='Box C is a bit longer', flex=1)
with ui.BoxPanel(flex=1, orientation='horizontal'):
ui.Button(text='Box A', flex=1)
ui.Button(text='Box B', flex=0)
ui.Button(text='Box C is a bit longer', flex=2)
with ui.BoxPanel(flex=2, orientation='horizontal'):
ui.Button(text='Box A', flex=1)
ui.Button(text='Box B', flex=2)
ui.Button(text='Box C is a bit longer', flex=3)
def init(self):
with ui.BoxLayout(orientation='v'):
ui.Label(text='Flex 0 0 0')
with ui.HBox(flex=0):
self.b1 = ui.Button(text='Hola', flex=0)
self.b2 = ui.Button(text='Hello world', flex=0)
self.b3 = ui.Button(text='Foo bar', flex=0)
ui.Label(text='Flex 1 0 3')
with ui.HBox(flex=0):
self.b1 = ui.Button(text='Hola', flex=1)
self.b2 = ui.Button(text='Hello world', flex=0)
self.b3 = ui.Button(text='Foo bar', flex=3)
ui.Widget(flex=1)
ui.Label(text='Note the spacer Widget above')