mirror of
https://github.com/alibaba/flutter-go.git
synced 2025-06-01 14:58:50 +08:00
@ -1,9 +1,10 @@
|
||||
/*
|
||||
* @Author: xiaojia.dxj
|
||||
* @Date: 2018-12-18 11:40:57
|
||||
* @Last Modified by: xiaojia.dxj
|
||||
* @Last Modified time: 2018-12-20 15:03:18
|
||||
* @Last Modified by: 一凨
|
||||
* @Last Modified time: 2019-01-14 16:50:43
|
||||
*/
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class ChipDemo extends StatefulWidget {
|
||||
@ -11,74 +12,81 @@ class ChipDemo extends StatefulWidget {
|
||||
}
|
||||
|
||||
class _ChipDemoState extends State<ChipDemo> {
|
||||
String dec='点击回收';
|
||||
int count=0;
|
||||
_modifty(){
|
||||
String dec = '点击回收';
|
||||
int count = 0;
|
||||
_modifty() {
|
||||
setState(() {
|
||||
dec='delete success: $count';
|
||||
});
|
||||
|
||||
dec = 'delete success: $count';
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Column(
|
||||
children: <Widget>[
|
||||
Container(
|
||||
child: Chip(
|
||||
padding: EdgeInsets.only(right: 100.0,),
|
||||
//标签前面的小widget
|
||||
avatar: CircleAvatar(
|
||||
backgroundColor: Colors.red.shade200,
|
||||
child: Text('A',style: TextStyle(color: Colors.white),),
|
||||
|
||||
),
|
||||
label: Text('pai mai ',style: TextStyle(color: Colors.white,fontSize: 18.0),),
|
||||
backgroundColor: Colors.red.shade100,
|
||||
labelPadding: EdgeInsets.all(6.0),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
|
||||
height: 100.0,
|
||||
child: Chip(
|
||||
//头像
|
||||
avatar: CircleAvatar(
|
||||
child: Icon(Icons.account_circle,color: Colors.red.shade200,),
|
||||
backgroundColor:Colors.white,
|
||||
|
||||
return Column(
|
||||
children: <Widget>[
|
||||
Container(
|
||||
child: Chip(
|
||||
padding: EdgeInsets.only(
|
||||
right: 100.0,
|
||||
),
|
||||
//标签前面的小widget
|
||||
avatar: CircleAvatar(
|
||||
backgroundColor: Colors.red.shade200,
|
||||
child: Text(
|
||||
'A',
|
||||
style: TextStyle(color: Colors.white),
|
||||
),
|
||||
),
|
||||
label: Text(
|
||||
'pai mai ',
|
||||
style: TextStyle(color: Colors.white, fontSize: 18.0),
|
||||
),
|
||||
backgroundColor: Colors.red.shade100,
|
||||
labelPadding: EdgeInsets.all(6.0),
|
||||
),
|
||||
//设置widget背景颜色
|
||||
backgroundColor: Colors.red.shade100,
|
||||
/**剪辑窗口widget内容
|
||||
* antiAlias:剪辑具有抗锯齿功能,它比antiAliasWithSaveLayer快得多,但比hardEdge慢。
|
||||
antiAliasWithSaveLayer:立即剪辑具有抗锯齿,并且可以分配屏幕外缓冲区,后续涂料都在该缓冲区完成,然后再进行修剪和合成
|
||||
*/
|
||||
clipBehavior: Clip.antiAlias,
|
||||
|
||||
//设置padding值
|
||||
labelPadding: EdgeInsets.all(8.0),
|
||||
label: Text(dec),
|
||||
//设置onDeleted时候显示的图标
|
||||
deleteIcon: Icon(Icons.delete,color: Colors.white,size: 20.0,),
|
||||
onDeleted: (){
|
||||
count++;
|
||||
_modifty();
|
||||
},
|
||||
deleteButtonTooltipMessage: '删除',
|
||||
deleteIconColor: Colors.blueGrey.shade100,
|
||||
//将最小点击目标大小扩展到48*48px
|
||||
materialTapTargetSize: MaterialTapTargetSize.padded,
|
||||
padding: EdgeInsets.all(2.0),
|
||||
//修改字体格式
|
||||
labelStyle: TextStyle(fontWeight: FontWeight.bold),
|
||||
// shape: _MyBorder(),
|
||||
),
|
||||
)
|
||||
],
|
||||
Container(
|
||||
height: 100.0,
|
||||
child: Chip(
|
||||
//头像
|
||||
avatar: CircleAvatar(
|
||||
child: Icon(
|
||||
Icons.account_circle,
|
||||
color: Colors.red.shade200,
|
||||
),
|
||||
backgroundColor: Colors.white,
|
||||
),
|
||||
//设置widget背景颜色
|
||||
backgroundColor: Colors.red.shade100,
|
||||
//剪辑窗口widget内容
|
||||
// antiAlias:剪辑具有抗锯齿功能,它比antiAliasWithSaveLayer快得多,但比hardEdge慢。
|
||||
//antiAliasWithSaveLayer:立即剪辑具有抗锯齿,并且可以分配屏幕外缓冲区,后续涂料都在该缓冲区完成,然后再进行修剪和合成
|
||||
clipBehavior: Clip.antiAlias,
|
||||
|
||||
//设置padding值
|
||||
labelPadding: EdgeInsets.all(8.0),
|
||||
label: Text(dec),
|
||||
//设置onDeleted时候显示的图标
|
||||
deleteIcon: Icon(
|
||||
Icons.delete,
|
||||
color: Colors.white,
|
||||
size: 20.0,
|
||||
),
|
||||
onDeleted: () {
|
||||
count++;
|
||||
_modifty();
|
||||
},
|
||||
deleteButtonTooltipMessage: '删除',
|
||||
deleteIconColor: Colors.blueGrey.shade100,
|
||||
//将最小点击目标大小扩展到48*48px
|
||||
materialTapTargetSize: MaterialTapTargetSize.padded,
|
||||
padding: EdgeInsets.all(2.0),
|
||||
//修改字体格式
|
||||
labelStyle: TextStyle(fontWeight: FontWeight.bold),
|
||||
// shape: _MyBorder(),
|
||||
),
|
||||
)
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
@ -9,10 +9,8 @@
|
||||
import 'dart:math';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
/*
|
||||
* FlatButton 默认按钮的实例
|
||||
* isDisabled:是否是禁用,isDisabled 默认为true
|
||||
* */
|
||||
// FlatButton 默认按钮的实例
|
||||
// isDisabled:是否是禁用,isDisabled 默认为true
|
||||
class FlatButtonDefault extends StatelessWidget {
|
||||
final bool isDisabled;
|
||||
|
||||
@ -29,11 +27,10 @@ class FlatButtonDefault extends StatelessWidget {
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* FlatButton.icon 默认按钮的实例
|
||||
* Create a text button from a pair of widgets that serve as the button's icon and label
|
||||
* isDisabled:是否是禁用
|
||||
* */
|
||||
|
||||
// FlatButton.icon 默认按钮的实例
|
||||
// * Create a text button from a pair of widgets that serve as the button's icon and label
|
||||
// * isDisabled:是否是禁用
|
||||
class FlatButtonIconDefault extends StatelessWidget {
|
||||
final bool isDisabled;
|
||||
final IconData icon;
|
||||
@ -63,9 +60,9 @@ class FlatButtonIconDefault extends StatelessWidget {
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* FlatButton 自定义的实例
|
||||
* */
|
||||
|
||||
// FlatButton 自定义的实例
|
||||
|
||||
class FlatButtonCustom extends StatelessWidget {
|
||||
final String txt;
|
||||
final Color color;
|
||||
|
@ -47,7 +47,7 @@ class _DemoState extends State<Demo> {
|
||||
Widget build(BuildContext context) {
|
||||
return WidgetDemo(
|
||||
title: 'Checkbox',
|
||||
codeUrl: 'elements/Form/Checkbox/Checkbox/demo.dart',
|
||||
codeUrl: 'elements/Form/CheckBox/Checkbox/demo.dart',
|
||||
contentList: [allCheckboxs(context,this)],
|
||||
docUrl: 'https://docs.flutter.io/flutter/material/Checkbox-class.html',
|
||||
);
|
||||
|
@ -9,10 +9,8 @@
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
/*
|
||||
* Checkbox 默认的实例
|
||||
* index 当前checkbox 的索引值
|
||||
* */
|
||||
// Checkbox 默认的实例
|
||||
// index 当前checkbox 的索引值
|
||||
class CheckboxListTileStateDefault extends StatefulWidget {
|
||||
const CheckboxListTileStateDefault() : super();
|
||||
|
||||
@ -20,9 +18,7 @@ class CheckboxListTileStateDefault extends StatefulWidget {
|
||||
State<StatefulWidget> createState() => _CheckboxListTileStateDefault();
|
||||
}
|
||||
|
||||
/*
|
||||
* CheckboxListTile 默认的实例,有状态
|
||||
* */
|
||||
// CheckboxListTile 默认的实例,有状态
|
||||
class _CheckboxListTileStateDefault extends State {
|
||||
bool _value = false;
|
||||
void _valueChanged(bool value) {
|
||||
@ -105,9 +101,7 @@ class _CheckboxListTileStateDefault extends State {
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* CheckboxListTile 默认的实例,无状态
|
||||
* */
|
||||
// CheckboxListTile 默认的实例,无状态
|
||||
class CheckboxListTileDefault extends StatelessWidget {
|
||||
final widget;
|
||||
final parant;
|
||||
|
@ -47,7 +47,7 @@ class _DemoState extends State<Demo> {
|
||||
Widget build(BuildContext context) {
|
||||
return WidgetDemo(
|
||||
title: 'CheckboxListTile',
|
||||
codeUrl: 'elements/Form/Checkbox/CheckboxListTile/demo.dart',
|
||||
codeUrl: 'elements/Form/CheckBox/CheckboxListTile/demo.dart',
|
||||
contentList: [allCheckboxs(context, this)],
|
||||
docUrl: 'https://docs.flutter.io/flutter/material/CheckboxListTile-class.html',
|
||||
);
|
||||
|
@ -2,7 +2,8 @@ import 'package:flutter/material.dart';
|
||||
|
||||
/*
|
||||
* 基本示例
|
||||
* */
|
||||
*
|
||||
*/
|
||||
class DefaultTextField extends StatelessWidget {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
|
@ -2,7 +2,7 @@
|
||||
* @Author: 一凨
|
||||
* @Date: 2018-11-28 20:44:13
|
||||
* @Last Modified by: 一凨
|
||||
* @Last Modified time: 2018-11-28 20:51:20
|
||||
* @Last Modified time: 2019-01-14 17:02:20
|
||||
*/
|
||||
import 'package:flutter/material.dart';
|
||||
import '../../../../../common/widget_demo.dart';
|
||||
@ -37,7 +37,7 @@ class _DemoState extends State<Demo> {
|
||||
],
|
||||
docUrl:
|
||||
'https://docs.flutter.io/flutter/widgets/AnimatedPadding-class.html',
|
||||
codeUrl: 'elements/Frame/spacing/AnimatedPadding/animatedPadding_demo.dart',
|
||||
codeUrl: 'elements/Frame/Spacing/AnimatedPadding/animatedPadding_demo.dart',
|
||||
);
|
||||
}
|
||||
}
|
||||
|
@ -1,8 +1,8 @@
|
||||
/*
|
||||
* @Author: 一凨
|
||||
* @Date: 2018-11-28 20:25:24
|
||||
* @Last Modified by: 一凨
|
||||
* @Last Modified time: 2018-11-28 20:25:24
|
||||
* @Last Modified by: 一凨
|
||||
* @Last Modified time: 2019-01-14 17:01:55
|
||||
*/
|
||||
import 'package:flutter/material.dart';
|
||||
import '../../../../../common/widget_demo.dart';
|
||||
@ -38,7 +38,7 @@ class _DemoState extends State<Demo> {
|
||||
],
|
||||
docUrl: 'https://docs.flutter.io/flutter/widgets/Padding-class.html',
|
||||
codeUrl:
|
||||
'elements/Frame/spacing/Padding/padding_demo.dart',
|
||||
'elements/Frame/Spacing/Padding/padding_demo.dart',
|
||||
);
|
||||
}
|
||||
}
|
||||
|
@ -1,10 +1,10 @@
|
||||
import 'package:flutter/material.dart';
|
||||
/*
|
||||
* @Author: 一凨
|
||||
* @Date: 2018-11-28 20:20:04
|
||||
* @Last Modified by: 一凨
|
||||
* @Last Modified time: 2018-11-28 20:20:49
|
||||
* @Last Modified time: 2019-01-14 16:30:16
|
||||
*/
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class PaddingDemo extends StatelessWidget {
|
||||
@override
|
||||
|
@ -2,7 +2,7 @@
|
||||
* @Author: 一凨
|
||||
* @Date: 2018-11-28 20:26:16
|
||||
* @Last Modified by: 一凨
|
||||
* @Last Modified time: 2018-11-28 20:39:28
|
||||
* @Last Modified time: 2019-01-14 17:06:36
|
||||
*/
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_go/common/widget_demo.dart';
|
||||
@ -33,7 +33,7 @@ class _DemoState extends State<Demo> {
|
||||
Widget build(BuildContext context) {
|
||||
return WidgetDemo(
|
||||
title: 'SliverPadding',
|
||||
codeUrl: 'elements/Frame/spacing/SliverPadding/sliverpadding_demo.dart',
|
||||
codeUrl: 'elements/Frame/Spacing/SliverPadding/sliverpadding_demo.dart',
|
||||
contentList: [
|
||||
contentDesc0,
|
||||
contentDesc1,
|
||||
|
@ -39,7 +39,7 @@ class _DemoState extends State<Demo> {
|
||||
title: 'IndexedStack',
|
||||
// desc: _desc,
|
||||
codeUrl:
|
||||
'https://github.com/alibaba-paimai-frontend/flutter-common-widgets-app/blob/dev/sanlu-0.0.4/lib/widgets/elements/Frame/Stack/IndexedStack/demo.dart',
|
||||
'elements/Frame/Stack/IndexedStack/demo.dart',
|
||||
docUrl: 'https://docs.flutter.io/flutter/widgets/IndexedStack-class.html',
|
||||
contentList: [
|
||||
_stackText0,
|
||||
|
@ -41,7 +41,7 @@ class _DemoState extends State<Demo> {
|
||||
return WidgetDemo(
|
||||
title: 'Stack',
|
||||
codeUrl:
|
||||
'https://github.com/alibaba-paimai-frontend/flutter-common-widgets-app/blob/dev/sanlu-0.0.4/lib/widgets/elements/Frame/Stack/Stack/demo.dart',
|
||||
'elements/Frame/Stack/Stack/demo.dart',
|
||||
docUrl: 'https://docs.flutter.io/flutter/widgets/Stack-class.html',
|
||||
contentList: [
|
||||
_stackText0,
|
||||
|
Reference in New Issue
Block a user