系统自带color的使用和自定义color
系统的color
查看Color的源码:
static const Color black = Color(0xFF000000);
可以看到,这里的black也是赋值封装好的,我们可以直接调用(Colors.black 即可)。
当然系统也封装了很多的color使用(查看源码轻松找到),
import 'package:flutter/material.dart'; class YColors { static const Color colorPrimary = Color(0xff4caf50); static const Color colorPrimaryDark = Color(0xff388E3C); static const Color colorAccent = Color(0xff8BC34A); static const Color colorPrimaryLight = Color(0xffC8E6C9); static const Color primaryText = Color(0xff212121); static const Color secondaryText = Color(0xff757575); static const Color dividerColor = Color(0xffBDBDBD); }
调用:
theme: ThemeData( ... primaryColor: YColors.colorPrimary, primaryColorDark: YColors.colorPrimaryDark, accentColor: YColors.colorAccent, dividerColor: YColors.dividerColor, ),
不过这里注意color的值,不是#ff0000格式的了,是ARGB格式的
什么是ARGB
在flutter中,color使用的是ARGB,0x后面的就是ARGB,A就是FF表示透明度,RGB就是三原色了,
比如,RGB的红色是#ff0000
所以,ARGB红色我们就可以这样表示
0xffff0000
我们除了改主题的颜色之外,还有很多系统的控件颜色都可以修改的,查看源码ThemeData即可。