鸿蒙应用开发 | (Slider) 用法，拖动进度条改变图片大小和透明度

简介
鸿蒙中进度条目前有3种方式：RoundProgressBar，ProgressBar，Slider，分别是：圆形，线性，和拖动，今天来说说拖动进度条，该类型的进度条有一个拖动bar用来拖动，通过重写Slider.ValueChangedListener 的函数 onProgressUpdated 实现拖动的操作更新 。
 

用到的属性
Image：
 

image_scane.setScale(i/10,i/10);
image_scane.setAlpha(i/10);
实战
1，添加两个拖动条

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:padding="10vp"
    ohos:alignment="horizontal_center"
    ohos:orientation="vertical">
 
    <Image
        ohos:id="$+id:image_scane"
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:scale_mode="clip_center"
        ohos:image_src="$media:image"
        />
    <Text
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:top_margin="100vp"
        ohos:text_size="18fp"
        ohos:text="改变图片大小"/>
    <Slider
        ohos:id="$+id:slider_opt"
        ohos:height="match_content"
        ohos:width="match_parent"
        ohos:top_margin="10vp"/>
 
    <Text
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:top_margin="10vp"
        ohos:text_size="18fp"
        ohos:text="改变图片透明度"/>
    <Slider
        ohos:id="$+id:slider_opt2"
        ohos:height="match_content"
        ohos:width="match_parent"
        ohos:top_margin="10vp"/>
 
</DirectionalLayout>

2，添加监听接口

实现 接口 ：Slider.ValueChangedListener

重写函数：

@Override
public void onProgressUpdated(Slider slider, int i, boolean b) {
    image_scane.setScale(i/10,i/10);
    image_scane.setAlpha(i/10);
}
 
@Override
public void onTouchStart(Slider slider) {
 
}
 
@Override
public void onTouchEnd(Slider slider) {
 
}

在 onProgressUpdated 函数中更新操作：

image_scane.setScale(i/10,i/10);image_scane.setAlpha(i/10);

————————————————

                            版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
                        
原文链接：https://blog.youkuaiyun.com/jianpengxuexikaifa/article/details/118925769