.net 手机网站源码下载,网站建设linux,河南省能源规划建设局网站,秦皇岛网站建设找汉狮本地图片设置
1、在配置文件pubspec.yaml中#xff0c;设置以下代码
assets:- assets/- assets/test/2、如果目录中没有assets文件夹#xff0c;则创建一个文件夹#xff0c;并且取名为assets#xff0c;在此文件夹中存放图片资源即可#xff0c;如果想分文件夹管理设置以下代码
assets:- assets/- assets/test/2、如果目录中没有assets文件夹则创建一个文件夹并且取名为assets在此文件夹中存放图片资源即可如果想分文件夹管理在assets目录下创建文件夹并且在配置文件pubspec.yaml中加入路径即可
3、图片的使用、在界面文件中有的需要设置图片大小目前给出三种方式 1使用Container容器对子类图片进行控制
Container(margin: EdgeInsets.only(right: 20, left: 10),width: 81,height: 64,child: Image.asset(assets/login/select.png),)2使用SizedBox容器对子类图片进行控制
SizedBox(width: 81,height: 64,child: Image.asset(assets/login/select.png),)3使用Image组件可以对图片进行颜色设置大小控制
Image(width: 81,height: 64,image: AssetImage(assets/login/select.png),)背景设置
1、容器背景设置 容器的背景设置只有Container容器可以设置背景SizedBox是不行的其他的应该也有的目前就还没有用上。以下代码就是对容器增加背景图片。一般设置了image的话可以不设置color。
Container(height: 327.w,width: double.infinity,child: _titleHeadhall(),//自定义的组件背景之上的decoration: BoxDecoration(image: DecorationImage(image: AssetImage(assets/common/bg_home.png),fit: BoxFit.fill),),)2、按钮背景设置 这种方式只能修改按钮的颜色貌似是不能增加图片的有大佬知道的话可以留言告知一下谢谢。
ElevatedButton(onPressed: () {//按钮点击事件},child: Text(保存), //按钮显示文字style: ButtonStyle(backgroundColor: MaterialStatePropertyAll(Colors.orange),//颜色值shape: MaterialStateProperty.all(RoundedRectangleBorder(borderRadius: BorderRadius.circular(10), // 圆角半径四个角的弧度),),),)1按钮不可以点击 在flutter4中没有了isenable的值我们使用另外一种方式将按钮的点击事件设置为null及可以使按钮不可以点击
ElevatedButton(onPressed: null,child: Text(保存),style: ButtonStyle(backgroundColor: MaterialStatePropertyAll(Colors.orange),//颜色值shape: MaterialStateProperty.all(RoundedRectangleBorder(borderRadius: BorderRadius.circular(10), // 圆角半径四个角的弧度),),),)可以设置图片的按钮
这是一种类似按钮的组件可以进行点击响应事件和按钮的不同就是没有点击响应动画不过这些都是可以自己添加的。
GestureDetector(onTap: () {},//点击响应事件child: Container(height: 327.w,width: double.infinity,child: _titleHeadhall(),//自定义的组件背景之上的decoration: BoxDecoration(image: DecorationImage(image: AssetImage(assets/common/bg_home.png),//容器的背景图片fit: BoxFit.fill),),),)
