Проект CkSlider_ohos

Описание проекта

Данный проект представляет собой перенос и разработку на основе открытого проекта CkSlider с целью адаптации к openharmony 3.0. Исходный проект для Android можно отследить по тегам проекта и адресу GitHub (https://github.com/tudousi/ck_slide).

• Название проекта: компонент для показа слайдов с изображениями.

• Серия: сторонние компоненты JavaScript для HarmonyOS.

• Функции:

  • адаптация к версии openharmony;
  • импорт изображений в компонент;
  • перенос пользовательского интерфейса компонента для показа слайдов;
  • перенос эффекта показа слайдов;
  • возможность переключения между изображениями влево и вправо;
  • выбор предыдущего или следующего изображения, а также возможность перехода к последнему изображению;
  • эффект постепенного появления и исчезновения изображений.

• Состояние переноса: основная функциональность.

• Различия при вызове: отсутствуют.

• Версия разработки: SDK5, DevEco Studio 2.1 beta3.

• Автор проекта: Чжан Синьсинь.

• Электронная почта: 1061053450@qq.com.

• Адрес исходного документа проекта: https://github.com/tudousi/ck_slide.

Язык программирования: JavaScript.

Инструкция по установке

1. Скачайте har-пакет CkSlider из папки output.
2. Запустите DevEco Studio и импортируйте скачанный har-пакет в каталог entry->libs.
3. В файле build.gradle на уровне модуля добавьте зависимость, указав ссылку на jar-пакеты в каталоге libs.

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar', '*.har'])
	……
}

4. Щёлкните правой кнопкой мыши на импортированном har-пакете, выберите «Add as Library», укажите модули, которые необходимо связать, и нажмите «OK».

После выполнения этих шагов проект можно запустить в среде SDK5 и DevEco Studio 2.1 beta3. Если проект не запускается, удалите файлы .gradle, .idea, build, gradle и build.gradle и создайте новый проект. Затем скопируйте соответствующие файлы нового проекта в корневой каталог.

Использование CkSlider — это интерфейс на основе JavaScript для HarmonyOS, который позволяет воспроизводить несколько рекламных изображений и вручную прокручивать их в цикле. Некоторые методы компонента вызывают нативные методы HarmonyOS.

Методы использования

//Переход к последней картинке
swipeTo() {
        this.$element('swiper').swipeTo({index: 2});
},
//Следующая картинка
showNext() {
        this.$element('swiper').showNext();
},
//Предыдущая картинка
showPrevious() {
        this.$element('swiper').showPrevious();
},
onload: function(data) {
        this.width = data.width;
        this.height = data.height;
}

Демонстрация эффекта

Информация о лицензии и авторских правах Проект CkSlider_ohos лицензирован согласно Apache License, version 2.0.