Метод border

Метод border интерфейса Modifier рисует контур по форме элемента. Толщину задают в Dp, цвет - классом Color.

Синтаксис

Modifier.border(2.dp, Color.Black)

Параметры

Параметр	Описание
`width`	Толщина линии обводки в dp.
`color`	Цвет линии. Принимает значение класса `Color`.
`shape`	Форма контура, например `RoundedCornerShape`.

Пример

Давайте обведём текст рамкой:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.border
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material3.Text
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp

class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
		super.onCreate(savedInstanceState)
		setContent {
			Text(
				text = "abcde",
				modifier = Modifier
					.border(
						width = 2.dp,
						color = Color.Black,
						shape = RoundedCornerShape(8.dp),
					)
					.padding(12.dp),
			)
		}
	}
}

На экране вокруг текста появится чёрная рамка со скруглёнными углами.

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

метод background,
который заливает область цветом
метод clip,
который обрезает содержимое
класс RoundedCornerShape,
форма со скруглёнными углами
класс Color,
цвет обводки