当前位置: 首页 > 知识库问答 >
问题:

如何在Flutter上设置MaterialButton的圆形边框?

孟凯泽
2023-03-14

我正在尝试将圆角边框设置为我的MaterialButton,为此,我正在设置一个RoundedRectangleBorder来形状属性的MaterialButton,问题是它没有效果。

代码:

  Widget _showNeedHelpButton() {
    return new Padding(      
      padding: EdgeInsets.fromLTRB(0.0, 5.0, 0.0, 0.0),
      child: new MaterialButton(
        shape: RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(20.0))),
        elevation: 5.0,
        minWidth: 200.0,
        height: 35,
        color: Color(0xFF801E48),
        child: new Text('Preciso de ajuda',
            style: new TextStyle(fontSize: 16.0, color: Colors.white)),
        onPressed: () {
          setState(() {
            _isNeedHelp = true;
          });
        },
      ),
    );
  }

结果:

共有1个答案

令狐宣
2023-03-14

如果您需要使用MaterialButton()-您需要用Material小部件扭曲按钮,以获得所需的行为。

    Widget _showNeedHelpButton() {
    return Padding(
      padding: EdgeInsets.fromLTRB(0.0, 5.0, 0.0, 0.0),
      child: Material(  //Wrap with Material
        shape: RoundedRectangleBorder(borderRadius:BorderRadius.circular(22.0) ),
        elevation: 18.0,
        color: Color(0xFF801E48),
        clipBehavior: Clip.antiAlias, // Add This
        child: MaterialButton(
          minWidth: 200.0,
          height: 35,
          color: Color(0xFF801E48),
          child: new Text('Preciso de ajuda',
              style: new TextStyle(fontSize: 16.0, color: Colors.white)),
          onPressed: () {
//          setState(() {
//            _isNeedHelp = true;
//          });
          },
        ),
      ),
    );
  }

更新:

  minWidth: 200.0,
  height: 95,
 类似资料:
  • 我有几个可行的解决方案,首先测量视图并以此方式设置角的大小,但随后我发现使用了对象。 但是,我仍然找不到XML中的解决方案。

  • 有什么方法可以让我创建带有圆形边框的自定义弹出窗口?这是我目前的代码和设计:

  • 问题内容: 请提供有关如何在椭圆形或圆形上进行裁剪的想法。请分享您的想法。 问题答案: 通过增加半径,它将变得更圆滑。 只要图像是正方形,就可以通过将宽度的一半作为拐角半径来获得一个完美的圆: 您还需要添加 斯威夫特4.2

  • 问题内容: 我用以下问题创建了CircularImageView:在android中创建圆形图像视图 在GitHub上下载项目 1)这是CircularImageView类: 2)我在我的布局中使用这样的: 你可以通过gradle依赖关系使用或下载带有所有修复程序的GitHub库 CircularImageView: compile ‘com.mikhaellopez:circularimagev

  • 问题内容: 我想知道如何在IE8中制作圆形边框。我在用着 适用于mozilla和safari。 问题答案: 有一个jQuery插件。http://jquery.malsup.com/corner/

  • 我是libGDX的新手,据我所知,Intersector类有矩形/矩形、圆/圆、圆/矩形和多边形/多边形的重叠方法,但由于某种原因,它似乎没有任何检查多边形/矩形或多边形/圆的方法。 有没有推荐的方法来检查多边形和矩形/圆之间的冲突? 另外,为什么这被排除在跨部门类之外,有什么原因吗?(即,我应该避免它吗?如果是这样,推荐的替代方案是什么?