NICEGUI库,一个有点新、有点酷的PYTHON UI库(一)添加公共标题头

        最近想把之前写的一些工作用的多个小程序捏合在一起,由于模块比较多,所以需要设置多个界面对这些小程序分别进行设置。在WINDOWS下,就是多个窗口分别设置。

        对于PYTHON而言,做UI界面其实有点烦琐,甚至工作量不亚于程序。之前用过TKINTER,东西做出来太丑了。用过PYQT,好看了一些,但是一个GUI界面搞那么多代码,而且从兼容性角度,单位很多电脑运行不了。所以后来做界面我都更喜欢做WEB网页,因为WEB的话只要有浏览器程序就可以运行,兼容性好。之前用过FLASK项目,所以抄抄改改勉强能用。不过这次的程序集合,里面很多设置其实很简单,用FLASK有点高射炮打蚊子。所以我就重新上网搜索,找到了NICEGUI库,漂亮的界面、简洁的代码很吸引我。

        不过NICEGUI的最大缺点就是太新了,网上的资料很少,BILI上教学视频只有几个而已。官方文档NiceGUI是英文的,对于界面样式的介绍很少,所以我决定在开发的过程中遇到的问题都记录下来,方便之后的人们查看。

        如何安装,如何启动在这里就不赘述了,现在已有的资料都可以查得到,我记录的都是一个特殊的设计。

        第一篇分享的代码是添加一个公共标题头。在UI多界面设计过程中,我想在每个页面上都加一个共同的标题和一排按钮。

from nicegui import ui


def header():   # 添加导航栏
    ui.label('信息管理系统设置').classes('self-center')
    with ui.column():
        ui.button('首页', on_click=lambda: ui.open(homepage))
        ui.button('功能一', on_click=lambda: ui.open(page1))
        ui.button('功能二', on_click=lambda: ui.open(page2))
        ui.button('功能三', on_click=lambda: ui.open(page3))
        ui.button('功能四', on_click=lambda: ui.open(page4))
        ui.button('功能五', on_click=lambda: ui.open(page5))


# 创建首页界面
@ui.page("/")
def home_page():
    header()
    ui.label('首页设置页面').classes('self-center')
    
    with ui.column():
        ui.input(label='设置文件名', placeholder='start typing',)
        ui.input(label='打印机设置', placeholder='start typing', )



# 创建功能一设置界面
@ui.page("/page1")
def page1():
    header()
    ui.label('功能一设置页面').classes('self-center')

效果如下:

NICEGUI库,一个有点新、有点酷的PYTHON UI库(一)添加公共标题头_第1张图片

 

你可能感兴趣的:(nicegui设计,python)