1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/droidzxy-oh_clearableinput

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Это зеркальный репозиторий, синхронизируется ежедневно с исходного репозитория.
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
3 лет назад
3 лет назад
4 лет назад
3 лет назад
4 лет назад
4 лет назад
3 месяцев назад
4 лет назад
4 лет назад
4 лет назад
Loading...
README_zh.md

OhClearableInput

Компоненты

  • В этом примере представлены два пользовательских компонента OpenHarmony: ClearableInput и Keyboard.

    ClearableInput определяет текстовое поле ввода с возможностью очистки.

    Keyboard представляет собой виртуальную клавиатуру для ввода цифр и символов.

Вызов ClearableInput

<element name="clearableinput" src="../clearableinput/clearableinput.hml"></element>
<div class="rootcontainer">
   <div class="container">
       <text class="title" >Login</text>
       <clearableinput style="width: 90%;" tips="username" inputValue="{{username}}" onfocus="onFocusName" @event-clear="clearUsernameClicked"></clearableinput>
       <clearableinput style="width: 90%;margin-top: 15px;" tips="password" inputValue="{{password}}" inputType="password" onfocus="onFocusPassword" @event-clear="clearPasswordClicked"></clearableinput>
   </div>
</div>

Параметры ClearableInput

Параметр Значение
tips Текст подсказки
inputValue Значение в текстовом поле
event-clear Событие при нажатии на кнопку очистки

Вызов Keyboard

<element name="keyboard" src="../keyboard/keyboard.hml"></element>
<div class="rootcontainer">
   <keyboard @event-keyinput="keyClicked" @event-keyback="keybackClicked" @event-hideboard="hideBoard" showattr="{{visibility}}"></keyboard>
</div>

Параметры Keyboard

Параметр Значение
showattr Отображение виртуальной клавиатуры
event-keyinput Событие при нажатии на клавишу с символом или цифрой
event-keyback Событие при нажатии на клавишу удаления
event-hideboard Событие при нажатии на скрывающую клавиатуру клавишу

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

  • Текстовое поле с возможностью удаления

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

  • Виртуальная клавиатура для ввода символов и цифр

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

  • Интерфейс ввода информации

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

  • Предварительный просмотр динамического изображения

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

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

OpenHarmony пользовательский компонент ClearableInput — текстовое поле с иконкой для очистки, Keyboard — программная клавиатура для ввода символов и цифр. Расширить Свернуть
MulanPSL-2.0
Отмена

Обновления

Пока нет обновлений

Участники (2)

все

Недавние действия

Создан репозиторий 3 месяца назад
Больше нет результатов для загрузки
1
https://gitlife.ru/oschina-mirror/droidzxy-oh_clearableinput.git
git@gitlife.ru:oschina-mirror/droidzxy-oh_clearableinput.git
oschina-mirror
droidzxy-oh_clearableinput
droidzxy-oh_clearableinput
master