二 Flutter开发实战高仿微信发现页( 三 ) _微信开发

new Image，用于从获取图像。
new Image.asset，用于使用key从获取图像。
new work，用于从URL地址获取图像。
new Image.file，用于从File获取图像。
为了自动执行像素密度感知资源分辨率，使用指定图像，需要确保在控件树中的图片控件上方存在、和控件。
不同的手机有不同的像素比率，这时就需要根据手机的像素比率来加载不同图片，做法很简单，只需要在图片同级目录下创建2.0x/…和3.0x/…的目录就可以了。
我们在.yaml这个文件里指定本地图片路径
# To add assets to your application, add an assets section, like this:# assets:# - images/a_dot_burr.jpeg# - images/a_dot_ham.jpeg
实例
用法
2.2.3 Text
简介
实例
下面的实例有7个不同样式的文本控件：
1 import 'package:flutter/material.dart';2 class TextDemo extends StatelessWidget {3@override4Widget build(BuildContext context) {5return new Scaffold(6appBar: new AppBar(7title: new Text('文本控件'),8),9body: new Column(10children: [11new Text(12'红色+黑色删除线+25号',13style: new TextStyle(14color: const Color(0xffff0000),15decoration: TextDecoration.lineThrough,16decorationColor: const Color(0xff000000),17fontSize: 25.0,18),19),20new Text(21'橙色+下划线+24号',22style: new TextStyle(23color: const Color(0xffff9900),24decoration: TextDecoration.underline,25fontSize: 24.0,26),27),28new Text(29'虚线上划线+23号+倾斜',30style: new TextStyle(31decoration: TextDecoration.overline,32decorationStyle: TextDecorationStyle.dashed,33fontSize: 23.0,34fontStyle: FontStyle.italic,35),36),37new Text(38'serif字体+24号',39style: new TextStyle(40fontFamily: 'serif',41fontSize: 26.0,42),43),44new Text(45'monospace字体+24号+加粗',46style: new TextStyle(47fontFamily: 'monospace',48fontSize: 24.0,49fontWeight: FontWeight.bold,50),51),52new Text(53'天蓝色+25号+2行跨度',54style: new TextStyle(55color: const Color(0xff4a86e8),56fontSize: 25.0,57height: 2.0,58),59),60new Text(61'24号+2个字母间隔',62style: new TextStyle(63fontSize: 24.0,64letterSpacing: 2.0,65),66),67]68),69);70}71 }72 void main() {73runApp(74new MaterialApp(75title: 'Flutter教程',76home: new TextDemo(),77),78);79 }
运行效果：
3. 用法
2.2.4 Icon 简介
图标控件，按照中所描述的规则绘制，如中预定义的。

文章插图
该控件不可交互，要实现可交互的图标，可以考虑使用中的。
该控件必须在控件里使用，通常这是由或自动引入的。详见：
实例
用法
2.2.5简介
风格的浮动按钮，以方形纸片样式悬停在界面上，点击后会产生墨水扩散效果。
避免在和card控件里使用，一般弹出式的控件建议使用扁平化按钮，减少布局层次叠加。详见：
实例
用法
使用时，要实现回调方法，否则按钮处于禁用状态，默认显示样式的扁平化按钮，并且此时更改按钮的颜色不会生效。
注意该控件的父控件必须是控件。
如果你只需要点击后产生墨水扩散效果，但不想使用按钮，请考虑直接使用控件。
如有必要，该按钮将拉伸以适应子控件大小。
2.2.6简介
实现了基本的布局结构。也就是说，的 child 是。
在设计中定义的单个界面上的各种布局元素，在中都有支持，比如左边栏（）、snack bars、以及。
有下面几个主要属性：
显示或者sheet 的时候，需要使用当前的参数调用 .of 函数来获取对象，然后使用 . 和 . 函数来显示。