Класс Icons
Класс Icons в пакете
androidx.compose.material.icons
собирает векторные иконки Material Design.
Конкретный контур передают в параметр
imageVector функции
Icon.
Стиль выбирают по группе: Filled,
Outlined, Rounded и другие.
Синтаксис
Icons.Filled.Add
Значения
| Значение | Описание |
|---|---|
Icons.Default |
Группа иконок по умолчанию, тот же стиль,
что и Filled в старых примерах.
|
Icons.Filled |
Залитые иконки с плотной формой. |
Icons.Outlined |
Контурные иконки с тонким штрихом. |
Icons.Rounded |
Иконки со скруглёнными углами. |
Icons.Sharp |
Иконки с острыми углами. |
Icons.TwoTone |
Двухцветные иконки с вторым оттенком. |
Icons.Filled.Add |
Знак плюса, часто для кнопки добавления. |
Icons.Filled.Menu |
Три полоски, иконка меню или навигации. |
Icons.Filled.Close |
Крестик для закрытия или отмены. |
Icons.Filled.Search |
Лупа для поиска. |
Для каждой иконки подключите модуль
material-icons-extended
или отдельный артефакт с нужным пакетом,
например material-icons-core
для базового набора.
Пример
Давайте выведем иконку меню из группы Filled:
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Menu
import androidx.compose.material3.Icon
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
Icon(
imageVector = Icons.Filled.Menu,
contentDescription = "abcde",
)
}
}
}
На экране появится иконка меню Material.
Смотрите также
-
функция
Icon,
которая рисуетImageVectorна экране -
класс
ImageVector,
тип контура, который возвращаетIcons -
функция
Image,
которая рисует растровые файлы из drawable -
класс
Color,
который задаётtintуIcon