- 博客(10)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Flutter基础—布局模型之滚动块
Block即滚动块控件，能将子控件组成可滚动的列表。当你需要排列的子控件超出容器大小，就需要用到滚动块。import 'package:flutter/material.dart';class LayoutDemo extends StatelessWidget { @override Widget build(BuildContext context) { return new
2016-11-30 10:52:34
8503
1
原创 Flutter基础—布局模型之层叠定位
Stack即层叠布局控件，能够将子控件层叠排列。Stack控件的每一个子控件都是定位或不定位，定位的子控件是被Positioned控件包裹的。Stack控件本身包含所有不定位的子控件，其根据alignment定位（默认为左上角）。然后根据定位的子控件的top、right、bottom和left属性将它们放置在Stack控件上。import 'package:flutter/material.dart
2016-11-21 11:35:46
12451
2
原创 Flutter基础—布局模型之水平垂直
水平布局Row控件即水平布局控件，能够将子控件水平排列。Row子控件有灵活与不灵活的两种，Row首先列出不灵活的子控件，减去它们的总宽度，计算还有多少可用的空间。然后Row按照Flexible.flex属性确定的比例在可用空间中列出灵活的子控件。要控制灵活子控件,需要使用Flexible控件：import 'package:flutter/material.dart';class LayoutDe
2016-11-18 16:51:40
4551
11
原创 Flutter基础—常用控件之图片
Image控件即图片控件，是显示图像的控件，Image控件有多种构造函数：new Image，用于从ImageProvider获取图像。new Image.asset，用于使用key从AssetBundle获取图像。new Image.network，用于从URL地址获取图像。new Image.file，用于从File获取图像。为了自动执行像素密度感知资源分辨率，使用AssetImage
2016-11-17 18:31:21
20172
7
原创 Flutter基础—常用控件之文本
Text控件即容器，是一个常用的控件，下面的实例有7个不同样式的文本控件：import 'package:flutter/material.dart';class ContainerDemo extends StatelessWidget { @override Widget build(BuildContext context) { return new Scaffold(
2016-11-16 18:48:55
6995
5
原创 Flutter基础—常用控件之容器
Container控件即容器，是一个常用的控件，基础容器的实例：import 'package:flutter/material.dart';class ContainerDemo extends StatelessWidget { @override Widget build(BuildContext context) { return new Center( chi
2016-11-16 11:21:29
6960
1
原创 Flutter基础—应用实例
总结之前学习的概念，编写一个完整的应用实例。假设我们使用一个网络购物的应用程序，它展示出售的各种商品和存放准备购买商品的购物车。首先定义一个展示类ShoppingListItem.dart：import 'package:flutter/material.dart';class Product { const Product({this.name}); final String name;
2016-11-08 21:41:34
7062
6
原创 Flutter基础—根据用户输入改变控件
之前使用的都是无状态控件，无状态控件从父控件接收参数，以final成员变量存储。当一个控件被build时，它使用这些存储的值作为创建控件的参数。为了构建更友好的体验，比如以更有趣的方式对用户的输入做出响应，应用程序通常会有一些状态。Flutter使用StatefulWidgets实现这个想法。StatefulWidgets能够生成有状态对象的控件，然后用来保持状态。import 'package:f
2016-11-07 11:24:58
7333
1
原创 Flutter基础—手势处理
大部分应用程序都需要与用户进行交互，构建交互式应用程序的第一步是检测用户输入的手势，通过创建一个简单的按钮来演示：import 'package:flutter/material.dart';void main() { runApp(new MaterialApp( title: 'Flutter教程', home: new MyButton(), ));}c...
2016-11-03 11:15:09
10254
3
原创 Flutter基础—质感设计
Material Design，中文名：质感设计，是由Google推出的全新设计语言，旨在为手机、平板电脑、台式机和其他平台提供更一致、更广泛的外观和感觉。从2014年开始，Android到衍生的Android Wear、Auto和TV，Material Design贯穿其中，成为勾通不同平台、设备的灵魂，让用户在不同平台上也有连贯的体验。为了维护这种一致，Google不允许第三方修改Android
2016-11-01 19:42:04
7667
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人