def init(self):
with ui.HBox(flex=1):
with ui.Widget(flex=1,style="overflow-y:scroll"):
with ui.VBoxPanel(flex=0) as self.leftView:
with ui.HBox(flex=0,style="background:#ee0;min-height:40px;max-height:40px"):
ui.Label(text="<b>主设备</b>")
ui.Label(text="<b>从设备</b>")
with ui.PinboardLayout(flex=0,style="background:#eee;color:#000;min-width:200px"):
self.btnStartPolling = ui.Button(flex=0,text="发起一次轮询",css_class="button button-primary button-rounded button-small",pos=(10,10),base_size=(160,32))
def init(self):
self.udr = uart.UartDriver()
self.uartfd = None
self.mDevList = []
with ui.VBoxPanel() as self.vboxs:
with ui.PinboardLayout(flex = 0,base_size=100,style="background:#777;color:#0ff"):
self.mDevNameLab = ui.Label(flex=0,text="目前没有打开的串口",pos=(10,10),base_size=(600,32))
self.mDevTypeLab = ui.Label(flex=0,text="设备规格：",pos=(10,40),base_size=(600,32))
self.mMenuBar = MenuBarView(flex=0,menuBtnFunc=self._menuBtnHandler)
self.mBottomArea = ui.Widget(flex=1)
def init(self):
self._circles = []
with ui.PinboardLayout():
for i in range(32):
x = math.sin(i*0.2)*0.3 + 0.5
y = math.cos(i*0.2)*0.3 + 0.5
w = Circle(pos=(x,y))
self._circles.append(w)
self.tick()
def init(self):
#self.b0 = ui.Button(self, 'This is behind the box layout')
TEST = 11
if TEST == 0:
ui.Button(text='Hola', flex=1)
if TEST == 1:
with ui.BoxPanel(flex=1) as self.hbox1:
# self.b1 = ui.Widget(flex=1, style='background: #a22;', min_size=(100, 100), max_size=(500,0))
# self.b2 = ui.Widget(flex=0, style='background: #2a2;', min_size=(100, 0), max_size=(500,0))
# self.b3 = ui.Widget(flex=0, style='background: #22a;', min_size=(100, 0), max_size=(500,0))
# self.b4 = ui.Widget(flex=1, style='background: #aaa;', min_size=(100, 0), max_size=(500,0))
self.b1 = ui.Widget(flex=1, style='background: #a22; min-width:100px; max-width:500px')
self.b2 = ui.Widget(flex=0, style='background: #2a2; min-width:100px; max-width:500px')
self.b3 = ui.Widget(flex=0, style='background: #22a; min-width:100px; max-width:500px')
self.b4 = ui.Widget(flex=1, style='background: #aaa; min-width:100px; max-width:500px')
if TEST == 2:
with self:
with ui.HBox():
ui.Widget(flex=1)
with ui.VBox(flex=1) as self.vbox:
ui.Label(text='Flex 0 0 0', flex=0)
with ui.HBox(flex=0) as self.hbox1:
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', flex=0)
with ui.HBox(flex=0) as self.hbox2:
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.Label(text='margin 20 (around layout)', flex=0)
with ui.HBox(flex=0, margin=20) as self.hbox3:
self.b1 = ui.Button(text='Hola', flex=1)
self.b2 = ui.Button(text='Hello world', flex=1)
self.b3 = ui.Button(text='Foo bar', flex=1)
ui.Label(text='spacing 20 (inter-widget)', flex=0)
with ui.HBox(flex=0, spacing=20) as self.hbox3:
self.b1 = ui.Button(text='Hola', flex=1)
self.b2 = ui.Button(text='Hello world', flex=1)
self.b3 = ui.Button(text='Foo bar', flex=1)
ui.Widget(flex=1)
ui.Label(text='Note the spacer Widget above', flex=0)
if TEST == 3:
with ui.HBox(spacing=20):
with ui.FormLayout() as self.form:
# e.g. self.b1 = ui.Button(label='Name', text='Hola')
self.b1 = ui.Button(title='Name:', text='Hola')
self.b2 = ui.Button(title='Age:', text='Hello world')
self.b3 = ui.Button(title='Favorite color:', text='Foo bar')
with ui.FormLayout() as self.form:
# e.g. self.b1 = ui.Button(label='Name', text='Hola')
ui.Widget(flex=1) # Add a flexer
self.b1 = ui.Button(title='Name:', text='Hola')
self.b2 = ui.Button(title='Age:', text='Hello world')
self.b3 = ui.Button(title='Favorite color:', text='Foo bar')
ui.Widget(flex=1)
if TEST == 4:
with ui.GridPanel() as self.grid:
self.b1 = ui.Button(text='No flex', pos=(0, 0))
self.b2 = ui.Button(text='Hola', pos=(1, 1), flex=(1, 1))
self.b3 = ui.Button(text='Hello world', pos=(2, 2), flex=(2, 1))
self.b4 = ui.Button(text='Foo bar', pos=(4, 4), flex=(1, 2))
self.b5 = ui.Button(text='no flex again', pos=(5, 5))
if TEST == 5:
with ui.SplitPanel():
ui.Widget(style='background:#aaa;')
with ui.PinboardLayout() as self.grid:
self.b1 = ui.Button(text='Stuck at (20, 20)', pos=(20, 30))
self.b2 = ui.Button(text='Dynamic at (20%, 20%)', pos=(0.2, 0.2))
self.b3 = ui.Button(text='Dynamic at (50%, 70%)', pos=(0.5, 0.7))
with ui.DockPanel(pos=(0.5, 0.5), size=(0.3, 0.3)) as self.d:
self.a = ui.Widget(style='background:#a00;')
self.b = ui.Widget(style='background:#0a0;')
self.c = ui.Widget(style='background:#00a;')
if TEST == 6:
with ui.SplitPanel():
self.a = ui.Button(text='Right A', style='min-width:120px')
self.b = ui.Button(text='Right B', style='min-width:70px')
with ui.SplitPanel(orientation='v'):
self.c = ui.Button(text='Right C')
self.d = ui.Button(text='Right D')
with ui.DockPanel():
ui.Slider(title='slider')
ui.LineEdit(title='edit', text='AAA')
self.g = ui.ProgressBar(title='progress', value=0.4)
if TEST == 7:
with ui.HBox():
ui.Button(text='Button in hbox', flex=0)
with ui.SplitPanel(flex=1, orientation='v'):
ui.Button(text='Button in splitter', style='min-width:100px')
with ui.HBox(style='min-width:100px'):
ui.Button(text='Right A', flex=0, style='background:#f00; padding:2em;')
ui.Button(text='Right B', flex=1)
ui.Button(text='Right C', flex=2)
if TEST == 8:
with ui.MenuBar(self):
with ui.MenuItem(text='File'):
ui.MenuItem(text='New')
ui.MenuItem(text='Open')
ui.MenuItem(text='Save')
with ui.MenuItem(text='Edit'):
ui.MenuItem(text='Cut')
ui.MenuItem(text='Copy')
ui.MenuItem(text='Paste')
if TEST == 9:
with ui.VBox():
ui.Button(text='AAA', flex=0)
with ui.SplitPanel(flex=1, orientation='v'):
ui.Button(text='CCC')
ui.Button(text='DDD')
self.e = ui.Button(text='EEE')
ui.Button(text='BBB', flex=1)
if TEST == 10:
with ui.TabPanel():
self.a = ui.Widget(title='red', style='background:#a00;')
self.b = ui.Widget(title='green', style='background:#0a0;')
self.c = ui.Widget(title='blue', style='background:#00a;')
if TEST == 11:
with ui.BoxPanel(spacing=10):
with ui.GridPanel() as self.g1:
self.a = ui.Widget(style='background:#a00;', pos=(0, 0), flex=1)
self.b = ui.Widget(style='background:#0a0;', pos=(1, 0))
self.c = ui.Widget(style='background:#00a; min-width:200px; min-height:200px', pos=(1, 1))
with ui.GridPanel() as self.g2:
self.a = ui.Widget(style='background:#a00;', pos=(0, 0), flex=2)
self.b = ui.Widget(style='background:#0a0; max-width:100px;', pos=(1, 0), flex=1)
self.c = ui.Widget(style='background:#00a;', pos=(1, 1), flex=1)
if TEST == 12:
with ui.HBox():
with ui.VBox():
self.buta = ui.Button(text='red')
self.butb = ui.Button(text='green')
self.butc = ui.Button(text='blue')
with ui.StackedPanel(flex=1) as self.stack:
self.a = ui.Widget(style='background:#a00;')
self.b = ui.Widget(style='background:#0a0;')
self.c = ui.Widget(style='background:#00a;')
def init(self):
with ui.PinboardLayout():
self.b1 = ui.Button(text='Stuck at (20, 20)', pos=(20, 30))
self.b2 = ui.Button(text='Dynamic at (20%, 20%)', pos=(0.2, 0.2))
self.b3 = ui.Button(text='Dynamic at (50%, 70%)', pos=(0.5, 0.7))
def showSerialView(self):
self.mBottomArea.children=[]
with self.mBottomArea:
with ui.PinboardLayout(flex = 0,base_size=100,style="background:#f00;color:#0f0"):
ui.Label(flex=0,text="设备名称1113：",pos=(10,10),base_size=(100,32))
def init(self):
#self.b0 = ui.Button(self, 'This is behind the box layout')
TEST = 3
if TEST == 1:
with ui.VBox(self, flex=1) as self.hbox1:
self.b1 = ui.Button(text='Hola', flex=1)
self.b2 = ui.Button(text='Hello world', flex=0)
self.b2 = ui.Button(text='Hello world', flex=0)
self.b2 = ui.Button(text='Hello world', flex=0)
self.b3 = ui.Button(text='Foo bar', flex=1)
if TEST == 2:
with self:
with ui.HBox():
ui.Widget(flex=1)
with ui.VBox(flex=0) as self.vbox:
ui.Label(text='Flex 0 0 0', flex=0)
with ui.HBox(flex=0) as self.hbox2:
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', flex=0)
with ui.HBox(flex=0) as self.hbox1:
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.Label(text='margin 10 (around layout)', flex=0)
with ui.HBox(flex=0, margin=10) as self.hbox2:
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='spacing 10 (inter-widget)', flex=0)
with ui.HBox(flex=0, spacing=10) as self.hbox2:
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.Widget(flex=1)
ui.Label(text='Note the spacer Widget above', flex=0)
if TEST == 3:
with ui.HBox(self, spacing=20):
with ui.FormLayout() as self.form:
# todo: can this be written with one line per row?
# e.g. self.b1 = ui.Button(label='Name', text='Hola')
ui.Label(text='Name:')
self.b1 = ui.Button(text='Hola')
ui.Label(text='Age:')
self.b2 = ui.Button(text='Hello world')
ui.Label(text='Favorite color:')
self.b3 = ui.Button(text='Foo bar')
with ui.FormLayout() as self.form:
# e.g. self.b1 = ui.Button(label='Name', text='Hola')
ui.Widget(flex=1) # Add a flexer
ui.Widget()
ui.Label(text='Pet name:')
self.b1 = ui.Button(text='Hola')
ui.Label(text='Pet Age:')
self.b2 = ui.Button(text='Hello world')
ui.Label(text='Pet\'s Favorite color:')
self.b3 = ui.Button(text='Foo bar')
ui.Widget(flex=1)
ui.Widget()
if TEST == 4:
with ui.GridLayout(self) as self.grid:
self.b1 = ui.Button(text='No flex', pos=(0, 0))
self.b2 = ui.Button(text='Hola', pos=(1, 1), flex=(1, 1))
self.b3 = ui.Button(text='Hello world',
pos=(2, 2),
flex=(2, 1))
self.b4 = ui.Button(text='Foo bar', pos=(4, 4), flex=(1, 2))
self.b5 = ui.Button(text='no flex again', pos=(5, 5))
if TEST == 5:
with ui.PinboardLayout(self) as self.grid:
self.b1 = ui.Button(text='Stuck at (20, 20)', pos=(20, 30))
self.b2 = ui.Button(text='Dynamic at (20%, 20%)',
pos=(0.2, 0.2))
self.b3 = ui.Button(text='Dynamic at (50%, 70%)',
pos=(0.5, 0.7))
if TEST == 6:
with ui.HSplitter(self):
ui.Button(text='Right A', min_size=(120, 0))
ui.Button(text='Right B', min_size=(70, 0))
ui.Button(text='Right C')
# ui.Button(text='Right D', flex=2)
# ui.Button(text='Right E', flex=2)
# ui.Button(text='Right F', flex=2)
if TEST == 7:
with ui.HBox(self):
ui.Button(text='Button in hbox', flex=0)
with ui.HSplit(flex=1):
ui.Button(text='Button in splitter', min_size=(100, 0))
with ui.HBox(min_size=(100, 0)):
ui.Button(text='Right A',
flex=0,
css='background:#f00; padding:2em;')
ui.Button(text='Right B', flex=1)
ui.Button(text='Right C', flex=2)
if TEST == 8:
with ui.MenuBar(self):
with ui.MenuItem(text='File'):
ui.MenuItem(text='New')
ui.MenuItem(text='Open')
ui.MenuItem(text='Save')
with ui.MenuItem(text='Edit'):
ui.MenuItem(text='Cut')
ui.MenuItem(text='Copy')
ui.MenuItem(text='Paste')
def init(self):
with ui.PinboardLayout():
self._circles = [Circle() for i in range(32)]
self.tick()
