Flutter – BorderRadius 小工具

在Flutter中，BorderRadius小工具是用于创建圆角的非常方便的类，可以轻松地在屏幕元素中使用。BorderRadius是一个不可变类，它接受四种类型的可能值：Radius，CircularRadius，BeveledRadius和ZeroRadius。

Radius

Radius类是用于设置圆角的最简单的类。Radius可以是水平和垂直方向上的不同半径。

  Container(
    decoration: BoxDecoration(
      borderRadius: BorderRadius.all(Radius.circular(8.0)),
      color: Colors.orange,
    ),
  )

CircularRadius

CircularRadius类可以用于按照单一半径完全设置所有四个半径的圆角。

  Container(
    decoration: BoxDecoration(
      borderRadius: BorderRadius.circular(8.0),
      color: Colors.orange,
    ),
  )

BeveledRadius

BeveledRadius类可以表示将圆角斜面裁剪成与边角相交的直面的圆角。其构造函数需要两个参数，x和y中的一个表示横向斜度，另一个表示纵向斜度。

  Container(
    decoration: BoxDecoration(
      borderRadius: BorderRadius.only(
        topLeft: Radius.zero,
        topRight: Radius.circular(24.0),
        bottomLeft: Radius.circular(4.0),
        bottomRight: Radius.circular(4.0),
      ),
      color: Colors.orange,
    ),
  )

ZeroRadius

ZeroRadius类是用于将矩形角设置为完全可见的90度角。

  Container(
    decoration: BoxDecoration(
      borderRadius: BorderRadius.zero,
      color: Colors.orange,
    ),
  )

以上是BorderRadius类的四种类型，其中CircularRadius是用得最多的，但是在某些情况下，你可能需要使用另一种类型。

附上Github中此项目的样例代码：flutter_border_radius_example

以上便是Flutter中BorderRadius小工具的介绍。使用BorderRadius小工具可以轻松地创建圆角元素，使你的应用程序看起来更加现代化和专业。