滑杆在OpenHarmony应用中的案例

@Entry
@Componentstruct Index {
    @State private speed: number = 5;
    @State private imageSize: number = 1;
    @State private angle: number = 0;
    @State private interval: number = 0;

    build() {
        Column() {
            Image($rawfile('windmill.png')).objectFit(ImageFit.Contain).height(150).width(150).margin({ top: 300, bottom: 300, right: 16 }).rotate({ x: 0, y: 0, z: 1, angle: this.angle }).scale({ x: this.imageSize, y: this.imageSize });
            Slider({
                value: this.speed,
                min: 1,
                max: 10,
                step: 1,
                style: SliderStyle.OutSet
            }).showTips(true).blockColor(Color.Blue).onChange((value: number, mode: SliderChangeMode) => {
                this.speed = value;
                clearInterval(this.interval);
                this.speedChange();
            });
        }
    }

    speedChange() {
        var that = this;
        that.angle = 0;
        this.interval = setInterval(function () {
            that.angle += that.speed;
        }, 15);
    }

    onPageShow() {
        clearInterval(this.interval);
        this.speedChange();
    }
}