ElevatedButton 更改颜色 - C#

在Flutter中，ElevatedButton是一个高亮凸起的按钮，可以方便地引导用户进行某些操作。但如果想要更改按钮的颜色，该怎么办呢？

方法一：使用样式

Flutter提供了样式这个概念，可以方便地定义一些通用的样式，应用到不同的组件上。我们可以通过样式来更改ElevatedButton的颜色。

1. 定义一个样式：

final ButtonStyle customButtonStyle = ElevatedButton.styleFrom(
  primary: Colors.teal, // 更改背景色
  onPrimary: Colors.white, // 更改文本颜色
  textStyle: TextStyle(fontSize: 20), // 更改文本大小
);

2. 在ElevatedButton中引用样式：

ElevatedButton(
  style: customButtonStyle, // 引用样式
  onPressed: () {},
  child: Text('Custom'),
),

这样，我们就成功更改了按钮的颜色。

方法二：自定义背景

如果需要更加自定义的颜色和效果，可以考虑直接自定义ElevatedButton的背景。

1. 创建一个自定义的背景：

class CustomButtonBackground extends MaterialStateProperty<ElevatedButtonStyle> {
  final Color backgroundColor;

  CustomButtonBackground(this.backgroundColor);

  @override
  ElevatedButtonStyle resolve(Set<MaterialState> states) {
    return ElevatedButton.styleFrom(
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(30),
      ),
      padding: EdgeInsets.all(0),
      primary: backgroundColor,
      elevation: states.contains(MaterialState.pressed) ? 2 : 0,
    );
  }
}

2. 在ElevatedButton中引用自定义背景：

ElevatedButton(
  style: CustomButtonBackground(Colors.teal), // 自定义背景
  onPressed: () {},
  child: Text('Custom'),
),

这样，我们就可以更加任意地自定义ElevatedButton的颜色和背景了。

以上就是关于在C#中如何使用ElevatedButton更改颜色的介绍，希望可以帮助到大家。