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

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