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

Перечисление StrokeCap

Перечисление StrokeCap передают в Paint.strokeCap. Влияет на короткие отрезки и stroke.

Синтаксис

StrokeCap.round

Значения

Значение Описание
butt Плоский срез по точке.
round Полукруглый конец.
square Квадратный выступ.

Пример

Давайте линию с round:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: CustomPaint( size: const Size(220, 100), painter: _RoundCapPainter(), ), ), ), ), ); } class _RoundCapPainter extends CustomPainter { @override void paint(Canvas canvas, Size size) { final paint = Paint() ..color = Colors.blue ..strokeWidth = 12 ..strokeCap = StrokeCap.round ..style = PaintingStyle.stroke; canvas.drawLine(Offset(30, 50), Offset(190, 50), paint); } @override bool shouldRepaint(covariant CustomPainter oldDelegate) => false; }

На экране линия с круглыми концами.

Пример

Давайте butt:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: CustomPaint( size: const Size(220, 100), painter: _ButtCapPainter(), ), ), ), ), ); } class _ButtCapPainter extends CustomPainter { @override void paint(Canvas canvas, Size size) { final paint = Paint() ..color = Colors.orange ..strokeWidth = 12 ..strokeCap = StrokeCap.butt ..style = PaintingStyle.stroke; canvas.drawLine(Offset(30, 50), Offset(190, 50), paint); } @override bool shouldRepaint(covariant CustomPainter oldDelegate) => false; }

На экране линия с плоскими концами.

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

  • перечисление PaintingStyle,
    заливка или обводка
  • перечисление Clip,
    как обрезать край
  • перечисление TileMode,
    что делать градиенту за краем
  • перечисление BlendMode,
    как смешать два цвета
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить