chenjun

视频全屏时,支持横向滑动手势调整进度,功能未实现

... ... @@ -2,7 +2,7 @@ import { ContentDetailDTO } from 'wdBean/Index'
import { WDShare } from 'wdShare/Index'
import { PlayerProgressFullScreenView } from './PlayerProgressFullScreenView'
import { PlayerConstants, WDPlayerController } from 'wdPlayer/Index'
import { DateTimeUtils, WindowModel } from 'wdKit/Index'
import { DateTimeUtils, Logger, WindowModel } from 'wdKit/Index'
import { DisplayDirection } from 'wdConstant/Index'
import { window } from '@kit.ArkUI'
... ... @@ -64,7 +64,7 @@ export struct PlayerFullScreenView {
})
this.headerBuilder()
this.middleSlideBuilder()
this.bottomBuilder()
}
.zIndex(99999)
... ... @@ -187,4 +187,45 @@ export struct PlayerFullScreenView {
})
}
@Builder
middleSlideBuilder() {
Column() {
Slider({
value: this.progressVal,
step: 0.01,
style: SliderStyle.OutSet
})
.trackColor(Color.Transparent)// 设置轨道为透明
.selectedColor(Color.Transparent)// 设置已选择部分为透明
.blockColor(Color.Transparent)// 设置滑块为透明
.trackThickness(4)
.showSteps(false)// 不显示步进刻度
.showTips(false)// 不显示提示
.width('100%')
.height('100%')
.onChange((value: number, mode: SliderChangeMode) => {
this.progressVal = value
if (mode === SliderChangeMode.Moving) {
this.isDragging = true
}
if (mode === SliderChangeMode.End) {
this.isDragging = false
}
console.log('Transparent slider value:', value)
})
}.margin({ top: 73, bottom: 73 })
.onTouch((event?: TouchEvent) => {
if (event) {
if (event.type === TouchType.Down) {
clearInterval(this.timer)
}
if (event.type === TouchType.Up) {
this.restartTimer();
this.playerController?.setSeekTime(this.progressVal, SliderChangeMode.End);
}
}
})
}
}
\ No newline at end of file
... ...