LeCodes UI: Основы
UI элементы #
Интерфейс приложения
Интерфейс приложения строится из элементов. Каждый UI-элемент имеет базовые методы, а также реализует свои уникальные
Функция создания элемента совпадает с типом элемента. Если в элемент можно вложить другие элементы, они передаются в массиве
import { UIScreen, UIText } from "ui"
const screen = UIScreen([
UIText("Привет, Letary!")
])
screen.open()
UI элемент не является классом, ключевое слово new ему не требуется.
Применение методов #
Методы для класса могут применяться цепочкой. Таким образом JS код с интерфейсом получается более компактным и более простым для восприятия.
import { UIButton } from "ui"
const text = UIButton([ UIText("Привет, Letary!") ])
.style({ marginTop: 20 })
.onClick(() => toast("Привет!"))
Базовые методы #
style()
Применяет стили к элементу
appear()
Назначает анимацию, которая применится при появлении элемента. Имеет следующие настройки:
type AppearStyle = {
from: Style,
duration?: number,
delay?: number
}
disappear()
Назначает анимацию, которая применится, когда элемент пропадает из интерфейса. Имеет следующие настройки:
type AppearStyle = {
to: Style,
duration?: number,
delay?: number
}