Блог

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 и юзабилити. Создавая качественный и привлекательный контент, она стремится делать мир онлайна лучше.
Veronika Lindorenko

Latest posts by Veronika Lindorenko (see all)

Share on Google Plus Share on Twitter Share on Facebook Share on Stumbleupon Share on LinkedIn VK Vote on Reddit