鸿蒙开源第三方组件之连续滚动图像组件功能

import com.cunoraz.continuousscrollable.ContinuousScrollableImageView;

// 实例化对象
ContinuousScrollableImageView plane=new ContinuousScrollableImageView(this);
// 采用常用方式进行属性设置
LayoutConfig planeCOnfig=new LayoutConfig(ComponentContainer.LayoutConfig.MATCH_PARENT,0,LayoutConfig.UNSPECIFIED_ALIGNMENT,1);
plane.setLayoutConfig(planeConfig);
plane.setDirection(ContinuousScrollableImageView.RIGHT);  //设置滚动方向向右
plane.setDuration(2500);   //设置滚动周期
plane.setScaleType(ContinuousScrollableImageView.CENTER_INSIDE);  //设置缩放类型
plane.setResourceId(ResourceTable.Media_plane);  // 设置图像源

// 实例化对象
ContinuousScrollableImageView cloud=new ContinuousScrollableImageView(this);
// 采用常用方法进行属性设置
LayoutConfig cloudCOnfig=new LayoutConfig(ComponentContainer.LayoutConfig.MATCH_PARENT,0,LayoutConfig.UNSPECIFIED_ALIGNMENT,1);
cloud.setLayoutConfig(cloudConfig);
cloud.setDirection(ContinuousScrollableImageView.LEFT);   //设置滚动方向向左
cloud.setDuration(4000);    //设置滚动周期
cloud.setResourceId(ResourceTable.Media_cloud);    //设置图像源

LayoutConfig mountainCOnfig=new LayoutConfig(ComponentContainer.LayoutConfig.MATCH_PARENT,0,LayoutConfig.UNSPECIFIED_ALIGNMENT,1);
//采用Builder方式进行对象创建和属性设置
ContinuousScrollableImageView mountain=new ContinuousScrollableImageView.Builder(this.getAbility())
        .setDirection(ContinuousScrollableImageView.LEFT)    //设置方向向左
        .setDuration(6000)    //设置时间间隔
        .setResourceId(ResourceTable.Media_mountain)    //设置图像源
        .build();
mountain.setLayoutConfig(mountainConfig);

layout.addComponent(cloud); //飞机对象添加到布局
layout.addComponent(mountain); //云对象添加到布局
layout.addComponent(mountain);  //山对象添加到布局

private void setImages() {
    ......
    firstImage = (Image) this.findComponentById(ResourceTable.Id_first_image);
    secOndImage= (Image) this.findComponentById(ResourceTable.Id_second_image);
    firstImage.setImageAndDecodeBounds(resourceId);
    secondImage.setImageAndDecodeBounds(resourceId);
    setScaleType(scaleType);
}

animator.setLoopedCount(AnimatorValue.INFINITE);  //动画无限重复
animator.setCurveType(Animator.CurveType.LINEAR);  //动画线性变化
animator.setDuration(duration);   //动画的持续时间

switch (DEFAULT_ASYMPTOTE) {
    case HORIZONTAL:   // 横向滚动
        animator.setValueUpdateListener(new AnimatorValue.ValueUpdateListener() {       //值动画监听
            @Override
            public void onUpdate(AnimatorValue animatorValue, float v) {
                // firstImage和secondImage循环显示算法
                float progress;
                if (DIRECTION_MULTIPLIER == 1)
                    progress = DIRECTION_MULTIPLIER * (v);
                else
                    progress = DIRECTION_MULTIPLIER * (-v);
                float width = DIRECTION_MULTIPLIER * (-firstImage.getWidth());
                float translatiOnX= width * progress;
                firstImage.setTranslationX(translationX);  //设置firstImage的横坐标
                secondImage.setTranslationX(translationX - width); //设置secondImage的横坐标
            }
        });
        break;
......

animator.start();      //动画启动

//设置滚动周期
public void setDuration(int duration) {
    this.duration = duration;
    isBuilt = false;
    build();
}
//设置方向
public void setDirection(@Directions int direction) {
    this.direction = direction;
    isBuilt = false;
    setDirectionFlags(direction);
    build();
}
//设置图像源
public void setResourceId(int resourceId) {
    this.resourceId = resourceId;
    firstImage.setImageAndDecodeBounds(this.resourceId);
    secondImage.setImageAndDecodeBounds(this.resourceId);
}
//设置图像缩放类型
public void setScaleType(@ScaleType int scaleType) {
    if (firstImage == null || secOndImage== null) {
        throw new NullPointerException();
    }
    Image.ScaleMode type = Image.ScaleMode.CENTER;
    switch (scaleType) {
	···
    }
    this.scaleType = scaleType;
    firstImage.setScaleMode(type);
    secondImage.setScaleMode(type);
}

public static final class Builder {
    private ContinuousScrollableImageView scrollableImage;
    public Builder(Ability ability) {
        scrollableImage = new ContinuousScrollableImageView(ability);
    }
    //设置滚动周期
    public Builder setDuration(int duration) {
        scrollableImage.setDuration(duration);
        return this;
    }
    //设置图像源
    public Builder setResourceId(int resourceId) {
        scrollableImage.setResourceId(resourceId);
        return this;
    }
   //设置滚动方向
    public Builder setDirection(@Directions int direction) {
        scrollableImage.setDirection(direction);
        return this;
    }
    //设置缩放类型
    public Builder setScaleType(@ScaleType int scaleType) {
        scrollableImage.setScaleType(scaleType);
        return this;
    }
    public ContinuousScrollableImageView build() {
        return scrollableImage;
    }
}