Метод elliptical
Метод elliptical класса Radius
собирает радиус из двух чисел.
Первое растягивает дугу по горизонтали, второе по вертикали, поэтому угол становится четвертью эллипса.
Синтаксис
Radius.elliptical(24, 8)
Параметры
| Параметр | Описание |
|---|---|
x |
Радиус по горизонтали. |
y |
Радиус по вертикали. |
Пример
Давайте вытянем угол в ширину:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: Center(
child: Container(
padding: EdgeInsets.all(16),
decoration: BoxDecoration(
color: Color(0xFF1565C0),
borderRadius: BorderRadius.all(Radius.elliptical(28, 8)),
),
child: Text('abcde'),
)
),
),
),
);
}
На экране синяя карточка. Углы пологие: по горизонтали дуга длиннее, чем по вертикали.
Пример
Давайте вытянем угол в высоту:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: Center(
child: Container(
padding: EdgeInsets.all(16),
decoration: BoxDecoration(
color: Color(0xFF6A1B9A),
borderRadius: BorderRadius.all(Radius.elliptical(8, 24)),
),
child: Text('12345'),
)
),
),
),
);
}
На экране фиолетовая карточка. Дуга выше, чем шире.
Смотрите также
-
метод
circular,
который собирает радиус угла, одинаковый по обеим осям -
метод
lerp,
который смешивает два радиуса угла в заданной доле -
класс
RRect,
который хранит прямоугольник со скруглёнными углами -
класс
BorderRadius,
который собирает радиусы четырёх углов