
flutter
文章平均质量分 72
上课小蜗牛
做一个快乐的,幸福的程序员
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Flutter中 TTS(播放文本功能)的使用
请支持原文:http://tryenough.com/flutter-tts需求在flutter中指定一段文字,播放语音。实现1.添加库引用我们这里使用Dart的 tts库,首先在配置文件中添加这个库的引用:在pubspec.yaml文件中添加如下代码引用:dependencies: tts: ^1.0.2执行命令,获取该库:flutter packages get请...原创 2019-04-03 23:54:52 · 5337 阅读 · 0 评论 -
flutter 学习使用自定义view并添加手势动作
原文链接http://tryenough.com/flutter-gesture-canvas在这篇指导中,你能学习如何使用gesture,并学习如何绘制一个饼图。当我们使用CustomPainter绘制自己的形状时,如果你不允许与用户交互,对用户来说会有点沉闷,所以我们应该知道如何使用手势来丰富我们的交互。0. 我们要实现什么像往常一样,先展示效果。我们希望当我们在屏幕上移动手指的时候...原创 2019-05-22 15:42:33 · 824 阅读 · 0 评论 -
Flutter滚动, 中间显示整图, 前后露出部分图
欢迎去看原文:http://tryenough.com/flutter-middle-scroll效果代码代码比较简单,这也是flutter强大的地方。import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget { /...原创 2019-04-25 15:03:56 · 1445 阅读 · 0 评论 -
Flutter绘制弯曲虚线
去看原文:http://tryenough.com/flutter-curved-line效果开始去看原文:http://tryenough.com/flutter-curved-line修改main.dart文件:import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyA...原创 2019-04-28 14:44:25 · 1237 阅读 · 0 评论 -
Flutter绘制虚线
欢迎去看原文:http://tryenough.com/flutter-dotline效果实现方案方案一:如果你用canvas画,可以参考这个库来绘制虚线:https://pub.dartlang.org/packages/path_drawing#-installing-tab-欢迎去看原文:http://tryenough.com/flutter-dotline方案二:定义分...原创 2019-04-28 11:24:01 · 4878 阅读 · 0 评论 -
Flutter 使用动画播放一组图片
请支持原文:http://tryenough.com/images-animation效果如下图:代码import 'package:flutter/material.dart';import 'package:sprintf/sprintf.dart'; //这个是一个拼接字符串的flutter库,主要是为了使用方便,你可以选择不使用,这样的话你需要自己拼接图片路径class I...原创 2019-04-23 17:56:14 · 1281 阅读 · 0 评论 -
flutter 自定义带水波纹和点击态的cell
请支持原文:http://tryenough.com/flutter-custom-cell看效果代码:请支持原文:http://tryenough.com/flutter-custom-cellclass _CListTile extends StatefulWidget { _CListTile( {Key key, this.text, th...原创 2019-04-22 16:19:19 · 1089 阅读 · 0 评论 -
flutter 绘制流水(水波上升)动态效果
欢迎去浏览原文:http://tryenough.com/flutter-wave效果你可以先简单理解下贝塞尔曲线的原理:推荐这个关于贝塞尔的教程:http://www.html-js.com/article/1628代码:1.创建绘制波浪边界的代码创建一个基础的绘制类,可接收动画的x和y值:import 'package:flutter/material.dart';abst...原创 2019-04-26 11:25:03 · 2281 阅读 · 0 评论 -
Flutter pageview切换指示器
欢迎去看原文:http://tryenough.com/flutter-indicator-scrollview效果代码// Copyright 2017, the Flutter project authors. Please see the AUTHORS file// for details. All rights reserved. Use of this source cod...原创 2019-04-26 11:22:08 · 1835 阅读 · 0 评论 -
flutter 播放帧动画
谢谢支持原文:http://tryenough.com/flutter-frame-animal本文是关于如何循环播放一连串的图片,形成动画效果。看下效果:你需要做的就是把UI提供的一系列图片传入到下列代码中,并设置宽高。工具类封装:import 'package:flutter/material.dart';class ImagesAnim extends StatefulWi...原创 2019-04-16 20:44:53 · 1893 阅读 · 0 评论 -
Flutter String格式化
请看原文: http://tryenough.com/flutter-stringformat在Android和iOS平台都有相应的方法进行字符串的格式化,但是在flutter中却没有直接提供在flutter上可以借助一个插件来进行格式化:sprintfimport 'package:sprintf/sprintf.dart';例子import 'package:sprintf/s...原创 2019-04-09 20:35:53 · 7024 阅读 · 0 评论 -
Flutter插件开发例子分享到facebook和twitter
请看原文更详细:http://tryenough.com/flutter-plugin-share这个活生生的例子会教你开发flutter插件,功能是封装Android和iOS端的分享到facebook和twitter的flutter接口。使用的分别是两端的系统分享功能,不需要集成facebook和twitter 的 sdk。例子插件网址:https://pub.dartlang.org/pa...原创 2019-04-09 16:08:57 · 1565 阅读 · 0 评论 -
Flutter 如何调用Android和iOS原生代码
请大家支持我的网站:http://tryenough.com/flutter-tonative分3个大步骤:1.在flutter中调用原生方法2.在Android中实现被调用的方法3.在iOS中实现被调用的方法在flutter中调用原生方法场景,这里你希望调用原生方法告诉你一个bool值,这个值的意义你可以随意定,这里表示的意义是是否是中国用户。你可以在flutter中设计好要调...原创 2019-04-11 17:56:37 · 965 阅读 · 1 评论 -
Flutter 添加背景图片
请支持原文:http://tryenough.com/flutter-backImageFlutter 中添加背景图片可以使用给Container添加decoration的方式。如下代码:body: Container( decoration: BoxDecoration( image: DecorationImage( image:...原创 2019-04-07 00:30:48 · 3932 阅读 · 0 评论 -
Flutter国际化完整例子
请支持原文 http://tryenough.com/flutter-translationflutter国际化实现方案这里提供一份解决方案,和一份可以直接使用的demo。1.添加依赖库需要用到flutter_localizations包,在pubspec.yaml文件中添加如下依赖内容:dependencies: flutter: sdk: flutter flutte...原创 2019-04-05 22:04:45 · 1250 阅读 · 0 评论 -
一个令你颤抖的flutter动画:Basic Animations
效果实现过程详解,请看这里: http://tryenough.com/flutter-animation-6这个包含一系列的动画实例和动画控制:Swipe It 透明度从1到0的变换根据黑色区域的宽度改变贝塞尔曲线的大小Tap Here 文案从左到右出现** Easy** 区域从屏幕外移动到屏幕内** Easy** 区域反转动画实现过程详解,请看这里: ...原创 2019-05-23 16:29:57 · 1349 阅读 · 0 评论