Метод clip

Метод clip интерфейса Modifier обрезает всё содержимое элемента по контуру формы. Часто используют RoundedCornerShape перед фоном или картинкой.

Синтаксис

Modifier.clip(RoundedCornerShape(16.dp))

Параметры

Параметр	Описание
`shape`	Форма обрезки. Принимает значение `RoundedCornerShape` или другую Shape.

Пример

Давайте обрежем фон по скруглённому прямоугольнику:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material3.Text
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
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
					.size(160.dp, 80.dp)
					.clip(RoundedCornerShape(24.dp))
					.background(Color.LightGray)
					.padding(16.dp),
			)
		}
	}
}

На экране серый фон и текст не выйдут за скруглённый контур.

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

метод background,
который рисует заливку
метод border,
который рисует линию по контуру
метод shadow,
который учитывает форму для тени
класс RoundedCornerShape,
скругление углов