进度条 ProgressBar ​

数据结构 ​

QTSeekBarMode ​

进度条的模式

参数描述类型必填
QT_SEEK_BAR_MODE_SINGLE单进度条模式QTSeekBarMode
QT_SEEK_BAR_MODE_RANGE双进度条模式QTSeekBarMode

QTSeekBarGravity ​

进度条的位置

参数描述类型必填
QT_SEEK_BAR_GRAVITY_TOP顶部QTSeekBarGravity
QT_SEEK_BAR_GRAVITY_BOTTOM底部QTSeekBarGravity
QT_SEEK_BAR_GRAVITY_CENTER居中QTSeekBarGravity

QTSeekBarIndicatorMode ​

进度条指示器模式

参数描述类型必填
QT_SEEK_BAR_INDICATION_MODE_SHOW_WHEN_TOUCH触摸时显示QTSeekBarIndicatorMode
QT_SEEK_BAR_INDICATION_MODE_ALWAYS_HIDE一直隐藏QTSeekBarIndicatorMode
QT_SEEK_BAR_INDICATION_MODE_ALWAYS_SHOW_AFTER_TOUCH触摸后显示QTSeekBarIndicatorMode
QT_SEEK_BAR_INDICATION_MODE_ALWAYS_SHOW一直显示QTSeekBarIndicatorMode

QTSeekBarTickMarkMode ​

进度条刻度模式

参数描述类型必填
QT_SEEK_BAR_TICK_MARK_MODE_NUMBER数字QTSeekBarTickMarkMode
QT_SEEK_BAR_TICK_MARK_MODE_OTHER其他QTSeekBarTickMarkMode

QTSeekBarTickMarkGravity ​

进度条刻度位置

参数描述类型必填
QT_SEEK_BAR_TICK_MARK_GRAVITY_LEFT左QTSeekBarTickMarkGravity
QT_SEEK_BAR_TICK_MARK_GRAVITY_CENTER居中QTSeekBarTickMarkGravity
QT_SEEK_BAR_TICK_MARK_GRAVITY_RIGHT右QTSeekBarTickMarkGravity

QTSeekBarTickMarkLayoutGravity ​

进度条刻度布局位置

参数描述类型必填
QT_SEEK_BAR_TICK_MARK_LAYOUT_GRAVITY_TOP上QTSeekBarTickMarkLayoutGravity
QT_SEEK_BAR_TICK_MARK_LAYOUT_GRAVITY_BOTTOM下QTSeekBarTickMarkLayoutGravity

属性 ​

参数描述类型必填默认值
onProgressChanged进度变化回调function否null

事件 ​

onSeekChanged ​

完整事件声明：function onSeekChanged(progress: number): void

进度变化

参数描述类型非空
progress进度number是

接口 ​

setFocusable ​

该方法用于设置是否能获取焦点。
完整方法声明：function setFocusable(focusable: boolean): void

  • 参数
参数描述类型非空
focusable是否可获取焦点boolean是
  • 返回值：
属性描述类型默认值
无无返回值void

setClickable ​

该方法用于设置是否可点击。
完整方法声明：function setClickable(clickable: boolean): void

  • 参数
参数描述类型非空
clickable是否可点击boolean是
  • 返回值：
属性描述类型默认值
无无返回值void

requestFocus ​

该方法用于请求焦点。
完整方法声明：function requestFocus(): void

  • 参数

无

  • 返回值：
属性描述类型默认值
无无返回值void

setVisible ​

该方法用于设置是否可见。
完整方法声明：function setVisible(visible: boolean): void

  • 参数
参数描述类型非空
visible是否可点击boolean是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftSeekBarVisible ​

该方法用于设置左进度条是否可见。
完整方法声明：function setLeftSeekBarVisible(visible: boolean): void

  • 参数
参数描述类型非空
visible是否可见boolean是
  • 返回值：
属性描述类型默认值
无无返回值void

setSeekBarMode ​

该方法用于设置进度条模式。
完整方法声明：function setSeekBarMode(mode: QTSeekBarMode): void

  • 参数
参数描述类型非空
mode进度条模式QTSeekBarMode是
  • 返回值：
属性描述类型默认值
无无返回值void

setProgress ​

该方法用于设置进度条进度。
完整方法声明：function setProgress(progress: number): void

  • 参数
参数描述类型非空
progress进度条进度number是
  • 返回值：
属性描述类型默认值
无无返回值void

setSecondProgress ​

该方法用于设置次进度条进度。
完整方法声明：function setSecondProgress(progress: number): void

  • 参数
参数描述类型非空
progress次进度条进度number是
  • 返回值：
属性描述类型默认值
无无返回值void

show ​

该方法用于设置是否显示进度条。
完整方法声明：function show(value: boolean): void

  • 参数
参数描述类型非空
value是否显示进度条boolean是
  • 返回值：
属性描述类型默认值
无无返回值void

setMaxProgress ​

该方法用于设置进度条最大进度。
完整方法声明：function setMaxProgress(progress: number): void

  • 参数
参数描述类型非空
progress最大进度number是
  • 返回值：
属性描述类型默认值
无无返回值void

setRangeProgress ​

该方法用于设置范围进度。
完整方法声明：function setRangeProgress(leftValue: number, rightValue: number): void

  • 参数
参数描述类型非空
leftValue左进度条进度number是
rightValue右进度条进度number是
  • 返回值：
属性描述类型默认值
无无返回值void

getProgress ​

该方法用于获取进度。
完整方法声明：function getProgress(): void

  • 参数

无

  • 返回值：
属性描述类型默认值
无无返回值void

getLeftProgress ​

该方法用于获取左进度条进度。
完整方法声明：function getLeftProgress(): void

  • 参数

无

  • 返回值：
属性描述类型默认值
无无返回值void

getRightProgress ​

该方法用于获取右进度条进度。
完整方法声明：function getRightProgress(): void

  • 参数

无

  • 返回值：
属性描述类型默认值
无无返回值void

setRange ​

该方法用于设置进度条范围。
完整方法声明：function setRange(min: number, max: number, minInterval: number): void

  • 参数
参数描述类型非空
min最小范围number是
max最大范围number是
minInterval最小间隔number是
  • 返回值：
属性描述类型默认值
无无返回值void

setGravity ​

该方法用于设置进度条位置。
完整方法声明：function setGravity(gravity: QTSeekBarGravity): void

  • 参数
参数描述类型非空
gravity位置QTSeekBarGravity是
  • 返回值：
属性描述类型默认值
无无返回值void

setProgressWidth ​

该方法用于设置进度条宽度。
完整方法声明：function setProgressWidth(progressWidth: number): void

  • 参数
参数描述类型非空
progressWidth宽度number是
  • 返回值：
属性描述类型默认值
无无返回值void

setProgressHeight ​

该方法用于设置进度条高度。
完整方法声明：function setProgressHeight(progressHeight: number): void

  • 参数
参数描述类型非空
progressHeight高度number是
  • 返回值：
属性描述类型默认值
无无返回值void

setProgressRadius ​

该方法用于设置进度条圆角。
完整方法声明：function setProgressRadius(progressRadius: number): void

  • 参数
参数描述类型非空
progressRadius圆角number是
  • 返回值：
属性描述类型默认值
无无返回值void

setProgressColor ​

该方法用于设置进度条颜色。
完整方法声明：function setProgressColor(progressColor: number): void

  • 参数
参数描述类型非空
progressColor颜色number是
  • 返回值：
属性描述类型默认值
无无返回值void

setProgressDefaultColor ​

该方法用于设置进度条默认颜色。
完整方法声明：function setProgressDefaultColor(defaultProgressColor: number): void

  • 参数
参数描述类型非空
defaultProgressColor默认颜色number是
  • 返回值：
属性描述类型默认值
无无返回值void

setProgressDefaultDrawable ​

该方法用于设置进度条默认渐变图。
完整方法声明：function setProgressDefaultDrawable(progressDefaultDrawable: ESGradient): void

  • 参数
参数描述类型非空
progressDefaultDrawable默认渐变图ESGradient是
  • 返回值：
属性描述类型默认值
无无返回值void

setProgressUrl ​

该方法用于设置进度条图片地址。
完整方法声明：function setProgressUrl(progressUrl: string): void

  • 参数
参数描述类型非空
progressUrl图片地址string是
  • 返回值：
属性描述类型默认值
无无返回值void

setProgressDefaultUrl ​

该方法用于设置进度条默认图片地址。
完整方法声明：function setProgressDefaultUrl(progressDefaultUrl: string): void

  • 参数
参数描述类型非空
progressDefaultUrl默认图片地址string是
  • 返回值：
属性描述类型默认值
无无返回值void

showIndicator ​

该方法用于设置是否显示进度条指示器。
完整方法声明：function showIndicator(showIndicator: boolean): void

  • 参数
参数描述类型非空
showIndicator是否显示进度条指示器boolean是
  • 返回值：
属性描述类型默认值
无无返回值void

showLeftIndicator ​

该方法用于设置是否显示左进度条指示器。
完整方法声明：function showLeftIndicator(showLeftIndicator: boolean): void

  • 参数
参数描述类型非空
showLeftIndicator是否显示左进度条指示器boolean是
  • 返回值：
属性描述类型默认值
无无返回值void

showRightIndicator ​

该方法用于设置是否显示右进度条指示器。
完整方法声明：function showRightIndicator(showRightIndicator: boolean): void

  • 参数
参数描述类型非空
showRightIndicator是否显示右进度条指示器boolean是
  • 返回值：
属性描述类型默认值
无无返回值void

setIndicatorShowMode ​

该方法用于设置进度条指示器模式。
完整方法声明：function setIndicatorShowMode(indicatorShowMode: QTSeekBarIndicatorMode): void

  • 参数
参数描述类型非空
indicatorShowMode指示器模式QTSeekBarIndicatorMode是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftIndicatorShowMode ​

该方法用于设置进度条左指示器模式。
完整方法声明：function setLeftIndicatorShowMode(indicatorShowMode: QTSeekBarIndicatorMode): void

  • 参数
参数描述类型非空
indicatorShowMode左指示器模式QTSeekBarIndicatorMode是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightIndicatorShowMode ​

该方法用于设置进度条右指示器模式。
完整方法声明：function setRightIndicatorShowMode(indicatorShowMode: QTSeekBarIndicatorMode): void

  • 参数
参数描述类型非空
indicatorShowMode右指示器模式QTSeekBarIndicatorMode是
  • 返回值：
属性描述类型默认值
无无返回值void

setIndicatorWidth ​

该方法用于设置进度条指示器宽度。
完整方法声明：function setIndicatorWidth(indicatorWidth: number): void

  • 参数
参数描述类型非空
indicatorWidth指示器宽度number是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftIndicatorWidth ​

该方法用于设置进度条左指示器宽度。
完整方法声明：function setLeftIndicatorWidth(indicatorWidth: number): void

  • 参数
参数描述类型非空
indicatorWidth左指示器宽度number是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightIndicatorWidth ​

该方法用于设置进度条右指示器宽度。
完整方法声明：function setRightIndicatorWidth(indicatorWidth: number): void

  • 参数
参数描述类型非空
indicatorWidth右指示器宽度number是
  • 返回值：
属性描述类型默认值
无无返回值void

setIndicatorHeight ​

该方法用于设置进度条指示器高度。
完整方法声明：function setIndicatorHeight(indicatorHeight: number): void

  • 参数
参数描述类型非空
indicatorHeight指示器高度number是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftIndicatorHeight ​

该方法用于设置进度条左指示器高度。
完整方法声明：function setLeftIndicatorHeight(indicatorHeight: number): void

  • 参数
参数描述类型非空
indicatorHeight左指示器高度number是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightIndicatorHeight ​

该方法用于设置进度条右指示器高度。
完整方法声明：function setRightIndicatorHeight(indicatorHeight: number): void

  • 参数
参数描述类型非空
indicatorHeight右指示器高度number是
  • 返回值：
属性描述类型默认值
无无返回值void

setIndicatorTextDecimalFormat ​

该方法用于设置进度条指示器数字格式。
完整方法声明：function setIndicatorTextDecimalFormat(formatPattern: string): void

  • 参数
参数描述类型非空
formatPattern指示器数字格式string是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftIndicatorTextDecimalFormat ​

该方法用于设置进度条左指示器数字格式。
完整方法声明：function setLeftIndicatorTextDecimalFormat(formatPattern: string): void

  • 参数
参数描述类型非空
formatPattern左指示器数字格式string是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightIndicatorTextDecimalFormat ​

该方法用于设置进度条右指示器数字格式。
完整方法声明：function setRightIndicatorTextDecimalFormat(formatPattern: string): void

  • 参数
参数描述类型非空
formatPattern右指示器数字格式string是
  • 返回值：
属性描述类型默认值
无无返回值void

setIndicatorTextStringFormat ​

该方法用于设置进度条指示器文字格式。
完整方法声明：function setIndicatorTextStringFormat(formatPattern: string): void

  • 参数
参数描述类型非空
formatPattern指示器文字格式string是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftIndicatorTextStringFormat ​

该方法用于设置进度条左指示器文字格式。
完整方法声明：function setLeftIndicatorTextStringFormat(formatPattern: string): void

  • 参数
参数描述类型非空
formatPattern左指示器文字格式string是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightIndicatorTextStringFormat ​

该方法用于设置进度条右指示器文字格式。
完整方法声明：function setRightIndicatorTextStringFormat(formatPattern: string): void

  • 参数
参数描述类型非空
formatPattern右指示器文字格式string是
  • 返回值：
属性描述类型默认值
无无返回值void

setIndicatorMargin ​

该方法用于设置进度条指示器Margin。
完整方法声明：function setIndicatorMargin(indicatorMargin: number): void

  • 参数
参数描述类型非空
indicatorMargin进度条指示器Marginnumber是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftIndicatorMargin ​

该方法用于设置进度条左指示器Margin。
完整方法声明：function setLeftIndicatorMargin(indicatorMargin: number): void

  • 参数
参数描述类型非空
indicatorMargin进度条左指示器Marginnumber是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightIndicatorMargin ​

该方法用于设置进度条右指示器Margin。
完整方法声明：function setRightIndicatorMargin(indicatorMargin: number): void

  • 参数
参数描述类型非空
indicatorMargin进度条右指示器Marginnumber是
  • 返回值：
属性描述类型默认值
无无返回值void

setIndicatorPaddingBottom ​

该方法用于设置进度条指示器底部边距。
完整方法声明：function setIndicatorPaddingBottom(indicatorPaddingBottom: number): void

  • 参数
参数描述类型非空
indicatorPaddingBottom进度条指示器底部边距number是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftIndicatorPaddingBottom ​

该方法用于设置进度条左指示器底部边距。
完整方法声明：function setLeftIndicatorPaddingBottom(indicatorPaddingBottom: number): void

  • 参数
参数描述类型非空
indicatorPaddingBottom进度条左指示器底部边距number是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightIndicatorPaddingBottom ​

该方法用于设置进度条右指示器底部边距。
完整方法声明：function setRightIndicatorPaddingBottom(indicatorPaddingBottom: number): void

  • 参数
参数描述类型非空
indicatorPaddingBottom进度条右指示器底部边距number是
  • 返回值：
属性描述类型默认值
无无返回值void

setIndicatorPaddingTop ​

该方法用于设置进度条指示器顶部边距。
完整方法声明：function setIndicatorPaddingTop(indicatorPaddingTop: number): void

  • 参数
参数描述类型非空
indicatorPaddingTop进度条指示器顶部边距number是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftIndicatorPaddingTop ​

该方法用于设置进度条左指示器顶部边距。
完整方法声明：function setLeftIndicatorPaddingTop(indicatorPaddingTop: number): void

  • 参数
参数描述类型非空
indicatorPaddingTop进度条左指示器顶部边距number是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightIndicatorPaddingTop ​

该方法用于设置进度条右指示器顶部边距。
完整方法声明：function setRightIndicatorPaddingTop(indicatorPaddingTop: number): void

  • 参数
参数描述类型非空
indicatorPaddingTop进度条右指示器顶部边距number是
  • 返回值：
属性描述类型默认值
无无返回值void

setIndicatorPaddingLeft ​

该方法用于设置进度条指示器左边边距。
完整方法声明：function setIndicatorPaddingLeft(indicatorPaddingLeft: number): void

  • 参数
参数描述类型非空
indicatorPaddingLeft进度条指示器左边边距number是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftIndicatorPaddingLeft ​

该方法用于设置进度条左指示器左边边距。
完整方法声明：function setLeftIndicatorPaddingLeft(indicatorPaddingLeft: number): void

  • 参数
参数描述类型非空
indicatorPaddingLeft进度条左指示器左边边距number是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightIndicatorPaddingLeft ​

该方法用于设置进度条右指示器左边边距。
完整方法声明：function setRightIndicatorPaddingLeft(indicatorPaddingLeft: number): void

  • 参数
参数描述类型非空
indicatorPaddingLeft进度条右指示器左边边距number是
  • 返回值：
属性描述类型默认值
无无返回值void

setIndicatorPaddingRight ​

该方法用于设置进度条指示器右边边距。
完整方法声明：function setIndicatorPaddingRight(indicatorPaddingRight: number): void

  • 参数
参数描述类型非空
indicatorPaddingRight进度条指示器右边边距number是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftIndicatorPaddingRight ​

该方法用于设置进度条左指示器右边边距。
完整方法声明：function setLeftIndicatorPaddingRight(indicatorPaddingRight: number): void

  • 参数
参数描述类型非空
indicatorPaddingRight进度条左指示器右边边距number是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightIndicatorPaddingRight ​

该方法用于设置进度条右指示器右边边距。
完整方法声明：function setRightIndicatorPaddingRight(indicatorPaddingRight: number): void

  • 参数
参数描述类型非空
indicatorPaddingRight进度条右指示器右边边距number是
  • 返回值：
属性描述类型默认值
无无返回值void

setIndicatorBackgroundColor ​

该方法用于设置进度条指示器背景颜色。
完整方法声明：function setIndicatorBackgroundColor(indicatorBackgroundColor: number): void

  • 参数
参数描述类型非空
indicatorBackgroundColor进度条指示器背景颜色number是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftIndicatorBackgroundColor ​

该方法用于设置进度条左指示器背景颜色。
完整方法声明：function setLeftIndicatorBackgroundColor(indicatorBackgroundColor: number): void

  • 参数
参数描述类型非空
indicatorBackgroundColor进度条左指示器背景颜色number是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightIndicatorBackgroundColor ​

该方法用于设置进度条右指示器背景颜色。
完整方法声明：function setRightIndicatorBackgroundColor(indicatorBackgroundColor: number): void

  • 参数
参数描述类型非空
indicatorBackgroundColor进度条右指示器背景颜色number是
  • 返回值：
属性描述类型默认值
无无返回值void

setIndicatorRadius ​

该方法用于设置进度条指示器圆角。
完整方法声明：function setIndicatorRadius(indicatorRadius: number): void

  • 参数
参数描述类型非空
indicatorRadius进度条指示器圆角number是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftIndicatorRadius ​

该方法用于设置进度条左指示器圆角。
完整方法声明：function setLeftIndicatorRadius(indicatorRadius: number): void

  • 参数
参数描述类型非空
indicatorRadius进度条左指示器圆角number是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightIndicatorRadius ​

该方法用于设置进度条右指示器圆角。
完整方法声明：function setRightIndicatorRadius(indicatorRadius: number): void

  • 参数
参数描述类型非空
indicatorRadius进度条右指示器圆角number是
  • 返回值：
属性描述类型默认值
无无返回值void

setIndicatorTextSize ​

该方法用于设置进度条指示器文字大小。
完整方法声明：function setIndicatorTextSize(indicatorTextSize: number): void

  • 参数
参数描述类型非空
indicatorTextSize进度条指示器文字大小number是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftIndicatorTextSize ​

该方法用于设置进度条左指示器文字大小。
完整方法声明：function setLeftIndicatorTextSize(indicatorTextSize: number): void

  • 参数
参数描述类型非空
indicatorTextSize进度条左指示器文字大小number是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightIndicatorTextSize ​

该方法用于设置进度条右指示器文字大小。
完整方法声明：function setRightIndicatorTextSize(indicatorTextSize: number): void

  • 参数
参数描述类型非空
indicatorTextSize进度条右指示器文字大小number是
  • 返回值：
属性描述类型默认值
无无返回值void

setIndicatorTextColor ​

该方法用于设置进度条指示器文字颜色。
完整方法声明：function setIndicatorTextColor(indicatorTextColor: number): void

  • 参数
参数描述类型非空
indicatorTextColor进度条指示器文字颜色number是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftIndicatorTextColor ​

该方法用于设置进度条左指示器文字颜色。
完整方法声明：function setLeftIndicatorTextColor(indicatorTextColor: number): void

  • 参数
参数描述类型非空
indicatorTextColor进度条左指示器文字颜色number是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightIndicatorTextColor ​

该方法用于设置进度条右指示器文字颜色。
完整方法声明：function setRightIndicatorTextColor(indicatorTextColor: number): void

  • 参数
参数描述类型非空
indicatorTextColor进度条右指示器文字颜色number是
  • 返回值：
属性描述类型默认值
无无返回值void

setIndicatorArrowSize ​

该方法用于设置进度条指示器箭头的尺寸。
完整方法声明：function setIndicatorArrowSize(indicatorArrowSize: number): void

  • 参数
参数描述类型非空
indicatorArrowSize进度条指示器箭头的尺寸number是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftIndicatorArrowSize ​

该方法用于设置进度条左指示器箭头的尺寸。
完整方法声明：function setLeftIndicatorArrowSize(indicatorArrowSize: number): void

  • 参数
参数描述类型非空
indicatorArrowSize进度条左指示器箭头的尺寸number是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightIndicatorArrowSize ​

该方法用于设置进度条右指示器箭头的尺寸。
完整方法声明：function setRightIndicatorArrowSize(indicatorArrowSize: number): void

  • 参数
参数描述类型非空
indicatorArrowSize进度条右指示器箭头的尺寸number是
  • 返回值：
属性描述类型默认值
无无返回值void

setIndicatorDrawable ​

该方法用于设置进度条指示器图片。
完整方法声明：function setIndicatorDrawable(indicatorDrawable: ESGradient): void

  • 参数
参数描述类型非空
indicatorDrawable指示器图片ESGradient是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftIndicatorDrawable ​

该方法用于设置进度条左指示器图片。
完整方法声明：function setLeftIndicatorDrawable(indicatorDrawable: ESGradient): void

  • 参数
参数描述类型非空
indicatorDrawable左指示器图片ESGradient是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightIndicatorDrawable ​

该方法用于设置进度条右指示器图片。
完整方法声明：function setRightIndicatorDrawable(indicatorDrawable: ESGradient): void

  • 参数
参数描述类型非空
indicatorDrawable右指示器图片ESGradient是
  • 返回值：
属性描述类型默认值
无无返回值void

setIndicatorUrl ​

该方法用于设置进度条指示器图片网络地址。
完整方法声明：function setIndicatorUrl(indicatorUrl: string): void

  • 参数
参数描述类型非空
indicatorUrl指示器图片网络地址string是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftIndicatorUrl ​

该方法用于设置进度条左指示器图片网络地址。
完整方法声明：function setLeftIndicatorUrl(indicatorUrl: string): void

  • 参数
参数描述类型非空
indicatorUrl左指示器图片网络地址string是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightIndicatorUrl ​

该方法用于设置进度条右指示器图片网络地址。
完整方法声明：function setRightIndicatorUrl(indicatorUrl: string): void

  • 参数
参数描述类型非空
indicatorUrl右指示器图片网络地址string是
  • 返回值：
属性描述类型默认值
无无返回值void

setThumbWidth ​

该方法用于设置进度条滑块的宽度。
完整方法声明：function setThumbWidth(thumbWidth: number): void

  • 参数
参数描述类型非空
thumbWidth滑块的宽度number是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftThumbWidth ​

该方法用于设置进度条左滑块的宽度。
完整方法声明：function setLeftThumbWidth(thumbWidth: number): void

  • 参数
参数描述类型非空
thumbWidth左滑块的宽度number是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightThumbWidth ​

该方法用于设置进度条右滑块的宽度。
完整方法声明：function setRightThumbWidth(thumbWidth: number): void

  • 参数
参数描述类型非空
thumbWidth右滑块的宽度number是
  • 返回值：
属性描述类型默认值
无无返回值void

setThumbHeight ​

该方法用于设置进度条滑块的高度。
完整方法声明：function setThumbHeight(thumbHeight: number): void

  • 参数
参数描述类型非空
thumbHeight滑块的高度number是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftThumbHeight ​

该方法用于设置进度条左滑块的高度。
完整方法声明：function setLeftThumbHeight(thumbHeight: number): void

  • 参数
参数描述类型非空
thumbHeight左滑块的高度number是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightThumbHeight ​

该方法用于设置进度条右滑块的高度。
完整方法声明：function setRightThumbHeight(thumbHeight: number): void

  • 参数
参数描述类型非空
thumbHeight右滑块的高度number是
  • 返回值：
属性描述类型默认值
无无返回值void

scaleThumb ​

该方法用于进度条滑块形变。
完整方法声明：function scaleThumb(): void

  • 参数

无

  • 返回值：
属性描述类型默认值
无无返回值void

scaleLeftThumb ​

该方法用于进度条左滑块形变。
完整方法声明：function scaleLeftThumb(): void

  • 参数

无

  • 返回值：
属性描述类型默认值
无无返回值void

scaleRightThumb ​

该方法用于进度条右滑块形变。
完整方法声明：function scaleRightThumb(): void

  • 参数

无

  • 返回值：
属性描述类型默认值
无无返回值void

resetThumb ​

该方法用于重置进度条滑块。
完整方法声明：function resetThumb(): void

  • 参数

无

  • 返回值：
属性描述类型默认值
无无返回值void

resetLeftThumb ​

该方法用于重置进度条左滑块。
完整方法声明：function resetLeftThumb(): void

  • 参数

无

  • 返回值：
属性描述类型默认值
无无返回值void

resetRightThumb ​

该方法用于重置进度条右滑块。
完整方法声明：function resetRightThumb(): void

  • 参数

无

  • 返回值：
属性描述类型默认值
无无返回值void

setThumbScaleRatio ​

该方法用于设置进度条滑块的变形度。
完整方法声明：function setThumbScaleRatio(thumbScaleRatio: number): void

  • 参数
参数描述类型非空
thumbScaleRatio滑块的变形度number是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftThumbScaleRatio ​

该方法用于设置进度条左滑块的变形度。
完整方法声明：function setLeftThumbScaleRatio(thumbScaleRatio: number): void

  • 参数
参数描述类型非空
thumbScaleRatio左滑块的变形度number是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightThumbScaleRatio ​

该方法用于设置进度条右滑块的变形度。
完整方法声明：function setRightThumbScaleRatio(thumbScaleRatio: number): void

  • 参数
参数描述类型非空
thumbScaleRatio右左滑块的变形度number是
  • 返回值：
属性描述类型默认值
无无返回值void

setThumbActivate ​

该方法用于激活进度条滑块。
完整方法声明：function setThumbActivate(activate: boolean): void

  • 参数
参数描述类型非空
activate激活进度条滑块boolean是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftThumbActivate ​

该方法用于激活进度条左滑块。
完整方法声明：function setLeftThumbActivate(activate: boolean): void

  • 参数
参数描述类型非空
activate激活进度条左滑块boolean是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightThumbActivate ​

该方法用于激活进度条右滑块。
完整方法声明：function setRightThumbActivate(activate: boolean): void

  • 参数
参数描述类型非空
activate激活进度条右滑块boolean是
  • 返回值：
属性描述类型默认值
无无返回值void

setThumbDrawable ​

该方法用于设置进度条滑块图片。
完整方法声明：function setThumbDrawable(drawable: ESGradient): void

  • 参数
参数描述类型非空
drawable滑块图片ESGradient是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftThumbDrawable ​

该方法用于设置进度条左滑块图片。
完整方法声明：function setLeftThumbDrawable(drawable: ESGradient): void

  • 参数
参数描述类型非空
drawable左滑块图片ESGradient是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightThumbDrawable ​

该方法用于设置进度条右滑块图片。
完整方法声明：function setRightThumbDrawable(drawable: ESGradient): void

  • 参数
参数描述类型非空
drawable右滑块图片ESGradient是
  • 返回值：
属性描述类型默认值
无无返回值void

setThumbUrl ​

该方法用于设置进度条滑块图片地址。
完整方法声明：function setThumbUrl(url: string): void

  • 参数
参数描述类型非空
url滑块图片地址string是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftThumbUrl ​

该方法用于设置进度条左滑块图片地址。
完整方法声明：function setLeftThumbUrl(url: string): void

  • 参数
参数描述类型非空
url左滑块图片地址string是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightThumbUrl ​

该方法用于设置进度条右滑块图片地址。
完整方法声明：function setRightThumbUrl(url: string): void

  • 参数
参数描述类型非空
url右滑块图片地址string是
  • 返回值：
属性描述类型默认值
无无返回值void

setThumbInactivatedDrawable ​

该方法用于设置进度条滑块非激活状态图片。
完整方法声明：function setThumbInactivatedDrawable(drawable: ESGradient): void

  • 参数
参数描述类型非空
drawable滑块非激活状态图片ESGradient是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftThumbInactivatedDrawable ​

该方法用于设置进度条左滑块非激活状态图片。
完整方法声明：function setLeftThumbInactivatedDrawable(drawable: ESGradient): void

  • 参数
参数描述类型非空
drawable左滑块非激活状态图片ESGradient是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightThumbInactivatedDrawable ​

该方法用于设置进度条右滑块非激活状态图片。
完整方法声明：function setRightThumbInactivatedDrawable(drawable: ESGradient): void

  • 参数
参数描述类型非空
drawable右滑块非激活状态图片ESGradient是
  • 返回值：
属性描述类型默认值
无无返回值void

setThumbInactivatedUrl ​

该方法用于设置进度条滑块非激活状态图片地址。
完整方法声明：function setThumbInactivatedUrl(url: string): void

  • 参数
参数描述类型非空
url滑块非激活状态图片地址string是
  • 返回值：
属性描述类型默认值
无无返回值void

setLeftThumbInactivatedUrl ​

该方法用于设置进度条左滑块非激活状态图片地址。
完整方法声明：function setLeftThumbInactivatedUrl(url: string): void

  • 参数
参数描述类型非空
url左滑块非激活状态图片地址string是
  • 返回值：
属性描述类型默认值
无无返回值void

setRightThumbInactivatedUrl ​

该方法用于设置进度条右滑块非激活状态图片地址。
完整方法声明：function setRightThumbInactivatedUrl(url: string): void

  • 参数
参数描述类型非空
url右滑块非激活状态图片地址string是
  • 返回值：
属性描述类型默认值
无无返回值void

setTickMarkMode ​

该方法用于设置进度条刻度模式。
完整方法声明：function setTickMarkMode(tickMarkMode: QTSeekBarTickMarkMode): void

  • 参数
参数描述类型非空
tickMarkMode刻度模式QTSeekBarTickMarkMode是
  • 返回值：
属性描述类型默认值
无无返回值void

setTickMarkGravity ​

该方法用于设置进度条刻度位置。
完整方法声明：function setTickMarkGravity(tickMarkGravity: QTSeekBarTickMarkGravity): void

  • 参数
参数描述类型非空
tickMarkGravity刻度位置QTSeekBarTickMarkGravity是
  • 返回值：
属性描述类型默认值
无无返回值void

setTickMarkLayoutGravity ​

该方法用于设置进度条刻度在父视图位置。
完整方法声明：function setTickMarkLayoutGravity(tickMarkLayoutGravity: QTSeekBarTickMarkLayoutGravity): void

  • 参数
参数描述类型非空
tickMarkLayoutGravity刻度在父视图位置QTSeekBarTickMarkLayoutGravity是
  • 返回值：
属性描述类型默认值
无无返回值void

setTickMarkTextArray ​

该方法用于设置进度条刻度文字。
完整方法声明：function setTickMarkTextArray(tickMarkTextArray: Array<string>): void

  • 参数
参数描述类型非空
tickMarkTextArray刻度文字Array<string>是
  • 返回值：
属性描述类型默认值
无无返回值void

setTickMarkTextMargin ​

该方法用于设置进度条刻度文字Margin。
完整方法声明：function setTickMarkTextMargin(tickMarkTextMargin: number): void

  • 参数
参数描述类型非空
tickMarkTextMargin刻度文字Marginnumber是
  • 返回值：
属性描述类型默认值
无无返回值void

setTickMarkTextSize ​

该方法用于设置进度条刻度文字大小。
完整方法声明：function setTickMarkTextSize(tickMarkTextSize: number)

  • 参数
参数描述类型非空
tickMarkTextSize刻度文字大小number是
  • 返回值：
属性描述类型默认值
无无返回值void

setTickMarkInRangeTextColor ​

该方法用于设置进度条刻度文字颜色。
完整方法声明：function setTickMarkInRangeTextColor(tickMarkInRangeTextColor: number)

  • 参数
参数描述类型非空
tickMarkInRangeTextColor刻度文字颜色number是
  • 返回值：
属性描述类型默认值
无无返回值void

setSteps ​

该方法用于设置进度条步长个数。
完整方法声明：function setSteps(steps: number): void

  • 参数
参数描述类型非空
steps步长个数number是
  • 返回值：
属性描述类型默认值
无无返回值void

setStepsWidth ​

该方法用于设置进度条步长宽度。
完整方法声明：function setStepsWidth(stepsWidth: number): void

  • 参数
参数描述类型非空
stepsWidth步长宽度number是
  • 返回值：
属性描述类型默认值
无无返回值void

setStepsHeight ​

该方法用于设置进度条步长高度。
完整方法声明：function setStepsHeight(stepsHeight: number): void

  • 参数
参数描述类型非空
stepsHeight步长高度number是
  • 返回值：
属性描述类型默认值
无无返回值void

setStepsRadius ​

该方法用于设置进度条步长圆角。
完整方法声明：function setStepsRadius(stepsRadius: number): void

  • 参数
参数描述类型非空
stepsRadius步长圆角number是
  • 返回值：
属性描述类型默认值
无无返回值void

setStepsColor ​

该方法用于设置进度条步长颜色。
完整方法声明：function setStepsColor(stepsColor: number): void

  • 参数
参数描述类型非空
stepsColor步长颜色number是
  • 返回值：
属性描述类型默认值
无无返回值void

setStepsDrawable ​

该方法用于设置进度条步长图片。
完整方法声明：function setStepsDrawable(drawableArray: Array<ESGradient>): void

  • 参数
参数描述类型非空
drawableArray步长图片Array<ESGradient>是
  • 返回值：
属性描述类型默认值
无无返回值void

setStepsUrl ​

该方法用于设置进度条步长图片地址。
完整方法声明：function setStepsUrl(urlArray: Array<string>): void

  • 参数
参数描述类型非空
urlArray步长图片地址Array<string>是
  • 返回值：
属性描述类型默认值
无无返回值void

setStepsAutoBonding ​

该方法用于设置进度条步长自动粘合。
完整方法声明：function setStepsAutoBonding(stepsAutoBonding: boolean): void

  • 参数
参数描述类型非空
stepsAutoBonding步长自动粘合boolean是
  • 返回值：
属性描述类型默认值
无无返回值void

基础用法 ​

点击查看源码
vue
<template>
	<div class='es-sdk-root-css'>
		<s-title-view class='es-sdk-content-title-css' :text='this.$options.name' />
		<div class='es-sdk-content-divider-css' />
		<div class='es-sdk-content-row-css'>
			<qt-progress-bar
				ref='progress_bar'
				:max-progress='100'
				:progress='50'
				:corner-radius='100'
				:secondary-progress='80'
				:background-color='backgroundColor'
				:color='color'
				class='es-progress-bar-css' />
		</div>
	</div>
</template>

<script lang='ts'>

import {defineComponent} from '@vue/runtime-core';
import {ref} from 'vue';
import {QTIProgressBar} from '@quicktvui/quicktvui3';

export default defineComponent({
	name: '基础用法',
	setup() {
		const progress_bar = ref<QTIProgressBar>();
		const backgroundColor = ref('#54D00C');
		const color = ref({
			startColor: '#FFD900',
			endColor: '#54D00C',
			type: 0,
			shape: 0,
			cornerRadii4: [20, 20, 20, 20],
		});

		function onESCreate(params) {
			progress_bar.value?.setProgress(10);
			progress_bar.value?.setMaxProgress(100);
			progress_bar.value?.setProgressColor(0xFFFF0000);
			progress_bar.value?.setProgressDefaultColor(0xFF7415B1);
		}

		return {
			progress_bar,
			backgroundColor,
			color,
			onESCreate,
		};
	},
});

</script>

<style>
.es-progress-bar-css {
	width: 800px;
	height: 20px;
	border-radius: 0;
}
</style>