feat: RaisedButton

Author: sam

docs/widget/common/raisedbutton/index.md

@@ -1 +1,57 @@
-## **文档完善中**
+## **RaisedButton**
+>
+RaisedButton 凸起按钮
+
+### 构造方法
+``` dart
+RaisedButton({
+    Key key,
+    @required VoidCallback onPressed,
+    ValueChanged<bool> onHighlightChanged,
+    ButtonTextTheme textTheme,
+    Color textColor,
+    Color disabledTextColor,
+    Color color,
+    Color disabledColor,
+    Color highlightColor,
+    Color splashColor,
+    Brightness colorBrightness,
+    double elevation,
+    double highlightElevation,
+    double disabledElevation,
+    EdgeInsetsGeometry padding,
+    ShapeBorder shape,
+    Clip clipBehavior = Clip.none,
+    MaterialTapTargetSize materialTapTargetSize,
+    Duration animationDuration,
+    Widget child,
+  })
+```
+
+### 属性介绍
+* onPressed: 点击回调
+* textColor：文本颜色
+* disabledTextColor：禁用文本颜色
+* color：按钮颜色
+* disabledColor: 禁用按钮颜色
+* highlightColor：长按按钮颜色
+* splashColor： 点击按钮水波纹颜色
+* elevation： 按钮下面阴影
+* highlightElevation：阴影大小
+* disabledElevation：禁止阴影
+* padding：按钮填充区域
+* shape：按钮形状
+* child：按钮中的Widget
+
+### 高级用法
+按钮形状
+* BeveledRectangleBorder 带斜角的长方形边框
+* CircleBorder 圆形边框
+* RoundedRectangleBorder 圆角矩形
+* StadiumBorder 两端是半圆的边框
+
+设置按钮形状常用属性
+* side：用来设置边线（颜色、宽度等）
+* borderRadius：用来设置圆角
+
+使用RaisedButton.icon可以创建图标（icon）和标签（label）的widget文本按钮

lib/widget/common/raisedbutton/demo.dart

@@ -6,6 +6,7 @@ class Index extends StatefulWidget {
 }
 
 class _IndexState extends State<Index> {
+  var params = 0.0;
   @override
   void initState() {
     super.initState();
@@ -18,7 +19,104 @@ class _IndexState extends State<Index> {
         title: Text('RaisedButton'),
       ),
       body: Center(
-        child: Text('更新中'),
+        child: Wrap(
+          alignment: WrapAlignment.spaceEvenly,
+          children: <Widget>[
+            RaisedButton(
+              onPressed: () {
+                setState(() {
+                  params == 0.0 ? params = 10.0 : params = 0.0;
+                });
+              },
+              child: Text('BeveledRectangleBorder'),
+              textColor: Colors.white,
+              textTheme: ButtonTextTheme.normal,
+              color: Theme.of(context).primaryColor,
+              splashColor: Colors.pink,
+              highlightColor: Colors.pink,
+              elevation: 2.0,
+              highlightElevation: 8.0,
+              padding: EdgeInsets.all(10.0),
+              shape: BeveledRectangleBorder(
+                side: BorderSide(
+                  color: Colors.green
+                ),
+                borderRadius: BorderRadius.all(Radius.circular(params))
+              )
+            ),
+            RaisedButton(
+              onPressed: () {
+                setState(() {
+                  params == 0.0 ? params = 10.0 : params = 0.0;
+                });
+              },
+              child: Text('RoundedRectangleBorder'),
+              textColor: Colors.white,
+              textTheme: ButtonTextTheme.normal,
+              color: Theme.of(context).primaryColor,
+              splashColor: Colors.pink,
+              highlightColor: Colors.pink,
+              elevation: 2.0,
+              highlightElevation: 8.0,
+              padding: EdgeInsets.all(10.0),
+              shape: RoundedRectangleBorder(
+                side: BorderSide(
+                  color: Colors.green
+                ),
+                borderRadius: BorderRadius.circular(params)
+              )
+            ),
+            RaisedButton(
+              onPressed: () {
+                setState(() {
+                  params == 0.0 ? params = 10.0 : params = 0.0;
+                });
+              },
+              child: Text('CircleBorder'),
+              textColor: Colors.white,
+              textTheme: ButtonTextTheme.normal,
+              color: Theme.of(context).primaryColor,
+              splashColor: Colors.pink,
+              highlightColor: Colors.pink,
+              elevation: 2.0,
+              highlightElevation: 8.0,
+              padding: EdgeInsets.all(30.0),
+              shape: CircleBorder(
+                side: BorderSide(
+                  color: Colors.green
+                ),
+              )
+            ),
+            RaisedButton(
+              onPressed: () {
+                setState(() {
+                  params == 0.0 ? params = 10.0 : params = 0.0;
+                });
+              },
+              child: Text('StadiumBorder'),
+              textColor: Colors.white,
+              textTheme: ButtonTextTheme.normal,
+              color: Theme.of(context).primaryColor,
+              splashColor: Colors.pink,
+              highlightColor: Colors.pink,
+              elevation: 2.0,
+              highlightElevation: 8.0,
+              padding: EdgeInsets.all(10.0),
+              shape: StadiumBorder(
+                side: BorderSide(
+                  color: Colors.green
+                )
+              )
+            ),
+            RaisedButton.icon(
+              icon: Icon(Icons.android, size: 28.0,),
+              label: Text('RaisedButton.icon'),
+              onPressed: () {},
+              textColor: Colors.white,
+              color: Theme.of(context).primaryColor,
+            )
+          ],
+        ),
       ),
     );
   }

readme/widget_progress.md

@@ -58,7 +58,7 @@ Flutter UI
           │  ├─image 【✔️ v1.0】
           │  ├─listtile 【✔️ v1.0】
           │  ├─placeholder
-          │  ├─raisedbutton
+          │  ├─raisedbutton 【✔️ v1.0】
           │  ├─rawimage
           │  ├─stepper  【✔️ v1.0】
           │  ├─text 【✔️ v1.0】