当前位置:   article > 正文

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

nicegui

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

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

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

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

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

  1. from nicegui import ui
  2. def header(): # 添加导航栏
  3. ui.label('信息管理系统设置').classes('self-center')
  4. with ui.column():
  5. ui.button('首页', on_click=lambda: ui.open(homepage))
  6. ui.button('功能一', on_click=lambda: ui.open(page1))
  7. ui.button('功能二', on_click=lambda: ui.open(page2))
  8. ui.button('功能三', on_click=lambda: ui.open(page3))
  9. ui.button('功能四', on_click=lambda: ui.open(page4))
  10. ui.button('功能五', on_click=lambda: ui.open(page5))
  11. # 创建首页界面
  12. @ui.page("/")
  13. def home_page():
  14. header()
  15. ui.label('首页设置页面').classes('self-center')
  16. with ui.column():
  17. ui.input(label='设置文件名', placeholder='start typing',)
  18. ui.input(label='打印机设置', placeholder='start typing', )
  19. # 创建功能一设置界面
  20. @ui.page("/page1")
  21. def page1():
  22. header()
  23. ui.label('功能一设置页面').classes('self-center')

效果如下:

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家自动化/article/detail/206406
推荐阅读
相关标签
  

闽ICP备14008679号