Перейти к основному содержимому

ProgressBar

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

Добавление ProgressBar​

Вот как можно добавить виджет ProgressBar в ваш проект:

  1. Добавьте виджет ProgressBar, перетащив его из вкладки Базовые элементы или непосредственно из дерева виджетов и выровняйте его по центру.
  2. Перейдите к Редактору свойств (на правой стороне вашего экрана) и прокрутите вниз до раздела Свойства полоски прогресса.
  3. Найдите выпадающий список Форма полосы прогресса и установите его на Круговой или Линейный.
    • Круговой: Полоса прогресса отображается в виде круга. Это форма по умолчанию для полосы прогресса.
    • Линейный: Полоса прогресса отображается в прямоугольной форме и располагается горизонтально на экране.
  4. Чтобы установить прогресс, найдите поле ввода Значение прогресса и введите значение от 0 до 1.0. Например, значение 0.3 заполнит 30% части на панели прогресса.
  5. Для изменения текста прогресса (отображаемого по центру), прокрутите вниз к разделу Текст, найдите свойство Text и введите значение.

Настройка круговой полосы прогресса​

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

Изменение размера​

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

Чтобы изменить размер круговой полосы прогресса:

  1. Выберите ProgressBar из дерева виджетов или области холста.
  2. Перейдите к Редактору свойств (на правой стороне вашего экрана) и прокрутите вниз до раздела Свойства полосы прогресса.
  3. Найдите свойство Диаметр. Существует два способа изменить размер:
    • Чтобы задать точный размер, выберите PX и введите желаемые значения.
    • Чтобы задать размер как % от размера экрана, выберите % и введите желаемое значение.

Изменение толщины​

Изменение свойства толщины позволяет изменить высоту полосы прогресса.

  1. Выберите ProgressBar из дерева виджетов или области холста.
  2. Перейдите к Редактору свойств (на правой стороне вашего экрана) и прокрутите вниз до раздела Свойства полосы прогресса.
  3. Найдите свойство Толщина и введите значение.

Изменение стартового угла​

По умолчанию полоса прогресса начинает заполняться с позиции верхнего центра (т. е. 0 градусов). Однако вы можете установить начальный угол заполнения полосы прогресса с помощью свойства Угол начала.

Чтобы изменить начальный угол:

  1. Выберите ProgressBar из дерева виджетов или области холста.
  2. Перейдите к Редактору свойств (на правой стороне вашего экрана) и прокрутите вниз до раздела Свойства полосы прогресса.
  3. Найдите свойство Угол начала (градусы) и введите значение в градусах. Например, ввод значения 90 заполняет полосу прогресса справа. В то время как значение 180 заполняет полосу прогресса снизу.

Настройка линейной полосы прогресса​

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

Изменение размера​

Вы можете изменить размер по умолчанию, используя свойство Ширина.

Чтобы изменить размер линейной полосы прогресса:

  1. Выберите ProgressBar из дерева виджетов или области холста.
  2. Перейдите к Редактору свойств (на правой стороне вашего экрана) и прокрутите вниз до раздела Свойства полосы прогресса.
  3. Найдите свойство Ширина. Существуют два способа изменения размера:
    • Чтобы задать точный размер, выберите PX и введите желаемые значения.
    • Чтобы задать размер как % от размера экрана, выберите % и введите желаемое значение.

Изменение толщины​

Изменение свойства толщины позволяет изменить высоту полосы прогресса.

  1. Выберите ProgressBar из дерева виджетов или области холста.
  2. Перейдите к Редактору свойств (на правой стороне вашего экрана) и прокрутите вниз до раздела Свойства полосы прогресса.
  3. Найдите свойство Толщина и введите значение.

Изменение конечного радиуса​

По умолчанию полоса прогресса отображается в прямоугольной форме. Однако вы можете сделать её скругленной, используя свойство Конечный радиус.

Чтобы изменить конечный радиус:

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