FWidgets精心提供了精美的组件，帮助您打造精美的应用。嘿开发人员，停止构建旧的GUI！如果您注意到了，您会发现我们需要更漂亮的新GUI！为了帮助开发者轻松构建具有漂亮GUI的现代应用，【阿里巴巴-飞猪-飞猪安卓团队技术团队】推出了FWidgets系列组件。就在几天前，我们发布了FWidgets的第一个组件《FSuper》，得到了社区开发者的良好反馈。到目前为止，该组件已获得开发者的214颗星。现在，我将向您介绍FButton和FSwitch。FButton可以帮助您构建多彩的按钮元素，而FSwitch将为您提供良好的交互开关元素。?特点？FButton具有丰富的角效果、精美的边框装饰、渐变效果。灵活的图标支持周到的加载模式。炫酷的互动效果。更有空间感的阴影？FSwitch支持开闭提示，支持SliderDecoration设置支持灵活配置可用状态更多空间阴影开关交互体验好？传送区？【传送门：FButtonGithub首页-感谢您的Star？】？【传送门：FButton文档】？【传送门：FSwitchGithub主页-感谢您的Star？】？【传送门：FSwitch文档】？按钮？圆角和边框//#1FButton(width:130,effect:true,text:"FButton#1",textColor:Colors.white,color:Color(0xffFF7043),onPressed:(){},clickEffect:true,corner:FButtonCorner.all(25),),//#2FButton(width:130,effect:true,text:"FButton#2",textColor:Colors.white,color:Color(0xffFFA726),onPressed:(){}复制代码,clickEffect:true,corner:FButtonCorner(leftBottomCorner:40,leftTopCorner:6,rightTopCorner:40,rightBottomCorner:6,),),...通过FButton，可以很方便的搭建一个带有圆角和边框的按钮元素。？渐变颜色//#1FButton(width:100,height:60,text:"#1",textColor:Colors.white,color:Color(0xffFFc900),gradient:LinearGradient(colors:[Color(0xff00B0FF),Color(0xffFFc900),]),onPressed:(){},clickEffect:true,corner:FButtonCorner.all(8),)通过gradient属性，可以构建一个颜色渐变的FButton。您可以自由构建多种类型的渐变颜色。使用FButton，您可以同时拥有，和，和？？icons//#1FButton(width:88,height:38,padding:E??dgeInsets.all(0),text:"Back",textColor:Colors.white,color:Color(0xffffc900),onPressed:(){toast(上下文,"Back!");},clickEffect:true,corner:FButtonCorner(leftTopCorner:25,leftBottomCorner:25,),图片:Icon(Icons.arrow_back_ios,color:Colors.white,size:12,),imageMargin:8,),//#3FButton(onPressed:(){},image:Icon(Icons.print,color:Colors.grey,),imageMargin:8,imageAlignment:ImageAlignment.top,text:"Print",textColor:颜色.grey,color:Colors.transparent,),FButton允许相对于文本配置图标，足够灵活，简单。？效果FButton(width:200,effect:true,text:"TryMe!",textColor:Colors.white,color:Color(0xffffc900),onPressed:(){},clickEffect:true,corner:FButtonCorner.all(9),splashColor:Color(0xffff7043),highlightColor:Color(0xffE65100).withOpacity(0.20),hoverColor:Colors.redAccent.withOpacity(0.16),)，不管是普通的Oldstylebutton还是有特效的交互按钮，你只要掌握FButton就够了。阴影FButton(width:200,effect:true,text:"Shadow",textColor:Colors.white,color:Color(0xffffc900),onPressed:(){},clickEffect:true,corner:FButtonCorner.all(28),shadowColor:Colors.black87,shadowBlur:_shadowBlur,),FButton当然会为你提供快捷的阴影属性。？Loading//#1FButton(effect:true,text:"点击顶部加载",textColor:Colors.white,color:Color(0xffffc900),onPressed:(){print("Loading...");},clickEffect:真，角落：FButtonCorner.all（9），loadingSize：15，imageMargin：6，loadingStrokeWidth：2，clickLoading：true，loadingColor：Colors.white，loadingText：“正在加载...”，imageAlignment：ImageAlignment.top，），//#2FButton(width:170,height:70,effect:true,text:"Clicktoloading",textColor:Colors.white,color:Color(0xffffc900),onPressed:(){print("正在加载...");},clickEffect:true,corner:FButtonCorner.all(9),image:Icon(Icons.cloud_download,size:18,color:Colors.white,),imageMargin:8,loadingSize:15,loadingStrokeWidth:2,clickLoading:true,loadingColor:Colors.white,loadingText:"Loading...",hideTextOnLoading:true,),FButton集合了Loading功能，这真是..太棒了？。？FSwitchavailablestatus&shadow[外链图片传输失败，源站可能有防盗链机制，建议保存图片直接上传(img-YL96v62P-1587633962117)(https://raw.githubusercontent.。状态配置，并且可以支持非常方便的阴影配置。?Tips///#1FSwitch(width:65.0,height:35.538,onChanged:(v){},closeChild:Text("Off",style:TextStyle(color:Colors.white,fontSize:11),),openChild:Text("On",style:TextStyle(color:Colors.white,fontSize:11),),),...在FSwitch中，可以配置不同的Tip样式，并且它们实现起来很简单。?Slider装饰FSwitch(width:300,height:38,onChanged:(boolvalue){},sliderChild:Text("?",style:TextStyle(fontSize:20),),)一个interestingFSwitch当然会为你准备有趣的配置选项。？如何使用？在项目pubspec.yaml文件中添加依赖：pub依赖方法FButtondependencies:fbutton:^
