BorderRadius.circular(radius)如何用作RoundedRectangleBorder Flutter的参数?

问题描述 投票:-1回答:1

文档只是声明

RoundedRectangleBorder

带有圆角的矩形边框。通常与ShapeDecoration一起使用,以绘制带有圆角矩形的框。该形状可以与CircleBorder进行插值。

BorderRadius.circular

创建所有半径均为[Radius.circular(radius)]的边界半径。

这是什么意思?如果我的按钮是50个逻辑像素(半径为25),并且我将半径设置为20,那么它应该在20个逻辑像素半径之外剪切角吗?如果将其设置为30,则整个按钮将位于圆形半径内,因此不应剪切任何内容。事实并非如此。

[一切> = 30似乎将拐角剪辑为45度弧,从而在按钮的每个短边上形成了一个完整的半圆。

谁能解释这个值以及如何使用它?

flutter flutter-layout rounded-corners cornerradius
1个回答
0
投票

半径告诉您创建弧距拐角的距离。因此,如果只想稍微倒圆角,则可以使用较小的值。 80pt x 30pt的DecoratedBox可能需要7pt的圆形半径。半径为圆的圆从顶部和相邻边延伸7个点。如果您应用的圆弧半径大于遇到半圆的最短边。为此,半径为15pt或更大将产生该效果。

[如果您正在寻找一个可能会为您决定圆角的盒子,那么您可以轻松地创建一个将DecoratedBox包裹在LayoutBuilder中的类,以找出最短的一面,并根据该长度确定小数半径。

© www.soinside.com 2019 - 2024. All rights reserved.