Функция LinearProgressIndicator

Функция LinearProgressIndicator рисует горизонтальную полоску прогресса. Если передать параметр progress, полоска показывает долю от 0 до 1. В актуальном Material3 это лямбда () -> Float, а не число напрямую. Если progress не задавать, индикатор идёт в бесконечном режиме ожидания.

Синтаксис

LinearProgressIndicator(
	progress = { 0.5f },
)

Параметры

Параметр	Описание
`progress`	Лямбда без аргументов, которая возвращает долю заполнения от `0f` до `1f`. Если параметр опустить, полоска анимируется бесконечно.
`color`	Цвет заполненной части. Принимает `Color`.
`trackColor`	Цвет фона полоски под прогрессом.

Пример

Давайте покажем прогресс наполовину:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.material3.LinearProgressIndicator

class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
		super.onCreate(savedInstanceState)
		setContent {
			LinearProgressIndicator(
				progress = { 0.5f },
			)
		}
	}
}

На экране полоска будет заполнена примерно на половину ширины.

Пример

Давайте включим бесконечную анимацию:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.material3.LinearProgressIndicator

class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
		super.onCreate(savedInstanceState)
		setContent {
			LinearProgressIndicator()
		}
	}
}

На экране полоска будет плавно бегать без фиксированного процента.

Смотрите также

функция CircularProgressIndicator,
которая рисует круговой индикатор
класс Color,
которым задают цвет полоски
функция Column,
куда ставят индикатор над текстом
функция Scaffold,
в content которого показывают загрузку