AutoSpannableTextView

Проект

• Название проекта: AutoSpannableTextView.
• Серия: openharmony, адаптация сторонних компонентов.
• Функции: установка изображения в начале текста; настройка цвета шрифта, подчёркивания и обработчика события клика для ключевых слов (из-за ограничений API невозможно установить цвет фона, функция изменения фона по клику на ключевое слово не реализована).
• Состояние переноса: основная функциональность реализована.
• Различия при вызове: отсутствуют.
• Версия разработки: SDK6, DevEco Studio 2.2 Beta1.
• Базовая версия: Release v1.0.1.

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

Установка

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

1. В файле build.gradle в корневом каталоге проекта:

 allprojects {
    repositories {
        maven {
            url 'https://s01.oss.sonatype.org/content/repositories/releases/'
        }
    }
 }

2. В файле entry модуля build.gradle:

dependencies {
implementation('com.gitee.chinasoft_ohos:AutoSpannableTextView:1.0.0')
   ......
}

Проект можно запустить напрямую в SDK6 и DevEco Studio 2.2 Beta1. Если запуск невозможен, удалите файлы .gradle, .idea, build, gradle и build.gradle и создайте новый проект с соответствующей версией. Скопируйте файлы из нового проекта в корневой каталог.

Использование

Использование в Java UI:

1. Объявите в файле макета XML:

        <com.len.library.AutoLinkStyleTextView
            ohos:id="$+id:autoLinkStyleText"
            ohos:height="match_content"
            ohos:width="match_parent"
            ohos:autoLinkStyleTextViewTextValue="“购买须知”,“用户条款”"
            ohos:multiple_lines="true"
            ohos:text="我已核对付款金额，仔细阅读并同意“购买须知”及团购“用户条款”"
            ohos:text_size="16fp"/>

        <com.len.library.AutoLinkStyleTextView
            ohos:id="$+id:autoLinkStyleText1"
            ohos:height="match_content"
            ohos:width="match_parent"
            ohos:autoLinkStyleTextViewStartImage="$media:ic_qupai_subject_information"
            ohos:autoLinkStyleTextViewType="start_image"
            ohos:text="活动介绍，开始以图片开头"
            ohos:text_size="16fp"
            ohos:top_margin="20vp"/>

2. Вызовите в ability:

        autoLinkStyleTextView.setOnClickCallBack(position -> {
            if(position==0){
                ToastUtil.getInstance().showToast(this,"购买须知");
            }else{
                ToastUtil.getInstance().showToast(this,"用户条款");
            }});

3. Описание параметров: | Параметр | Описание | | --- | --- | | autoLinkStyleTextViewTextValue | Ключевые слова, которые нужно стилизовать, разделенные запятыми | | autoLinkStyleTextViewDefaultColor | Цвет ключевых слов, требующих стилизации | | autoLinkStyleTextViewHasUnderLine | Требуется ли подчеркивание для стиля | | autoLinkStyleTextViewType | Тип стиля: start_image для начала с изображения и content_text для текстового стиля | | autoLinkStyleTextViewStartImage | Изображение, добавляемое в начало текста |

Использование в JS UI:

1. Импортируйте компонент в HTML:

<element name="textView" src="../../common/commpont/textView/textView.hml"></element>
<div class="container">
    <textview
            buy_info='"购买须知"'
            user_clause='"用户条款"'
            activity_title="/common/images/huodong.png"
            activity_type="img"></textview>
</div>

2. Описание параметров: | Параметр | Описание | | --- | --- | | buy_info | Текст «Информация о покупке» | | user_clause | Текст «Пользовательское соглашение» | | activity_type | Тип стиля: img для начала с изображения и text для текстового стиля | | activity_title | Путь к изображению |

Тестирование

CodeCheck — код протестирован без исключений. CloudTest — код протестирован без исключений. Вирусное сканирование — успешно. Текущая версия demo функционально не отличается от исходного компонента.

Версия

• 1.0.0