Создаем портфолио за 1 месяц
К концу месяца: 4 классных проекта в вашем портфолио! Стоимость: 100$. Подробности...
261 of 1024 menu
◀ ▶

Перечисление 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,
    конец линии
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить