Flutter基础—常用控件之图片

概述Image控件即图片控件，是显示图像的控件，Image控件有多种构造函数： new Image，用于从ImageProvider获取图像。 new Image.asset，用于使用key从AssetBundle获取图像。 new Image.network，用于从URL地址获取图像。 new Image.file，用于从File获取图像。 为了自动执行像素密度感知资源分辨率，使用AssetImag

Image控件即图片控件，是显示图像的控件，Image控件有多种构造函数：

new Image，用于从ImageProvIDer获取图像。 new Image.asset，用于使用key从AssetBundle获取图像。 new Image.network，用于从URL地址获取图像。 new Image.file，用于从file获取图像。

为了自动执行像素密度感知资源分辨率，使用Assetimage指定图像，需要确保在控件树中的图片控件上方存在MaterialApp、WidgetsApp和Mediaquery控件。

下面是一个从URL地址获取图像的实例，并通过scale属性设置缩放比例：

import 'package:Flutter/material.dart';class ImageDemo extends StatelessWidget {  @overrIDe  Widget build(BuildContext context) {    return new Scaffold(      appbar: new Appbar(        Title: new Text('从URL地址获取图像'),),body: new Center(        child: new Image.network(          'http://pic.baike.soso.com/p/20130828/20130828161137-1346445960.jpg',scale: 2.0,);  }}voID main() {  runApp(    new MaterialApp(      Title: 'Flutter教程',home: new ImageDemo(),);}

下面是一个从本地文件目录中获取图像的实例：

import 'package:Flutter/material.dart';class ImageDemo extends StatelessWidget {  @overrIDe  Widget build(BuildContext context) {    return new Scaffold(      appbar: new Appbar(        Title: new Text('从本地获取图像'),body: new Center(        child: new Container(          decoration: new Boxdecoration(            backgroundImage: new BackgroundImage(              image: new Assetimage('images/Flutter.jpeg'),)        )      ),);  }}voID main() {  runApp(    new MaterialApp(      Title: 'Flutter教程',);}

上面的代码会在一个容器里显示一张图片，但是不同的手机有不同的像素比率，这时就需要根据手机的像素比率来加载不同图片，做法很简单，只需要在图片同级目录下创建2.0x/…和3.0/…的目录就可以了。

总结

以上是内存溢出为你收集整理的Flutter基础—常用控件之图片全部内容，希望文章能够帮你解决Flutter基础—常用控件之图片所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。