安装 NiceGUI

创建一个项目文件夹然后打开项目文件夹，在当前文件夹下打开控制台使用以下命令创建一个 python 虚拟环境

这里使用的 virtualenv 来创建虚拟环境，如果没有安装请使用以下命令进行安装

pip3 install virtualenv

在安装了 virtualenv 之后，再创建虚拟环境

virtualenv env

虚拟环境创建完成之后会在当前项目文件夹中生成一个 env 的文件夹，虚拟环境创建完成之后需要开启虚拟环境

我这边开发环境是 windows 所以使用以下命令开启虚拟环境

.\env\Scripts\activate

在成功开启虚拟环境之后，命令行中前面就会出现当前虚拟环境的名称

完成以上步骤之后，则可以开始安装 NiceGUI 使用以下命令安装

pip install nicegui

简单练习

• button 按钮

  引入 nicegui

  from nicegui import ui
  

  按钮代码

  ui.button('测试')
  

  添加运行代码

  ui.run(reload=True)
  

  运行

  python main.py
  

  

  

  使用 native 的方式运行修改之后的代码

  from nicegui import ui
  
  ui.button("测试")
  
  ui.run(reload=True, native=True)
  

  运行代码出现以下提示

  

  安装 pywebview

  pip install pywebview
  

  再次运行代码

  

  为按钮添加一个点击事件

  完整代码

  from nicegui import ui
  
  def test_button_click():
      ui.notify('您点击了测试按钮')
  
  ui.button("测试", on_click=test_button_click)
  
  
  ui.run(reload=True, native=True)
  

  

  niceGUI 的组件是对 Quasar 进一步的封装，在 Quasar 中找到 button

  

  给按钮添加一个图标

  

  调用 button 的 props 方法，将按钮的属性添加到其中

  from nicegui import ui
  
  def test_button_click():
      ui.notify('您点击了测试按钮')
  
  ui.button("测试", on_click=test_button_click).props('icon="mail"')
  
  
  ui.run(reload=True, native=True)
  

  

  修改一下颜色

  from nicegui import ui
  
  def test_button_click():
      ui.notify('您点击了测试按钮')
  
  ui.button("测试", on_click=test_button_click).props('color="secondary" icon="mail"')
  
  
  ui.run(reload=True, native=True)