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')

效果如下:

 

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值