knob()

knob()#

这个元素是基于Quasar框架中的QKnob组件。该元素用于通过鼠标/触摸平移从用户那里获取数字输入。

  • value: 初始值(默认:0.0

  • min: 最小值(默认:0.0

  • max: 最大值(默认:1.0

  • step: 步长(默认:0.01

  • color: 旋钮颜色(可以是Quasar、Tailwind或CSS颜色,或者 None,默认:"primary"

  • center_color: 组件中心部分的颜色名称,示例:primary, teal-10

  • track_color: 组件轨道的颜色名称,示例:primary, teal-10

  • size: CSS单位大小,包括单位名称或标准大小名称(xs|sm|md|lg|xl),示例:16px, 2rem

  • show_value: 是否以文本形式显示值

  • on_change: 值改变时执行的回调函数

from nicegui import ui

knob = ui.knob(0.3, show_value=True)

with ui.knob(color='orange', track_color='grey-2').bind_value(knob, 'value'):
    ui.icon('volume_up')

# ui.run()