Progressbar android studio kotlin

ProgressBar (Horizontal) — горизонтальный индикатор прогресса

Основы

Компонент ProgressBar (Horizontal) (Индикатор прогресса) применяется в тех случаях, когда пользователю нужно показать, что программа не зависла, а выполняет продолжительную работу.

Находится в категории Widgets.

Студия предлагает несколько видов индикаторов: ProgressBar и ProgressBar (Horizontal). В свою очередь компонент имеет несколько модификаций и их отличия заложены в стилях, если посмотреть XML-описание компонентов. Стили постоянно меняются, поэтому проще выбрать атрибут style и посмотреть предлагаемые варианты из выпадающего списка на текущий момент.

Методы для работы с ProgressBar:

• setProgress() — устанавливает заданное значение индикатора прогресса;
• getProgress() — возвращает текущее значение индикатора прогресса;
• incrementProgressBy() — устанавливает величину дискретизации приращения значения индикатора;
• setMax() — устанавливает максимальное значение величины прогресса.

Горизонтальный индикатор обычно используют, чтобы показать индикатор в действии. При длительной операции пользователь видит, что полоска индикатора постоянно увеличивается.

Нужно задать верхнюю границу диапазона max и начальное значение progress и затем программно работать с этими данными.

Атрибут android:secondaryProgress=»50″ создаёт эффект буфера, когда рисуется ещё одна полоска, опережающая основной цвет. Ей можно управлять через метод setSecondaryProgress().

Отдельный поток

Выполнение длительных операций предпочтительнее производить в отдельном потоке. Android имеет специальный класс Handler для создания фоновых потоков и их взаимодействия с пользовательским интерфейсом. Либо используется AsyncTask и другие способы выполнения в другом потоке.

Запустим индикатор через кнопку.

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

Часто нужно выводить не круглое число 100, а что-то другое (размер файла). Тогда нужно сделать небольшие вычисления, чтобы выводились данные в процентах.

Допустим размер файла 365 Мб. Запускаем и смотрим — вся жизнь пробежала перед глазами, ну или год.

Пунктирный ProgressBar

Изменим обычную линию на пунктир. Создадим файл res/drawable/dash_progressbar.xml.

Подключим через атрибут progressDrawable.

Режим Indeterminate

Существует режим неопределённости (indeterminate), когда индикатор работает постоянно. Для этого нужно установить соответствующие атрибуты.

При запуске индикатор прогресса без всякого кода будет выводить бесконечную анимацию.

Переключение между режимами программно — метод setIndeterminate(boolean indeterminate).

Аккуратнее с атрибутом indeterminateOnly, если он будет установлен, то анимацию программно уже не приостановить. В этом случае просто не используйте атрибут. Несмотря на анимацию, индикатор по прежнему меняет свои показания. Если брать предыдущий пример с процентами и установить атрибуты, указанные выше (кроме indeterminateOnly), то программно можно остановить анимацию следующим образом.

Также часто используют изменение видимости — когда индикатор не нужен, его просто прячут.

Настройка через XML

Индикатор прогресса работает в стиле Material Design на Lollipop-устройствах и выше. На старых устройствах выводится другой цвет.

Можно задать свои настройки для цвета.

Для тонкой настройки компонента под себя следует использовать файл в ресурсах с использованием LayerDrawable. Файл ресурсов должен использовать системный идентификатор @android:id/background для фона, а также идентификатор @android:id/progress для самого индикатора. Также можно использовать ещё один необязательный идентификатор @android:id/secondaryProgress для дополнительного индикатора. Пример ниже.

Вертикальный индикатор прогресса

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

Рассмотрим пример с обычной вертикальной линией. Создадим файл res/drawable/vert_progressbar.xml.

Задействуем атрибут android:progressDrawable. Есть определённая сложность размещения компонента на экране. Хотя мы хотим видеть вертикальный индикатор, студия воспринимает его по-прежнему горизонтальным и в режиме дизайна отображает его соответствующим образом. Попробуем следующий вариант.

Код можно взять из примера с процентами. Там всё без изменений.

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

Другой вариант вертикального индикатора, который гораздо лучше справляется со своей задачей. Кроме того, индикатор будет не виде линии, а полноценным жирным прямоугольником. В папке res/drawable подготовим два файла:

verticalprogressbar.xml

verticalprogressbar2.xml

Разница между двумя файлами только в цвете, которым закрашивается индикатор во время работы. Я создал второй файл только для демонстрации программного изменения индикатора — когда значение индикатора достигнет отметки 50, то цвет поменяется на зелёный.

Код можно вставить после строчки из предыдущего примера:

Также можно использовать атрибут XML.

Круговые индикаторы прогресса

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

Сначала покажу неудачный пример, который попался в интернете. Создадим файл res/drawable/circular_progressbar.xml.

Снова используем атрибут android:progressDrawable. Чтобы пример работал должным образом, нужно следить за размерами индикатора — ширина и высота должны быть одинаковыми. Если забыть об этом, то получим следующее.

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

Для примера с обратным отсчётом я использовал индикатор с двумя drawable-ресурсами, используя shape с другими параметрами.

Индикатор с текстом

К сожалению, индикатор не выводит текст во время работы, что не очень удобно. Можно создать свой ProgressBar из TextView или создать свой компонент на основе ProgressBar. Другой простой способ — наложить текстовый блок прямо на индикатор, используя RelativeLayout. Пример для пояснения.

Код, чтобы увидеть работу индикатора. При каждом щелчке кнопки значение индикаторов увеличиваются на 10 процентов.

Программное создание индикатора

Данный способ уже устарел, так как через XML намного удобнее. Для общего развития.

Индикаторы прогресса также можно использовать в заголовках приложения у старых устройств, а также в ActionBar и ToolBar у новых устройств.

Компонент постоянно дорабатывается. Например, в Android 8 появились новые методы isAnimating(), getMin(), setMin().

Анимация ObjectAnimator

Можно подключить готовую анимацию для визуализации компонента.

Дополнительное чтение

Material ProgressBar — статья про создание собственного индикатора в стиле Material Design

Indeterminate — серия статей на тему создания индикаторов прогресса, ссылка на первую часть.

Источник

ПрогрессБар в Котлине

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

Есть два режима выполнения:

• Определить ProgressBar
• Indeterminate ProgressBar

Определить ProgressBar
Как правило, мы используем режим «Определить прогресс» в progressBar, потому что он показывает количество достигнутых успехов, например (%) процент загруженных файлов, объем загруженных или загруженных данных в Интернете и т. Д.

Если нам нужно использовать определитель, мы устанавливаем стиль индикатора выполнения, как показано ниже:

Indeterminate ProgressBar
Здесь мы не понимаем, как продвигается работа, а значит, сколько она уже выполнена или сколько времени потребуется, чтобы завершить.
Мы можем использовать Indeterminate progressBar, как показано ниже, установив атрибут undeterminate как true.

Различные атрибуты виджетов ProgressBar —

XML Attributes	Description
android:id	Used to uniquely identify the control
android:min	Used to set minimum value
android:max	Used to set maximum value
android:progress	Used to set the default progress integer value between 0 and max.
android:minHeight	Used to set the height of progress bar.
android:minWidth	Used to set the width of progress bar.
android:background	Used to set the background color for progress bar
android:indeterminate	Used to enable indeterminate progress mode.
android:padding	Used to set the padding for left, right, top or bottom of progress bar.

Добавить виджет ProgressBar в файле activity_main.xml

«1.0» encoding= «utf-8» ?>

android:layout_width= «match_parent» android:layout_height= «match_parent» >

Источник

Android ProgressBar (Determinate) Kotlin Example

Android ProgressBar (Determinate mode) – Kotlin Example

Android ProgressBar – Kotlin Example : In this Android Tutorial, we shall learn to indicate the progress of an operation using ProgressBar. We shall use an Example Android Application with dummy operation whose progress has to indicated to user.

ProgressBar could be used both Determinate and Indeterminate progress of a task.

• Indeterminate ProgressBar is used when you cannot estimate or track the progress of a task. By default ProgressBar is in Indeterminate mode.
• Determinate ProgressBar is used when you can estimate or track the progress of a task. To make ProgressBar determinate, add progress property, android:progress=”0″ , in the layout file for ProgressBar View.

In this tutorial, we shall see an example for Determinate ProgressBar. In our next tutorial, we shall learn Android Indeterminate ProgressBar

Progress of ProgressBar can be set using progress property as shown below :

The value provided for the property is the percentage. If 55 is assigned to progress, then 55% of the ProgressBar would be marked with progress.

Following are the details of the Android Application we created for this example.

Источник

Android ProgressBar using Kotlin

Android Tutorial

In this tutorial, we’ll discuss and implement ProgressBar in our Android Application using Kotlin.

What is a ProgressBar?

ProgressBar UI element is used to display the Progress on the app screen. We can use a ProgressBar to show the download/upload progress on the app screen.

Progress Bar Types

There are two types of Progress Bar.

1. Determinate ProgressBar – This is used when you can track and show the progress completed.
2. Indeterminate ProgressBar – This one goes infinitely until stopped.

A ProgressDialog would hold a ProgressBar inside an Alert Dialog. ProgressDialog is now deprecated since it isn’t a good idea to show long progress in a dialog while blocking the screen.

ProgressBar Attributes

Some of the important attributes of ProgressBar are:

• android:indeterminate – used to specify the boolean value indicating the type of the ProgressBar
• android:max – The upper limit of the progress
• android:min – The lower limit of the progress
• android:progress – The steps by which the progress would be incremented.
• android:minWidth and minHeight – Used to define the dimensions of the ProgressBar
• android:progressBarTint – The tint color of the progress completed of the ProgressBar
• android:progressBarBackgroundTint – The tint color of the progress completed of the ProgressBar
• style – Used to set the style of the ProgressBar. By default it is circular. We can set the style as @style/Widget.AppCompat.ProgressBar.Horizontal for the Horizontal ProgressBar
• android:progressDrawable – Is used to set a drawable for the progress.
• android:secondaryProgress – Indicates the secondary progress value. This is used when we want to show the sub-downloads/subtasks progress.

The default tint colors are set to the colorAccent defined in the styles.xml .

ProgressBar XML Layout

A basic circular indeterminate ProgressBar XML layout looks like this:

In the following section, we’ll implement various types of ProgressBars in our Android app using Kotlin.

Android ProgressBar Kotlin App Project Structure

1. XML Layout Code

The code for the activity_main.xml layout is as follows.

In the last progress bar, we’ve set a progress drawable on the horizontal ProgressBar.

The drawable.xml file is progress_states.xml .

In this drawable, we’ve created different states of the drawable.

All are circular shaped and each layer would be displayed for the different states – idle, secondary progress, primary progress.

2. Kotlin Main Activity Code

Let’s look at the MainActivity.kt Kotlin class code.

The horizontalDeterminate Kotlin function is triggered when the first button is clicked. It is used to start/stop Horizontal ProgressBar.

A Handler is associated with a single thread. It is used to send messages to the Thread.

The btnProgressBarSecondary click triggers the second progress bar. We have created two handlers – one for the normal progress and second for the subtasks. In each of them, we are setting the thread to sleep.

For the secondary thread, the sleep time is 1/100 of the primary progress thread. The progress value is displayed on the TextView.

Источник