zoukankan      html  css  js  c++  java
  • Image

    加入图片的方式:

    1. Image.asset                  项目资源图片
    2. Image.file (绝对路径)    系统资源图片
    3. Image.network(url)   网络资源图片

    fit属性

    • BoxFit.fill                             
    • BoxFit.contain                     
    • BoxFit.cover                        

    repeat属性

    • ImageRepeat.repeat      横向和纵向都重复,铺满整个容器
    • ImageRepeat.repeatX    横向重复
    • ImageRepeat.repeatY    纵向重复
    body: new Center(
                child: new Container(
              child: new Image.network(
                'https://profile.csdnimg.cn/0/5/2/1_jyd0124',
                fit: BoxFit.cover,
                //color: Colors.lightBlue,
                //colorBlendMode: BlendMode.darken, //图片混合模式(colorBlendMode)和color属性配合使用
              ),
               300.0,
              height: 200.0,
              color: Colors.lightGreen,
            )
        ),
    Image.asset(
      'images/flutter_logo.png', //图片资源路径
    ),
    Image.asset(
      'images/flutter_logo.png',
       100, //图片宽度
      height: 100, //图片高度
      fit: BoxFit.fill, //适配显示方式,fill表示宽高填充满
    ),
    Image.asset(
      'images/flutter_logo.png',
      color: Colors.red, //混合的颜色,和colorBlendMode一起使用
      colorBlendMode: BlendMode.overlay, //颜色和图片混合模式,功能较强大,其它模式参见官方文档或源码
    ),
    Image.asset(
      'images/flutter_logo.png',
       200,
      height: 200,
      repeat: ImageRepeat.repeat, //在宽高内重复平铺图片,直到铺满
    )

    除以上使用的Image.asset()构造函数外,Image还有Image.file()、Image.network()和Image.memory()等命名构造函数。

    • Image.file  可通过路径加载SD卡中存储的图片,安卓使用此方法时需要申请android.permission.READ_EXTERNAL_STORAGE权限。
    • Image.network 可通过url加载网络图片。

    • Image.memory 可通过Uint8List对象加载内存中的图片。

  • 相关阅读:
    电力基础知识培训(三)
    VB开发——打开Excel并使特定的worksheet处于激活状态
    电力基础知识培训(二)
    Professionals train themselves
    WINCE6.0 + S3C2443的启动过程nboot篇
    WINCE下如何设置/删除/查询这些环境变量
    WINCE6.0+S3C6410 watchdog重新启动
    在WinCE 6.0系统下实现USB功能定制
    在WINCE5.0开始菜单中添加应用程序
    WINCE内存机制
  • 原文地址:https://www.cnblogs.com/timba1322/p/12486539.html
Copyright © 2011-2022 走看看