- 博客(22)
- 收藏
- 关注
RSS订阅原创 flutter_scoped model
flutter 通过scopedmodel来传递状态：0 先要添加必要的plugin：scoped_model: ^0.3.01 创建数据类：class Mycount{ int count; Mycount(this.count); void addcount(){ count = count+1; }}2 创建model类：class Countmo...
2019-07-19 18:06:53
276
原创 flutter-传递值到任意widget（当需要widget嵌套使用需要传递值的时候）
如果我们有这样一个应用场景：WidgetA执行点击之后将数据通过widgetB传递到其下的widgetC。通常可以通过设置构造函数，传递对应参数到制定的widget树中，如下面代码所描述：表示需要将widgetA中的点击改变内容传递到widgetB中的widgetC中展示；需要通过设置widgetB的构造函数，接收对应参数，再传递给widgetC展示；class Inheritedwid...
2019-07-19 16:16:04
3623
原创 flutter-ExpandableList的使用
先上效果图：展开之前：header的内容：展开之后：header中的内容：具体的使用很简单，直接上代码：class ExpandableList extends StatefulWidget { @override _ExpandableListState createState() => _ExpandableListState();}class _Expan...
2019-07-16 17:15:08
2265
原创 flutter-照相机的使用
本文介绍如何在flutter中使用照相机；1 加入必要的plugin在.yaml文件中：camera:2 在main函数中执行获取到可用的camera，并将camera数据传递到指定界面待使用；import 'package:camera/camera.dart';List<CameraDescription> cameras;Future main() async{ ...
2019-07-16 15:57:47
3958
1
原创 flutter-阅读本地PDF文档
本地PDF阅读主要使用到以下两个插件：flutter_pdfview:提供多种关于pdf文档的操作方法。详细请见：https://github.com/endigo/flutter_pdfviewpath_provider:提供获取用户存储文件路径的方法。主要的思路很简单；1 读取assets中的pdf文档到内存中；1.1 在assets文档中添加本地的pdf文档；1.2 创建获取as...
2019-07-15 18:11:21
5379
1
原创 Flutter—Cloud Firestore of FireBase
FireBase是一个用于构建移动应用、提供实时数据存储和同步、用户身份验证等功能的平台。方便用户快速高效的构建前后端结合的完整应用。FireBase有多种功能方向：以下为官方平台截图其中开发下提供了以下功能：本文主要为获取DataBase中的数据和上传数据到FireBase的数据库；要说明的是FireBase的数据存储格式是以键值对的方式存储。1 将FireBase添加到项目中：...
2019-07-10 17:29:20
686
原创 flutter一个login界面（带动画）
如下为具体的实现效果，具体的实现代码以及解释可参考代码中的注释import 'package:flutter/material.dart';class LoginPage extends StatefulWidget { @override _LoginPageState createState() => _LoginPageState();}class _LoginP...
2019-06-11 17:34:31
2455
原创 dart基础（function）
dart中的方法：方法类比java中的方法，表示运行一段逻辑产生一定的结果例如：void findthenum(int z) { //在1-10中找出能被z整除的数据 var i=0; while(i<10){ if(i%z==0){ print(i); } i++; }}=>的使用，表示返回=>之后的表达式结果...
2019-06-10 11:44:42
281
原创 dart基础(循环）
1 for循环的两种表达：1.for loop:void findthenum(int i) { for(int x=0;x<100;x++){ int z=x%i; if(z==0){ print(x); } }}2 for in …loop(循环打印list中的数据) List planetList = ["Mercury", "...
2019-06-10 11:13:43
3399
原创 dart 基础1（数据类型，string类型的插入，常量的定义，控制逻辑,条件表达式）
1 dart内置的数据类型有：描述数字的 int double字符串数据类型：String布尔类型：bool类型列表list以及具有映射关系的map。注意：所有的数据类型都是对象，所以他们的初始值都被定义为"null"。void main(List<String> arguments) { // Numbers: int int score = 23; var c...
2019-06-10 10:47:31
813
原创 flutter中的网络操作过程以及注意事项
flutter中可以通过第三方插件快速完成与服务端数据的交互。以下实例讲解http库中的get请求。1 在pubspec.yaml中将http引入；2 引入对应的包文件；3 根据具体的json文件 创建一个各个数据model类，用于将网络端返回的数据分成不同的模型，方便进一步使用；例如：CommonModel类表示各个相同json字段的数据模型，homemodel表示最大的json数据...
2019-05-14 16:54:55
450
原创 flutter动画中AnimatedWidget和AnimatedBuilder的区别和使用
flutter中通过animatedWidget和AnimatedBuilder两个类可以快速搭建动画：以下实例为通过animatedwidget实现图片有小到大的动画。//思路：/** * 1 创建animationlogo的widget类 实现其构造函数和build方法（用于指明动画样式和具体动作） * 2 创建state类 其中initstate函数中通过实例化controller...
2019-05-06 17:36:54
2359
原创 flutter中的动画（tween动画）
flutter中的动画分为两类：基于tween的动画和以及物理的动画。以下引用自flutterchina：补间(Tween)动画“介于两者之间”的简称。在补间动画中，定义了开始点和结束点、时间线以及定义转换时间和速度的曲线。然后由框架计算如何从开始点过渡到结束点。基于物理的动画在基于物理的动画中，运动被模拟为与真实世界的行为相似。例如，当你掷球时，它在何处落地，取决于抛球速度有多快、球有...
2019-05-06 14:53:28
4253
原创 flutter中利用Swiper实现轮播并加入listview实现类豆瓣电影列表页
本文将实现如下图所示的页面：整体布局上通过column包括两部分内容；（包括：上部分的轮播图的实现+下半部分listview实现数据的展示（自定义itemview））第一部分：Swiper实现轮播图：flutter可通过第三方插接快速实现界面功能的开发，例如swiper轮播图的实现：步骤如下：1 在pubspec文件中加入必要的插件名称，通过提示同步获取到第三方的库文件。2 创建轮...
2019-04-28 17:45:44
2319
1
原创 flutter中的路由（通过使用路由创建登录界面列表并将信息传递到指定路由）
flutter中的路由，根据是否有数据传递可以分成静态路由和动态路由；静态路由：可以实现简单的页面之间的跳转，所能传递的数据都是给定的值。具体的做法如下：1 创建路由表：//创建路由表 routes:{ "new_page":(context)=>NewRoute(), "new_page2":(context)=>NewRoute2...
2019-04-26 15:39:37
898
原创 flutter通过底部导航栏实现不同page之间的切换：
实现逻辑上flutter显得更加紧凑，而在android开发中同样的实现结果需要通过不同的结构组合（例如创建不同布局的xml，设置adapter，之后将adapter设置给指定的控件）。而在flutter中可以直接通过对不同widget设置指定的事件更加降低了代码的耦合性。如下为flutter创建导航栏切换的实例：1 创建Pagerview并添加不同的页面； body: PageView...
2019-04-23 15:36:57
3168
1
原创 flutter中的gridview
gridview在移动应用中的使用非常的广泛，主要用于商品或其他类信息的展示；flutter中的gridview的使用实例如下：1 创建gridview类 （其中包含两个方法 一个返回card对象 一个返回gridview对象）/** * 创建一个mygridview类 * 创建方法返回单个card对象 * 创建方法返回含有若干card对象的gridview */class M...
2019-04-17 16:46:30
802
原创 flutter中在statefullwidget中创建一个按键的实例
statefullwidget和statelesswidget是flutter中组件布局的基础statelesswidget顾名思义就是一个无状态的widget，可以在其中创建控件，但是不可以改变其中控件的状态。statefullwidget其中可以添加状态需要改变的widget布局，自定义一个statefullwidget需要自称自statefullwidget，并在其build方法中创建自...
2019-04-17 14:23:04
562
原创 flutter中的手势
flutter中可以通过GestureDetector方法中的不同手势事件来实现不同的点击操作：例如：onTapDown 按下。onTapUp 按下起来之后。onTap 点击。onTapCancel点击之后移出点击区域。onDoubleTap双击。onLongPress 长按。以下代码演示了以上不同方法的操作：class gustrueState extends Stateful...
2019-04-16 16:19:27
403
原创 Flutter中的text和container的使用说明
flutter一切皆为widget，text中的重要的属性举例：TextAlign（文本对齐方式）maxlines（设置最多显示的文本行数）overflow（设置文本溢出时候的显示方式）style（文本的显示风格）class TextApp extends StatelessWidget { final String text = 'Syncing files to device A...
2019-04-12 15:41:43
1403
原创 自定义viewFlipper
自定义viewFlipper的使用viewFlipper是ViewAnimator的子类，而ViewAnimator又是继承自FrameLayout，而FrameLayout就是平时基本上只显示一个子视图的布局，由于FrameLayout下不好确定子视图的位置，所以很多情况下子视图之前存在相互遮挡，这样就造成了很多时候我们基本上只要求FrameLayout显示一个子视图，然后通过某些控制来实现切...
2019-03-29 14:09:37
625
原创 android中轮播的使用
广告界面的轮播使用banner图片轮播图片的轮播多用于广告页的使用。步骤1 引入banner通过compile引入控件的依赖2 获取banner对象并设置数据2.1为banner设置数据集（包括图片数据和title数据）2.2 为banner设置显示的style2.3 start方法必须放在最后执行（重点）3 重写imageloader的方法3.1 重写imageloade...
2019-03-29 11:57:47
136
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人