QKnob 元件用於透過滑鼠/觸控平移從使用者取得數字輸入。它基於 QCircularProgress 並繼承其所有屬性和行為。

用法

預設情況下，QKnob 繼承目前的文字顏色（作為弧形進度條顏色和內部標籤顏色）和目前的字體大小（作為元件大小）。如需自訂，您可以使用尺寸和顏色相關的 props。

基本

顯示數值

在以下範例中，show-value 屬性也啟用了預設插槽，因此您可以填入自訂內容，例如甚至 QAvatar 或 QTooltip。font-size prop 指的是內部標籤字體大小。

最小值和最大值

內部最小值/最大值

v2.5.4+

有時您需要將模型值限制在軌跡長度內的間隔中。為此，請使用 inner-min 和 inner-max props。第一個 prop 需要高於或等於 min prop，而後者需要低於或等於 max prop。

自訂步進值

偏移角度

停用和唯讀

原生表單提交

當處理具有 action 和 method 的原生表單時 (例如，當搭配 ASP.NET 控制器使用 Quasar 時)，您需要在 QKnob 上指定 name 屬性，否則 formData 將不會包含它 (如果應該包含的話)。