Блог

Webix 2.3: Новые виджеты, Typescript и Material Skin

Весна — время перемен и бесконечных возможностей! Этой весной новая версия Webix 2.3 тоже принесла множество полезных обновлений и новых функций.

Команда Webix усердно трудилась над созданием продвинутого функционала, а также отвечала на множество сообщений, поступающих из Webix сообщества. В версии 2.3 появились совершенно новые компоненты — Органограмма и Баркод, а также свеженький Material скин, поддержка TypeScript и другие полезные улучшения.

Material Design

Сейчас о материальном дизайне не говорит только ленивый. Прежде всего, люди обсуждают его, поскольку он был разработан компанией Google. Кроме того, он действительно отлично выглядит и упрощает работу конечных пользователей с приложением. Webix не отстает от модных тенденций и уже может похвастаться новым симпатичным Material скином.

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

Webix Material Skin

Начиная с версии 2.3, вы можете применять Material скин к своим приложениям, созданным с помощью Webix. Этот скин пока не включен в пакет с библиотекой, и его можно скачать из отдельного репозитория на github.com.

Бейджи для кнопок и элементов меню

В новой версии Webix появилась возможность добавлять круглые оранжевые бейджи на кнопки и элементы меню. Эти бейджи показывают количество уведомлений о непрочитанных сообщениях, письмах, запросах на добавление в друзья, активности в группах, и о других обновлениях, которые пользователю нужно просмотреть.

Badges for  Webix Buttons and Menu items

Органограмма

Органограмма — это новый виджет Webix, который позволяет отображать сложные структуры в виде иерархических диаграмм. Например, вы можете использовать этот компонент для отображения отношений между должностями внутри организации.

Webix Organogram

Структура и API Органограммы схожи с теми, что имеет виджет Tree, поэтому вам не придется тратить много времени на то, чтобы разобраться с особенностями этого нового виджета.

Внешний вид органограммы легко настроить в соответствии с требованиями вашего проекта. Вы можете задать размеры ее элементов, способ их размещения, а также их содержимое. Кроме того, можно указать расположение всего компонента по отношению к контейнеру.

Вы также можете легко изменить стиль элементов органограммы с помощью CSS кода или посредством добавления различных HTML-объектов. Таким образом, финальный дизайн виджета полностью в ваших руках.

Если вам нужна более подробная информация об органограмме, вы можете найти ее в документации Webix.

Баркод

Еще один Webix виджет, который является частью версии 2.3, — это Баркод. Он представляет собой графическую информацию, считываемую компьютером в виде цифр, а также последовательности черных и белых полос разной ширины.

Теперь вы можете быстро и легко генерировать баркоды для своих веб-приложений, созданных с помощью Webix.

Webix BarCode widget

Благодаря предопределенным стандартам и простоте настройки виджета, вы можете создать баркод, который будет соответствовать любым требованиям. Webix Barcode включает в себя наиболее популярные типы штрихкодов (EAN8, EAN13, и UPC-A). Вы можете добавить новые баркоды с помощью API.

TypeScript

У нас также есть хорошие новости для поклонников Typescript. Начиная с версии Webix 2.3, появилась возможность использовать официальный файл типизации. Вы можете скачать файл webix.t.ds file , установить его посредством NuGet или с помощью любого другого менеджера пакетов.

Webix uses TypeScript

Узнать больше технических деталей о Webix 2.3 можно по ссылке.

Если вы хотите скачать последнюю версию библиотеки, перейдите сюда.

Автор
The following two tabs change content below.
Veronika Lindorenko

Veronika Lindorenko

Менеджер продукта Webix с 2012. Интересуется SMM и юзабилити. Создавая качественный и привлекательный контент, она стремится делать мир онлайна лучше.