第八章flutter1节app结构搭建1022课程评价

flutter课前查阅flutter中文开发工具前端开发软件：VisualStudioCode移动端开发软件：Xcode、Android课堂MaterialApp：封装了应用程序实现MaterialDesign所需要的一些Widget，实际是一种设计风title:该属性会在Android应用管理器的App上方显示，对于iOS设备是没有效果的:initialRoute。如果initialRoute显示失败，也该显示该Widget ThemeData类型，定义应用所使用的颜色，可以指定一个中每个控件的颜routes:Map<StringWidgetBuilder用 进行命名路由的跳转时，会在此路表中进行查找并跳:Scaffold：实现了基本的MaterialDesignappBar：显示在界面顶部的一个AppBarbody：当前界面所显示的主要内容Widget 显示在页面底部的导航栏，items必须大于2个classclassMyAppextends essWidgetWidgetbuild(BuildContext{returnMaterialApp(title:'FlutterDemo',theme:ThemeData(primarySwatch:Scaffold(appBar:title:Text('首页//centerTitle:Drawer(<Widget>DrawerItem(1选1')DrawerItem(2选项2'),DrawerItem(3,'选项3'),DrawerItem(4,'选项4'),DrawerItem(5,'选项5')BottomNavigationBar(type:BottomNavigationBarType.fixed,items:newiconIcon(Icons.account_balancetitle:Text('标题一')),newBottomNavigationBarItem(iconIcon(Icons.contactstitleText('标题二')),newBottomNavigationBarItem(icon:Icon(Icons.library_music),title:Text('标题三body:child:Text('THISIS}}ThemeWidget，ThemeWidget可以在App的某个部分使用。全局的其实也就是MaterialApp将Theme做为根widget了。Brightnessbrightness,//深色还是浅色MaterialColorprimarySwatch,// ColorprimaryColor,//主色，决定导航栏颜色ColoraccentColor//次级色，决定大多数Widget的颜色，如进度条、开关等。ColorcardColor,//卡片颜色ColordividerColor,//分割线颜色ButtonThemeDatabuttonTheme//按钮ColorcursorColor,//输入框光标颜色Color StringfontFamily//TextThemetextTheme,//字 IconThemeDataiconThemeIcontform//创建全局：MaterialApp接收一个theme的参数，类型为ThemeData，为App提供统MaterialApp(title:title,theme:ThemeData(brightness:primaryColor:创建局部：如果想为某个页面使用不同于App的风格，可以使用Theme来覆盖App的主newnewdata:ThemeData(accentColor:child:new o覆盖（扩展）：如果不想覆盖所有的样式，可以继承App的，只覆盖部分样式，用h方法。newnewdata:Theme.of(context).copyWith(accentColor:Colors.yellow),child:newText('usecopyWithmethod'), ess：实现Flutterapp时，我们用widgets来构建app的UI。这些widgets有大体有两种类型——stateful（有状态）和sta voidvoidmain()=> essWidget(text: essWidgetclassMySta essWidgetextendsSta essWidget{finalStringtext; essWidget({Keykey,this.text}):super(key:Widgetbuild(BuildContext{returnCenter(Text(textDirection:}}classclassFavoriteWidgetextendsStatefulWidget{State<StatefulWidget>createState()=>new}class_FavoriteWidgetStateextendsState{Widgetbuild(BuildContextcontext)//TODO:implementbuildreturnnull;}}StatefulWidget需要两个类，分别继承自StateFulWidget和②state对象包含了widget的state和widget的build()③当组件ImagenewImage.asset：加载资源newImage.file：加载本地文件newIwork：加载网络newImage.memory：加载Uint8List资源////资new//网newIwork('//newImage.file(new//newnewImage(image: 如果需要在加载网络的时候显示一个占位图或者加载出错时显示某张特定的，此时可以使用nmae r:'images/logo.png',image:width:120,fit:)//需要引入transparent_image^0.1.0 er:kTransparentImage,image:width:120,fit:) newCachedNetworkImage(width:120,fit:ceholder:newCircularProgressIndicator(),imageUrl:imageUrl,))API描width&用来指定显示区域的宽高（并非的宽高用来控制摆放的位设置内部拉伸，相当于在内部设置了一个.9图，但是需要注意的是，要在显示的大小大于原图的情况下才可以使用这个属性，要不然会报错当ImagePir发生变化的时候，重新加载的过程中国，原的展示是否保留，true：保留，flse不保留，直接空白等待下一张加载取描newnewbackgroundImage:newradius:半径越大越newContainer(width:height:margin:constEdgeInsets.all(20.0),decoration:newBoxDecoration(color:image:newDecorationImage(image:newNetworkImage(this.imgsrc),fit:borderRadius:newBorderRadius.all(constBorderRadius

//<--这里需要设置为rectangle时文本组件属描截取部分展示：clipfadeellipsis：省略号，省略的部分是以单词为单位，而不是字母，比如oworddfsafdafafsasfs，显示o…属描是否继承父组件的属性，默认true，这个属性极少需要设置为false，设置FontWeightnormal（默认）FontWeight设置字体，注意和fontStyle字母间距，默认0，负数间距越小，正 间距越0letterSpacing的区阴注：如果是想设置富文本，使用 )、Color.fromARGB(a,r,g,b)、Color.fromRGBO(r,g,b,opacity)按钮相关组有的button，不推荐使用，推荐使用它的子类（isuton、ltton、Outlineutton），默认大小是88*6的大小，有圆角、阴影，点击的时候，有ns属性的一个控件，可以响应用户点击。属描onPressed!=null的时候可以看出相当于用户按下时（）或者松开disableonpress=null为disable（子类当enable（onpressnull）onpressnull的时候的颜色（子类有效Z2，当enable 最小的宽度默认是88。在ButtonTheme高度，默认是36也是在ButtonThemeRaiseButtonchild:Text('按钮标题onPressed: )FlatButton:toolbar，dialogsitems:hint:newText('下拉选择你的 value:value,//下拉菜单选择完之后显示给用户的值onChangedT){//下拉菜单item点击之后的回调setState((){elevationelevation:24,//stylenewTextStyle(//设置文本框里面文字的样式color:Colors.rediconSize:50.0,//设置三角标icon) Item>getListData(){ Item>items=newList(); Item Item1=newchild:newText('男value:'男 Itemdropdown Itemchild:newText('女'),value:'女', returnitems;}FloatingActionButton简称FABfloatingActionButtonfloatingActionButton:child:Icon(Icons.add,color:Colors.black,size:floatingActionButtonLocation:可交互的icon:Icon(Icons.access_time),iconSize:30,)单组件容器classclassContainer_Property2extends {Widgetbuild(BuildContext{returnCenter(child:Container(margin:constEdgeInsets.all(20),color:Colors.red,width:height:}}方设置left,top,right