RatingBar

Виджет RatingBar используется для отображения рейтинга или сбора рейтингов от пользователей (это интерактивный RatingBar). Например, вы можете использовать виджет RatingBar внутри приложения электронной коммерции для отображения рейтингов продукта.

Добавление RatingBar в ваш проект

Вот пример того, как вы можете использовать виджет RatingBar в своем проекте:

1. Сначала перетащите виджет Column из вкладки Layout Elements (в панели виджетов) или добавьте его напрямую из дерева виджетов. Установите Cross Axis Alignment в Start.
2. Теперь добавьте виджет Image внутри колонки и установите свойство Width в inf и свойство Height в 200.
3. Добавьте виджет Text (внутри колонки). Измените name на Item Name и Theme Style на Title 1. Установите Left Padding на 10.
4. Добавьте еще один виджет Text. Измените name на Item Description и Theme Style на Subtitle 2. Установите Left Padding на 10.
5. Наконец, добавьте виджет RatingBar из вкладки Form Elements или добавьте его напрямую из дерева виджетов.

Сбор оценок от пользователей (Интерактивный RatingBar)

Для сбора оценок от пользователей:

1. Выберите RatingBar в дереве виджетов или на холсте.
2. Перейдите в Редактор свойств и прокрутите вниз до раздела Свойства панели рейтинга.
3. Найдите свойство Interactive и поставьте галочку (нажмите на него).

Установка значению рейтинга

Рейтинг можно установить, введя значение или взяв его из переменной. Это применяется только к RatingBar, который не является интерактивным.

Для ручной установки значения рейтинга для RatingBar:

1. Выберите RatingBar в дереве виджетов или на холсте.
2. Перейдите в Редактор свойств и прокрутите вниз до раздела Свойства панели рейтинга.
3. Найдите свойство Rating и измените значение по умолчанию.

к сведению

Вы также можете ввести значение в виде десятичной дроби, например 1.5. При использовании десятичной дроби часть значка будет окрашена.

Настройка значка

Вот пример того, как можно настроить значки, появляющиеся в RatingBar:

1. Выберите RatingBar в дереве виджетов или на холсте.
2. Перейдите в Редактор свойств и прокрутите вниз до раздела Свойства панели рейтинга.
3. Найдите свойство Icon Count и измените значение на 10.
4. Установите свойство Icon Size на 30.
5. Найдите свойство Icon Selector ниже, нажмите на кнопку Start Rounded, затем найдите и выберите имя значка с FontAwesome.smile.

Изменение цвета оцененного/неоцененного

Чтобы изменить цвет оцененного и неоцененного (цвет для значков, которые не заполнены) для RatingBar:

1. Выберите RatingBar в дереве виджетов или на холсте.
2. Перейдите в Редактор свойств и прокрутите вниз до раздела Свойства панели рейтинга.
3. Теперь найдите свойство Rated Color, нажмите на блок рядом с Secondary, выберите цвет и затем нажмите Use Selected Color или нажмите на Secondary и введите код Hex напрямую. Вы также можете выбрать цвет, щелкнув кнопку Palette and Simple.
4. Точно так же установите цвет Unrated.

Добавление отступа между значками

Чтобы добавить отступ между значками:

1. Выберите RatingBar в дереве виджетов или на холсте.
2. Перейдите в Редактор свойств и прокрутите вниз до раздела Свойства панели рейтинга.
3. Найдите свойство Icon Padding и введите значения.

к сведению

Используйте кнопку Lock, чтобы изменить одновременно отступ слева, сверху, справа и снизу. Разблокировка позволит вам изменить каждое значение отдельно.

Изменение оси

В очень редком случае вам может понадобиться сделать все значки (внутри RatingBar) вертикально. Это можно сделать с помощью свойства Axis.

Чтобы изменить ось:

1. Выберите RatingBar в дереве виджетов или на холсте.
2. Перейдите в Редактор свойств и прокрутите вниз до раздела Свойства панели рейтинга.
3. Найдите выпадающий список Axis и измените его на Vertical.

Запуск действия при изменении

Узнайте, как запустить действие при изменении выбора этого виджета.