NiceGUI#

文档来源：NiceGUI

• NiceGUI 简介
  • NiceGUI 基本概念
  • NiceGUI 动作、事件和任务
  • NiceGUI 实现
  • 运行 NiceGUI 应用
  • 定制 NiceGUI
• NiceGUI 文本组件
  • ui.label 标签
    • 根据内容改变 ui.label 外观
  • ui.link + ui.link_target 链接
    • ui.link 创建超链接
    • ui.link_target 页面导航
    • ui.link 链接到其他页面
    • ui.link 链接图像和其他元素
  • ui.chat_message 聊天消息
    • ui.chat_message 发送 HTML 文本
    • ui.chat_message 换行
    • ui.chat_message 多部分消息
    • 带有子元素的 ui.chat_message
  • ui.element 通用元素
    • 移动 ui.element 元素
    • ui.element 默认属性
    • ui.element 默认类
    • ui.element 默认样式
  • ui.markdown Markdown 元素
    • 带有缩进的 ui.markdown
    • 带有代码块的 ui.markdown
    • ui.markdown 表格
    • 更改 ui.markdown 内容
  • ui.restructured_text ReStructuredText
    • 带有缩进的 ui.restructured_text
    • 带有代码块的 ui.restructured_text
    • 带有表格的 ui.restructured_text
  • ui.mermaid Mermaid 图表
    • ui.mermaid 处理 Mermaid 错误
  • ui.html HTML 元素
    • ui.html 生成内联元素
• NiceGUI 控件
  • ui.button 按钮
    • ui.button 图标
    • 等待 ui.button 点击
    • 使用上下文管理器禁用 ui.button
    • 自定义切换 ui.button
  • ui.badge 徽章
  • toggle() 切换按钮
  • radio() 单选按钮
  • select() 下拉选择
    • select() 边输入边搜索
    • select() 多选
    • select() 更新选项
  • ui.checkbox 复选框
  • switch() 开关
  • slider() 滑块
    • slider() 限制事件的触发频率，包括首尾事件选项
    • slider() 禁用滑块
  • joystick() 操纵杆
  • input() 输入
    • input() 自动完成
    • input() 文本 clearable
    • input() 风格
    • input() 输入验证
  • textarea() 文本区域
    • textarea() clearable
  • number() 数字输入
    • number() clearable
    • number() 小数点后位数
  • knob()
  • color_input() 颜色输入
  • color_picker() 颜色拾取
  • date() 日期
    • date() + ~nicegui.ui.input
    • date() 日期过滤
  • time() 时间
  • upload() 文件上传
    • upload() 限制上传
    • upload() 显示内容
• NiceGUI 音视频元素
  • nicegui.ui.image() 图像
    • nicegui.ui.image() 本地文件
    • nicegui.ui.image() Base64 字符串
    • nicegui.ui.image() PIL 图像
    • nicegui.ui.image() Lottie 文件
    • nicegui.ui.image() 图像链接
    • nicegui.ui.image() 强制重新加载
    • nicegui.ui.image() 字幕和叠加层
  • interactive_image() 可交互图像
    • interactive_image() 嵌套元素
    • interactive_image() 强制重新加载
    • interactive_image() 空白画布
    • interactive_image() 加载完成事件
    • interactive_image() 十字准线
  • audio() 音频
    • audio() 控制音频元素
  • video() 视频
    • video() 控制视频元素
  • nicegui.ui.icon() 图标
    • nicegui.ui.icon() 材料图标和符号
    • nicegui.ui.icon() Eva 图标
    • nicegui.ui.icon() 其他图标集
    • nicegui.ui.icon() Lottie 文件
  • avatar() 头像
    • avatar() 照片
  • NiceGUI SVG
• NiceGUI 数据
  • code() 代码
  • nicegui.ui.json_editor() JSON 编辑器
    • nicegui.ui.json_editor() run_editor_method
  • editor() 编辑器
  • ui.log 日志视图
    • ui.log 附加日志
  • tree() 树
    • 自定义树冠和树干
    • 编程式的展开和折叠
    • 带有复选框的树
  • spinner() 转轮
  • line_plot() 折线图
  • pyplot() Matplotlib 绘图
  • plotly() Plotly 图表
    • plotly() 字典接口
    • plotly() 更新图
    • plotly() 事件
  • slider() 线性进度条
  • circular_progress() 环形进度条
    • circular_progress() 嵌套元素
  • scene() 3D 场景
    • scene() 处理点击事件
    • scene() 可拖曳对象
    • scene() 渲染点云
    • scene() 等待场景初始化
  • echart() ECharts 图表
    • echart() 可点击的点
    • echart() 动态属性
    • echart() 元素
    • echart() 运行方法
    • echart() 任意图表事件
  • Highcharts 图表
    • 外部依赖
    • 可拖曳点
  • leaflet() Leaflet 地图
    • leaflet() 想更改地图样式
    • leaflet() 添加标记
    • leaflet() 移到标记
    • leaflet() 矢量图层
    • leaflet() 禁用平移和缩放
    • leaflet() 在地图上绘制
    • leaflet() 运行地图方法
    • leaflet() 运行地图图层
    • leaflet() 等待初始化
  • nicegui.ui.table() 表格
    • nicegui.ui.table() 具有可展开行的表格
    • nicegui.ui.table() 显示和隐藏列
    • nicegui.ui.table() 带有下拉选择的表格
    • 从Pandas DataFrame创建 nicegui.ui.table()
    • nicegui.ui.table() 添加行
    • nicegui.ui.table() 自定义排序和格式化
    • nicegui.ui.table() 切换全屏
    • nicegui.ui.table() 表格分页
    • nicegui.ui.table() 处理分页变化
    • nicegui.ui.table() 计算字段
    • nicegui.ui.table() 条件格式化
    • nicegui.ui.table() 表格单元格中的链接
    • nicegui.ui.table() 类似砖石布局的表格
  • aggrid() AG Grid
    • aggrid() 选择 AG Grid 行
    • aggrid() 使用迷你过滤器过滤行
    • aggrid() AG Grid 带有条件单元格格式化
    • 从 Pandas DataFrame 创建 aggrid()
    • aggrid() 将列渲染为 HTML
    • aggrid() 响应AG Grid事件
    • aggrid() AG Grid中使用复杂对象
    • aggrid() AG Grid 中使用动态行高
    • aggrid() 运行行方法
    • aggrid() 过滤返回值
• NiceGUI 绑定
  • NiceGUI 绑定属性
    • NiceGUI 绑定到字典
    • NiceGUI 绑定到变量
    • NiceGUI 绑定到存储
• NiceGUI 布局
  • NiceGUI 自动上下文
  • card() 卡片
    • NiceGUI 无阴影卡片
    • NiceGUI 嵌套边框问题
  • column() 列元素
    • column() Masonry 或 Pinterest 风格布局
  • row() 行元素
  • grid() 网格元素
    • 自定义网格布局
    • 跨越多列的单元格
  • list() 列表
    • list() 列表项、分区和标签
  • NiceGUI 清除容器
  • expansion() 扩展元素
    • expansion() 带有自定义表头的扩展
    • expansion() 带有自定义副标题的扩展
    • expansion() 带有分组的扩展
  • scroll_area() 滚动区域
    • scroll_area() 处理滚动事件
    • scroll_area() 设置滚动位置
  • separator() 分隔符
  • space() 空间
    • space() 垂直空间
  • splitter() 分隔器
    • splitter() 高级用法
    • splitter() 图片乐趣
  • tabs() 标签页
    • tabs() 名称、标签、图标
    • tabs() 通过编程切换标签页
    • tabs() 带有分隔符的垂直标签页
  • step() 分步器
    • step() 动态分步器
  • timeline() 时间轴
  • NiceGUI 轮播图
  • pagination()
  • menu_item() 菜单
    • menu_item() 上下文菜单
  • tooltip() 工具提示
    • tooltip() 工具提示方法
    • tooltip() 工具提示中的 HTML
    • tooltip() 工具提示中的其他内容
    • tooltip() HTML 和 Markdown 上的工具提示
  • nicegui.ui.notify() 通知
    • nicegui.ui.notify() 在屏幕上显示通知。
    • nicegui.ui.notify() 通知类型
    • nicegui.ui.notify() 多行通知
    • nicegui.ui.notify() 通知元素
  • dialog() 对话框
    • dialog() 可等待的对话框
    • dialog() 替换内容
• NiceGUI 外观
  • NiceGUI 样式设计
    • 尝试样式化 NiceGUI 元素！
  • NiceGUI CSS 配置
    • NiceGUI Tailwind CSS
    • NiceGUI Tailwind CSS 层
  • NiceGUI 查询选择器
    • NiceGUI 设置背景渐变
    • NiceGUI 修改默认页面内边距
  • colors() 颜色主题
  • NiceGUI CSS 变量
  • NiceGUI 覆盖 Tailwind 的默认样式
  • dark_mode() 深色模式
  • add_style() 向页面添加样式定义
    • add_style() 使用 SCSS 定义样式
    • add_style() 使用 SASS
• NiceGUI 动作和事件
  • NiceGUI 计时器
    • 激活、停用和取消 NiceGUI 计时器
    • NiceGUI 在延迟后调用函数
  • NiceGUI 键盘
  • NiceGUI UI 更新
  • NiceGUI 可刷新的 UI 函数
    • 带参数的可刷新 UI
    • NiceGUI 用于输入验证的可刷新 UI
  • NiceGUI 带有响应式状态的可刷新 UI
  • NiceGUI 异步事件处理器
  • NiceGUI 通用事件
    • NiceGUI 指定事件属性
    • NiceGUI 修饰符
    • NiceGUI 自定义事件
    • NiceGUI 纯 JavaScript 事件
  • cpu_bound() 运行 CPU 密集型任务
  • 运行 I/O 密集型任务
  • NiceGUI 运行 JavaScript
    • NiceGUI 运行异步 JavaScript
  • NiceGUI 事件
  • 关闭 NiceGUI
  • NiceGUI 存储
    • NiceGUI 统计页面访问次数
    • NiceGUI 存储 UI 状态
• NiceGUI 分页
  • page()
    • page() 具有路径参数的页面
    • NiceGUI 等待客户端连接
    • NiceGUI 使用 APIRouter 模块化
  • NiceGUI 自动索引页面
  • NiceGUI 页面布局
  • NiceGUI 参数注入
  • NiceGUI 页面标题
  • navigate() 导航函数
    • ui.navigate.to
  • download() 下载
    • download() 从内存中下载原始字节
  • NiceGUI 添加静态文件目录
  • NiceGUI 添加媒体文件目录
  • NiceGUI 向页面添加 HTML
  • NiceGUI API 响应
• NiceGUI 配置
  • NiceGUI URLs
  • run()
    • run() Emoji favicon
    • run() Base64 favicon
    • run() SVG favicon
    • run() 自定义欢迎消息
  • NiceGUI 原生模式
  • NiceGUI 环境变量
• NiceGUI 部署
  • NiceGUI 服务器托管
  • NiceGUI 安装包
  • NiceGUI On Air