PinView

Проект

• Название проекта: PinView.

• Серия: Адаптация сторонних компонентов openharmony.

• Функции: динамическое изменение цвета фона поля ввода, отображение и скрытие базовой линии, переключение между открытым и закрытым текстом.

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

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

• Версия разработки: SDK6, DevEco Studio2.2 Beta1.

• Базовая версия: Release 1.4.3.

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

Установка

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

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

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

dependencies {
   implementation('com.gitee.chinasoft_ohos:PinView:1.4.4')
   ......  
}

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

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

1. Используйте пользовательский элемент управления PinView в XML.

2. Настройте цвет фона и выбранный цвет для отображения.

3. Установите фокус на кнопке.

<com.chaos.view.PinView
        ohos:id="$+id:pinView1"
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:multiple_lines="false"
        ohos:text_color="$color:colorAccent"
        ohos:text_size="30fp"
        ohos:top_margin="32vp"
        app:OptcontentShowMode="2"
        app:OtpCursorColor="$color:colorPrimary"
        app:OtpCursorWidth="3vp"
        app:OtpItemCount="5"
        app:OtpItemSpacing="5vp"
        app:OtpLineColorFocus="$color:colorAccent"
        app:OtpLineColorNoFocus="$color:colorPrimary"
        app:OtpLineWidth="2vp"
        app:corner_size="0vp"
        app:hintColor="$color:text_hint_default"
        app:hintText="Hint."
        app:textColorControlNoFocus="$color:text_default"
        app:inputBoxSquare="true"
        app:inputBoxStyle="1"
        app:itemBackgroudFocus="$color:transparent"
        app:itemBackgroudImg="$media:ic_launcher"
        app:itemBackgroudNoFocus="$color:transparent"
        app:otpViewType="2"
        app:underlineEmptyColor="$color:transparent"
        app:underlineFocusColor="$color:transparent"
        app:borderColorControlNoFocus="$color:text_default"
        app:underlineFullColor="$color:transparent"
        app:itemHeight="48vp"
        app:itemWidth="48vp"/>

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

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

Версия

• 1.4.4

Авторские права и лицензии

Copyright 2017–2018 Chaos Leong

Licensed under the Apache License, Version 2.0 (the «License»); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an «AS IS» BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.