还有一种类型的按钮叫 OutlineButton 描边按钮 .. 可以把界面上显示的 RaisedButton 换成 OutlineButton .. OutlineButton 里面没有 elevation 属性,去掉这个属性 ..
这种按钮也可以添加一个小图标 .. 用的就是 OutlineButton 的 icon 方法来创建 .. 再去掉 elevation 属性 ..
OutlineButton 默认有一个描边的效果 .. 这个描边的颜色可以使用 borderSide 设置一下 .. 它是一个 BorderSide .. 里面用 color 设置一下描边的颜色 .. 可以设置成黑色 ..
文字的颜色可以使用 textColor 这个属性来设置 .. 设置成 black ... 黑色 ..
点按这种按钮的时候会有个溅墨效果.. 另外按钮的边框的颜色会有变化 .. 这个溅墨效果的颜色是用 splashColor 设置的 .. 可以使用一种浅一点的灰色 ..
高亮的边框颜色可以使用 hightligtedBorderColor 这个属性来设置 .. 把它设置成灰色 ... 再试一下 ..
下面可以再保存一下这个练习 .. 复制一下这排内容 ... 在上面再去添加一个 OutlineButtonDemo .. 把复制的代码交给它 .. 以后你可以使用这块代码得到界面上显示的这两个按钮 ..