Перечисление Clip
Перечисление Clip задаёт режим сглаживания края при обрезке.
Его передают в clipBehavior у Material и ClipRRect.
Синтаксис
Clip.antiAlias
Значения
| Значение | Описание |
|---|---|
none |
Обрезка отключена. |
hardEdge |
Резкий край без сглаживания. |
antiAlias |
Сглаживание края. |
antiAliasWithSaveLayer |
Сглаживание через отдельный слой. |
Пример
Давайте обрежем углы через ClipRRect с antiAlias:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: Center(
child: ClipRRect(
borderRadius: BorderRadius.circular(16),
clipBehavior: Clip.antiAlias,
child: Container(width: 160, height: 100, color: Colors.green),
),
),
),
),
);
}
На экране зелёный блок со сглаженными скруглёнными углами.
Пример
Давайте сравним с hardEdge:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: Center(
child: ClipRRect(
borderRadius: BorderRadius.circular(4),
clipBehavior: Clip.hardEdge,
child: Container(width: 120, height: 80, color: Colors.orange),
),
),
),
),
);
}
На экране край обрезки без сглаживания.
Смотрите также
-
перечисление
BorderStyle,
есть линия или нет -
перечисление
BoxShape,
прямоугольник или круг -
перечисление
PaintingStyle,
заливка или обводка -
перечисление
StrokeCap,
конец линии