按钮button怎么添加符号

首先得先解构一个按钮，把按钮中各个元素都提取出来。按钮的绘制过程：先设一个网格基数（一般为4px） - 绘制一个宽与高存在比例关系的矩形（固定宽度的情况下） - 添加字符（中英文） - 添加按钮（功能） - 调整距离（字符/按钮与矩形之间的距离） -完成。下图就是一个按钮的线稿与正常按钮的对比图。

2.网格基数

绘制一个按钮的第一步，就是设置网格基数。如果网格基数不设置4px而设置3px，那当我们画一个高度为45px的时间选择器时，得知右面“上”的图标高度就是45/2=22.5px，这里出了小数点，22.5px中包含7个网格位，并多出了1.5个px，即22.5-21（3x7网格位）=1.5px的空位，1.5px<3px。所以网格基数设置为3px它是不规范的。在下图中也做出了相应的解释。

我把图上按钮中为“上”的这个图标拆解出来，再来分析它。图标宽高为22.5px，多出了1.5px的。如果宽高为21px，就刚好是7个网格位。所以说把网格的基数设为3px，在绘制模块时会出现小数位，小数位不满一个网格位，则网格基数设为3px就是不规范的。

按钮上能添加图标。

1、把图标设置background，字体设置padding来实现。

2、在文本旁边的按钮上添加一个图标，只需使用ElevatedButton.icon()，想有一个图标而不想有文本，那么就让按钮的child成为一个Icon小部件。

---