EasyClick 原生UI连载十七

EasyClick 原生UI教程

讲师：Mr-老鬼，QQ：1156346325
EasyClick 原生UI教程电梯直达： EasyClick 原生UI教程总纲

EasyClick 原生UI之图片轮播特效

效果图

xml 代码

<ScrollView xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
            xmlns:android="http://schemas.android.com/apk/res/android"
            xsi:noNamespaceSchemaLocation="layout.xsd"
            android:layout_height="match_parent"
            android:layout_width="match_parent">
    <LinearLayout android:layout_height="match_parent"
                  android:layout_width="match_parent"
                  android:orientation="vertical"
                  android:padding="20dp">
        <ImageView android:tag="iv"
                   android:layout_width="match_parent"
                   android:layout_height="100dp" />
        <TextView android:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  android:text="自动测试配置省略" />
        <Button android:tag="btn"
                android:layout_width="wrap_parent"
                android:layout_height="wrap_content"
                android:text="停止轮播" />
    LinearLayout>
ScrollView>

ui.js 代码

/*
 * Copyright(c) 2021,
 *    项目名称:619
 *    文件名称:ui.js
 *    创建时间:2021/4/17 下午6:13
 *    作者:laogui
 */
function main() {
     
    ui.layout("参数设置", "main.xml");
    ui.resetUIVar();
    let setBackground;
    //根据需求自己换成自己的图片
    let setBackgroundArr = ["ecandroid1.png", "lunbo1.png", "lunbo2.png", "lunbo3.png", "lunbo4.png"];
    ui.iv.setBackgroundDrawable(ui.resResAsDrawable(setBackgroundArr[0]));// 初始化默认图
    let t = setInterval(function () {
     
        for (let i = 0, end = setBackgroundArr.length; i < end; i++) {
     
            setBackground = ui.resResAsDrawable(setBackgroundArr[i]);
            logd(setBackground)
            ui.run(1000, function (view) {
     
                ui.iv.setBackgroundDrawable(setBackground);// 循环展示图
            })
            sleep(2000);
        }
    }, 1000);
    // 实际项目 不需要停止轮播 这里为了演示加的
    ui.setEvent(ui.btn, "click", function (view) {
     
        cancelInterval(t)
        ui.toast("停止轮播");
    })

}

main();

资源文件

根据需求自己换成自己的图片

喜欢的请我喝个咖啡呗，打赏一下，谢谢。
我是Mr-老鬼、QQ1156346325 。交流QQ群：620028786,647082990
------------------------------------------------版权声明------------------------------------------------------
本文版权所有~Mr-老鬼 ~转载请注明原文地址
免责声明：本文所有的教程仅限交流学习使用不得用于违法用途，造成的法律后果本人不承担责任。