一.效果图 二.页面分析 这里我们只用关注资讯页面就行，资讯页面大概可以分为两个部分： 1.顶部导航栏 顶部导航栏有3个固定的tab，选中的时候字体变大，并且改变颜色，如果直接使用系统的TabBar...，然后分别加载不同的控件。...2.城市页面和导购页面item样式是一致的，但是和推荐页面的样式还是有区别，推荐页面图片是在中间，但是这两个页面的图片是在右边，所以整体是在右布局。...SizeBox： 比较常用的控件，只包含一个子控件，用来限制子控件的大小。...Expanded：包含一个子控件，默认不带其他参数的情况下，用来充满页面剩余位置，类似于android里面的weight,不过要注意的是使用Expanded的时候，父组件的尺寸应该是可计算的或者固定值，
a X b = |a| * |b| * sin 可知tan= (a * b) / (aXb) 但是值域为-pi/2到pi/2 atan2是一个函数，在C语言里返回的是指方位角...，C 语言中atan2的函数原型为 double atan2(double y, double x) ,也可float，返回以弧度表示的 y/x 的反正切。...y 和 x 的值的符号决定了正确的象限。也可以理解为计算复数 x+yi 的辐角，计算时atan2 比 atan 稳定。...[1] atan2(y, x) 与 atan(y/x)稍有不同，atan2(a,b)的取值范围介于 -pi 到 pi 之间（不包括 -pi） 因此可转化为： = atan2
常用带事件处理的组件 FloatingActionButton RaisedButton IconButton ToggleButton Flutter 1.9 新推出的一个组件； IconButton...案例 icon：icon组件，可以用原生的封装； onPressed：匿名函数，实现的点击事件； 代码： ?...int index){ int count = 0; print('点击了： $index'); //每次点击 遍历indexs数组，点击的页面设置为...---- 参考自CSDN的Flutter入门课程
1.带一个星号（*）参数的函数传入的参数存储为一个元组（tuple）2.带两个星号（*）参数的函数传入的参数则存储为一个字典（dict），并且再调用是采取a=1,b=2,c=3的形式3.传入的参数个数不定...，所以当与普通参数一同使用时，必须把带星号的参数放在最后。...4.函数定义的时候，再函数的参数前面加星号，将传递进来的多个参数转化为一个对象，一个星号转换成元组，两个星号转换成字典，相当于把这些参数收集起来5.参数前加一个星号，将传递进来的参数放在同一个元组中，该参数的返回值是一个元组...6.参数前两个星号，将传递进来的参数放到同一个字典中，该参数返回值为一个字典function_with_one_star(*d): print(d, type(d))def function_with_two_stars...(**d): print(d, type(d))# 上面定义了两个函数，分别用了带一个星号和两个星号的参数，它们是什么意思，运行下面的代码：function_with_one_star(1, 2,
直到不存在为止 strutil为hutool工具类 /** * 如果文件已存在 则自动重命名为带后缀的文件名 */ private String generateNotExistFileName
最近遇到个需求，要求在一个 ListView 里面能互换两个 item 的位置，这样： ? 于是，就有了现在的这个 WReorderList。...WReorderList 功能就不用多说了，可以随意替换两个 item 的位置。...2.如何获取到需要交换的两个 item 的组件3.交换过程中两个 item 原来的位置上要被空白占用？...并且在 build 的时候用 Builder 包裹住就可以获取到当前这个 widget 的 context了。 就能获取到需要交换的两个 item 的位置。...交换过程中两个 item 原来的位置上要被空白占用？ 可以看到最开始的效果中，交换过程中是被空白给占用了的，那这个高度如何获取？
零度层亮带中的两个融化层：成因及启示 （研究方向：云物理+雷达气象） 1....主要原因在对这些微物理过程的认识还非常不充分，缺乏有效的观测数据来增进对这些过程的理解。 2. 研究背景 1）零度层亮带是雷达气象学中最著名的现象之一。...如图2所示，在垂直指向的C波段雷达反射率因子产品上，零度层亮带清晰可见。而C和W波段雷达的LDR数据却呈现了两个明显分离的融化层。这种“单亮带双融化层”的现象并不是逆温造成的，且从未被报道过。...研究方法 利用W波段雷达多普勒速度功率谱和LDR谱数据分析了这种“单亮带双融化层”现象的成因。 4. 结果与讨论 1）图2中线A对应的就是“单亮带双融化层”的区域。...这种“错位”跟C和W两个波段的散射特性相关。W波段信号对小粒子更敏感，但是C波段信号对大粒子更敏感。 6）最后一个比较令人意外的发现与融化层底部的位置相关。
前言 继上次的 Bpmn.js 进阶指南（万字长文） 之后，我相信大家对 Bpmn.js 的使用和自定义方法都有了一定的了解。...这里提供两个比较简单的方法： 2.1 继承 BaseRenderer 重写 drawShape 方法来控制元素大小。...} handlers['bpmn:Activity'](parentGfx, element, attrs) // 自定义节点 const customIcon...= svgCreate('image') svgAttr(customIcon, { ....../icons/mysql.png' }) svgAppend(parentGfx, customIcon) return customIcon
windows 电脑上直接新建 txt 记事本文件，编写好要执行的命令后，将后缀修改成 .bat，然后直接点击文件就可以执行里面的命令了# 打开命令窗口start cmd# /k 执行完命令不关闭cmd...，注意，目录的路径为全路径，并且带结尾的\，仅可以在 bat 脚本中使用，如直接进入脚本所在目录：cd /d %~dp0@echo offset path_cd=%cd%set path_dp0=%~dp0echo...Value of cd: %path_cd%echo Value of dp0: %path_dp0%pause相关： Flutter SDK 包里的 flutter_console.bat 文件就是跟这个类似的...，点一下就可以直接自动在打开 cmd 小黑窗，然后可直接输入 flutter 命令。...bat文件和cmd文件类似，本质上没有区别，都是简单的文本编码方式，都可以用记事本创建、编辑和查看，两者所用的命令行代码也可以共用，只是cmd文件中允许使用的命令要比bat文件多。
前言 上一篇我们对 Flutter UI 有了一个基本的了解。 这一篇我们通过自定义 Widget 来了解下如何写一个 Widget？...然而 Widget 有两个，StatelessWidget 和 StatefulWidget，我们要继承哪一个？ 下面让我们跟着文章来探索一番。 目录 ? 1....这里文件名后面后缀 .dart 可带可不带 文件名多个单词组成用下划线分隔。...我们写一个单独的方法 _buildWidget 来返回 Widget，同时返回我们之前写的 Text，如下： import 'package:flutter/material.dart'; class...Flutter Flutter 即学即用系列博客——04 Flutter UI 初窥
一个enum就像其他的类一样，可以拥有一系列的实例。 下面我们会举几个简单的例子说明如何使用Java中的enum。...Paste_Image.png 实例2（带构造函数） package Enum; public class Test { public static void main(String[] args...的定义是像其他类一样，只是多了一系列预定义的实例。...一个适合的使用场景是：防止不可用参数，例如下面这个例子： public void doSomethingWithColor(int color); 我们在使用函数的时候发现这个参数是很模糊的，我们不知道不同的颜色对应什么...，我们就可以正确的传入参数，而且可读性也加强了！
Flutter打包apk（Gradle配置打包） 本次所记录的打包流程全部都是在Android Studio上完成的。 一、生成签名文件 Android在打包之前需要一个签名文件。...eclipse的签名文件是以.ketstore为后缀的文件；Android Studio是以.jks为后缀的文件。 这里我们用命令行生成一个.jks的文件。...我们使用的是Android Studio自带的debug.keystore密钥库。...配置.png 三、Flutter打包apk 从终端进入flutter工程目录，运行以下命令自动生成apk，生成apk路径为：xxFlutterProject/build/app/outputs/apk/...xx.apk xxFlutterProject$ flutter build apk ?
文章目录 前言 一、混合开发中启用 Flutter 的 热重启 / 热加载 二、混合开发中 Flutter 的 热重启 / 热加载 命令测试 三、指定混合应用连接的设备 四、相关资源 前言 上一篇博客...应用 和 Flutter 应用混合开发时 , Flutter 无法进行 热重启 / 热更新 , 这样降低了开发调试的效率 ; 混合开发中启用 Flutter 的 热重启 / 热加载 : ① 打开模拟器..., 或连接真机 ; ② 关闭应用 : 注意 , 应用一定不能运行在手机中 , 先把手机中的应用关闭 ; ③ 关联 Flutter 与 Android 应用 : 在 Flutter Module 工程的...标题后面跟着一个热加载后缀 ; 三、指定混合应用连接的设备 ---- 如果当前连接了多个设备 , 使用 flutter attach -d 'Pixel 2' 指定连接 " Pixel 2 " 设备.../han1202012/flutter_native 注意 : 上面两个工程要放在同一个目录中 , 否则编译不通过 ; 博客源码快照 : https://download.csdn.net/download
then((s) { print(s); }).catchError((e) { print('catchError:'); print(e); }); } 注意 : 上述两个方法只能二选其一...练习网站 ---- 在 https://dartpad.dartlang.org/ 网站 , 练习 Dart 语言 ; 五、async、await 关键字 ---- async 关键字一般用作 方法的后缀...官网 : https://flutter.dev/ Flutter 插件下载地址 : https://pub.dev/packages Flutter 开发文档 : https://flutter.cn.../docs/ Flutter 相关问题 : https://flutterchina.club/faq/ ( 入门阶段推荐看一遍 ) GitHub 上的 Flutter 开源示例 : https://download.csdn.net.../download/han1202012/15989510 Flutter 实战电子书 : https://book.flutterchina.club/chapter1/ 重要的专题 : Flutter
前言 管理多个页面时有两个核心概念和类：Route和 Navigator。 一个route是一个屏幕或页面的抽象，Navigator是管理route的Widget。...Navigator可以通过route入栈和出栈来实现页面之间的跳转。 Flutter的路由有两种方式 基本路由 命名路由 基本路由就相当于Android和iOS原生的页面跳转方式。...，因为Flutter的Dialog的实现方式就是基于路由的。...: '带参数跳转') ## 命名路由 路由定义与初始化 路由定义 import 'package:flutter/material.dart'; import 'package:qggj_android...，因为Flutter的Dialog的实现方式就是基于路由的。
效果： 非常的简单。 导入字体 随便在网上找一个免费的字体，下载下来会得到一个后缀为.ttf的文件，即字体文件。 或者自己做一个。...flutter: fonts: - family: mononoki fonts: - asset: fonts/mononoki-Regular.ttf...asset：字体路径 weight：比重（400相当于normal，700相当于bold） 使用字体 child: Text( "wanandroid_flutter...中有一个fontFamily属性，参数即字体的名称。...github：https://github.com/yechaoa/wanandroid_flutter 官方文档：https://flutter.dev/docs/cookbook/design/fonts
简介 这里整理了日常使用vscode开发flutter相关的插件，也有部分通用类型的插件 Flutter & Dart 这2个是flutter官方插件，开发flutter装机必备，不用多说。...used Flutter functions and classes 这里面包含Flutter中非常常用的代码片段 Bracket Pair Colorizer 2 A customizable extension...增强了语言中的错误高亮效果，使错误提示在代码后面显示 flutter-stylizer Flutter Stylizer organizes your Flutter classes in an opinionated...使flutter中的代码按照下面的方式排序，方便统一约束团队代码的结构 "flutterStylizer.memberOrdering": [ "public-constructor",...后缀的文件 点击Send Request开始发送请求。
安装完成之后，打开终端控制台，输入dart --version 查看是否安装完成 打开VSCode开发工具，安装Dart插件后，创建一个.dart后缀的文件，输入代码后右键运行，查看结果。...SDK 下载地址：https://flutter.cn/docs/get-started/install/windows 把下载好的Flutter SDK 随便解压到你想要安装SDK的目录（如：D...:\flutter_windows_2.10.5-stable\flutter） 配置环境变量，找到Flutter文件下的bin目录复制，找到电脑环境配置在系统变量Path中添加一行D:\flutter_windows..._2.10.5-stable\flutter\bin 后点击确定 四， 配置Flutter国内镜像 搭建环境过程中要下载很多的资源文件，当一些文件下载不了的时候，会报各种错，在国内访问Flutter的时候有可能会受到限制...，Flutter官网为我们提供了国内的镜像。
Android打包Flutter模块上传到maven仓库的最佳实现 在混合开发中，把Flutter模块打包成aar提供给宿主工程依赖可以很大成都降低团队Flutter的学习成本，也是很多混合开发团队的首选...如果有5个不同项目里都有flutter模块，这些模块都依赖的webview_flutter，但是版本有可能不同，webview_flutter生成的pom文件里组织名是相同的，如果直接上传到maven，...需要隔离不同flutter中引用的相同框架生成的aar来规避不确定风险，因为一旦出现这样的风险，将会很难排查。...read -r file do sed -i -e "s/>$1$2</g" $file done } #第一次遍历repo文件夹下所有后缀名为.aar的文件 find...$artifactId $projectName done #第二次遍历repo文件夹下所有后缀名为.aar的文件，为什么要二次遍历？
这篇文章是对Flutter动画实现思路的一篇剖析，用一个简单的动画，分析Flutter创建动画的一般步骤 闪屏，实际上有两个作用。 宣传。通过Logo、广告等形式，在启动时，展示要宣传的广告等内容。...，左边和右边，如果使用Center-Row的方式，由于两个Text并不在屏幕中线对齐，所以实际上是有个offset的，然后再通过Transform.translate来进行偏移。...，【Flutter】Text和【Dojo】Text偏移的值实际上就是两个文本的宽度差的一半。...先看【Flutter】Text的动画，它从屏幕左边作用到中间带偏移的地方，所以其动画值的范围是： begin: screenWidth, end: screenWidth / 2 - offset 相应的...，才将仅仅两个动画写在了管理类中。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
对象存储
云直播
