自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(43)
  • 收藏
  • 关注

原创 win10提升优化速度

win10提升优化速度1、关闭诊断跟踪器cmd 输入 services.msc禁用这四个程序2.禁用windows serch服务3.关闭系统自动更新4.禁用Connected User Experiences and Telementy 服务:5.关闭 淡入淡出效果和系统保护6.关闭磁盘优化7.电源选项为高性能:在控制面板中调整cmd 输入 control8.从组策略中 关闭 windows defeder9.设置 开机引导时间:msconfigmscon

2020-12-27 22:48:14 233

原创 dart+j+设计

flutter 组件大全01、flutter组件之SafeArea时间 2020.12.16日自我理解:把布局始终显示在首页页面的安全区域,用于适配各种异型屏幕(但是我试了一下 手机有限用的华为荣耀的刘海屏没有什么作用呀)官网地址视频演示上代码:class SafeAreaDemo extends StatefulWidget{ @override State<StatefulWidget> createState() { return _SafeAreaState

2020-12-23 19:09:38 312

原创 Material Design 设计规范总结

一、核心思想Material design 的核心思想是把物理世界的体验带进屏幕。去掉现实中的杂质和随机性,保留其最原始纯净的形态、空间关系、变化与过渡,配合虚拟世界的灵活特性,还原最贴近真实的体验,达到简洁与直观的效果。二、材质与空间1.材质Material design中,最重要的信息载体就是魔法纸片。纸片层叠、合并、分离,拥有现实中的厚度、惯性和反馈,同时拥有液体的一些特性,能够自由伸展变形。2.空间Material design引入了z轴的概念,z轴垂直于屏幕,用来表现元素的层叠关系。.

2020-12-10 20:46:01 1033

原创 python基础教程

d python基础教程1.9、 运算符和表达式1.1:算数运算符1.2:比较运算符1.3:赋值运算符1.4:位运算符1.5:逻辑运算符1.6:成员运算符1.7:省份运算符2.判断语句和循环语句2.1:条件判断语句import与from…import2.2:循环语句for 循环3.字符串,列表,元组,字典3.1:字符串5.函数6.错误与异常6.1 异常简介看如下示例:print("-------------")open("123.txt

2020-11-16 13:10:46 314

原创 web scraper

傻瓜式爬虫工具web scraper1、 基本使用举例:抓取知乎大V发布的文章​ 我们想吧这些都抓取下来 地址:https://www.zhihu.com/people/zhangleo/posts超链接公式=HYPERLINK(d2,“点击查看”)2、翻页抓取方法​#做翻页怎么做# 其实特别简单 只需要改url就可以了# 1.找到有规律的链接作为URL知乎上总共有四页https://www.zhihu.com/people/zhangleo/posts?p

2020-11-16 13:09:54 333

原创 python爬虫

python爬虫安装jupyter控制台输入pip install jupyter注意:一般会报错 不能直接安装安装Python 3.9并尝试安装jupyter笔记本后,我遇到类似的问题。您需要转到以下URL:https : //visualstudio.microsoft.com/visual-cpp-build-tools/ //前面的地址输入到浏览器中 然后按回车 926并下载Microsoft Build工具(只需单击蓝色的大按钮)。下载并执行安装程序后,将为您提供各种选择:Microsof

2020-10-28 15:34:41 152

原创 python基础教程

python基础教程1.9、 运算符和表达式1.1:算数运算符1.2:比较运算符1.3:赋值运算符1.4:位运算符1.5:逻辑运算符1.6:成员运算符1.7:省份运算符2.判断语句和循环语句2.1:条件判断语句import与from…import2.2:循环语句for 循环3.字符串,列表,元组,字典3.1:字符串...

2020-10-28 15:33:31 112

原创 git 管理代码版本

git 管理代码版本下载安装的话一路下一步下不 安装目录可以更改 其他都默认下一步即可01,Git配置查看配置git config -lgit config --global --list下面这是我们下载安装git之后必要的做的 配置用户名和密码不然你是提交不上项目的[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OSnVaaty-1603369514802)(https://bijiimg.oss-cn-beijing.aliyuncs.com/typo

2020-10-22 20:25:31 147

原创 Flutter 网络请求框架dio使用分析

Flutter 网络请求框架dio使用分析import 'dart:ffi';import 'package:dio/dio.dart';import 'package:flutter/material.dart';import 'dart:convert';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { const MyApp({Key key}) : super(key: key);

2020-10-21 09:19:51 553

原创 mongodb (大地老师)

mongodb (大地老师)win系统下的安装Mongodb官网下载压缩版解压到一个目录下面然后新建一个data空文件夹新建一个log文件进入bin目录下 然后复制路径系统环境变量里配置一,数据库使用开启mongodb服务:要管理数据库,必须先开启服务,开启服务使用mongod --dbpath F:\mongodb 后面文件脱到这里面mongo注意:浏览器上输入localhost:27017测试是不是Mongodb服务器开启成功这个就说明开启成功

2020-10-21 09:18:53 214

原创 express+mockjs

搭建express服务器并提供mock数据步骤:1.初始化一个项目:npm init-y2.创建nodejs服务器入口文件app.js3.下载mockjs以及express:npm imockjs4.编写代码完成express服务器的搭建5.编写接口提供mockjs数据express和mockjs的安装方法新建一个文件>cd 到这个目录下面cnpm init --yes新建一个app.js安装expresscnpm i express -S安装mockjscnp

2020-10-20 23:33:46 315

原创 mongodb(大地老师) +Egg+mongodb

mongodb (大地老师)win系统下的安装Mongodb官网下载压缩版解压到一个目录下面然后新建一个data空文件夹新建一个log文件进入bin目录下 然后复制路径系统环境变量里配置一,数据库使用开启mongodb服务:要管理数据库,必须先开启服务,开启服务使用mongod --dbpath F:\mongodb 后面文件脱到这里面mongo注意:浏览器上输入localhost:27017测试是不是Mongodb服务器开启成功这个就说明开启成功

2020-10-14 16:10:56 562

原创 Adobe XD一键生成Flutter代码

Adobe XD一键生成Flutter代码最近在微信的谷歌开发者中得到一篇推文,因为最近也是在自学flutter,看他提到flutter就来兴趣的看了下,突然发现了好多的有意思的项目,还有就是XD支持一键生成Flutter。今天就抱着不太科学的心态去尝试了下,发现还真的是可以,也不知道这个是开发者的福音还是丢饭碗的节奏。于是我从我们家UI那里拿到了一手psd的源文件,其实只要是Adobe工程出来的都可以导入进去的。接下来我们开始搞起来。1、先下载Adobe XD,并且安装(安装步骤就没啥可以说的)下载

2020-09-24 14:10:42 2040

原创 mockjs+json-server

ScaffoldAppbarBottomNavigationBarTabBarTabBarViewDrawermock开始 & 安装npm install mockjs -g //-g是全局安装的如果你要单独一个文件里创建的话不需要-G 进入自定义目录 然后//里面安装即可使用方法第一步 桌面新建一个文件text 然后用编辑器打开(VSCODE)第二部 新建一个aaa.js 里面导入下面的代码// 使用 Mockvar Mock = require('mockjs')

2020-09-05 11:46:26 225

原创 滑动布局-ScrollView、SingleChildScrollView 、ListView 、GridView

滑动布局-ScrollView、SingleChildScrollView 、ListView 、GridView可滑动的Widget-ScrollView我在用Column进行布局的时候,由于子节点过多,导致出现了OverFlow的提示,这个就是告诉我们内容超出范围了,这个在Android里来做就不会给你提示了,他会直接截取掉,不显示,为了解决这个错误我第一时间想到的就是像Android一样给他套一个ScrollView,Flutter的ScrollView不是一个可以直接使用的滑动widget,他是

2020-09-04 22:11:37 565

原创 Flutter TabBar TabBarView

Flutter TabBar TabBarViewFlutter 系列文章 总体目录TabBar 是一排水平的标签,可以来回切换,效果图:属性说明tabs一系列标签控件controller标签选择变化控制器isScrollable是否可滚动,默认falseindicatorColor指示器颜色indicatorWeight指示器粗细indicator指示器,可自定义形状等样式indicatorSize指示器长短,tab:和tab一

2020-09-04 22:03:18 407 1

原创 Flutter ListView新笔记

文章目录Flutter ListViewFlutter ListView加载更多/异步加载(ListView.builder)Flutter ListView分割线(ListView.separated)Flutter ListView列表布局在手机上是最最常用的控件了。Android上的RecycleView尤其的强大。Flutter中也给我们提供了ListView,不过就目前的体验来看,性能跟原生的ListView或RecycleView比还是有一点差距的。滑动起来还是略卡。

2020-09-04 21:51:27 126

原创 Flutter底部导航栏BottomNavigationBar

Flutter底部导航栏BottomNavigationBar文章目录Flutter 底部导航栏(BottomNavigationBar)BottomNavigationBarBottomNavigationBarItem简单使用Flutter 底部导航栏(BottomNavigationBar)在移动开发中,底部导航栏是非常常见的,在之前我也写过一篇关于在Android中如何使用底部导航栏的博客,感兴趣的可以看一下。下面,我们来看一下在Flutter 中 底部导航栏是如何使用的

2020-09-04 21:42:48 269

原创 Flutter Button按钮

按钮Material组件库中的按钮Material 组件库中提供了多种按钮组件如RaisedButton、FlatButton、OutlineButton等,它们都是直接或间接对RawMaterialButton组件的包装定制,所以他们大多数属性都和RawMaterialButton一样。在介绍各个按钮时我们先介绍其默认外观,而按钮的外观大都可以通过属性来自定义,我们在后面统一介绍这些属性。另外,所有Material 库中的按钮都有如下相同点:按下时都会有“水波动画”(又称“涟漪动画”,就是点击时按

2020-09-04 10:19:37 394

原创 Flutter 封装组件

封装组件class MyBody extends StatelessWidget { const MyBody({Key key}) : super(key: key); @override Widget build(BuildContext context) { return Container( child: Wrap( children: [ RaisedButton( onPressed: () {},

2020-09-04 09:02:20 953

原创 Wrap组件

Wrap组件Wrap可以实现流布局,单行的Wrap跟Row表现几乎一致,单列的Wrap则跟Row表现几乎一致。但Row与columl都是单行单列的,Wrap则突破了这个限制,mainAxis上空间不足时,则向crossAxis上去扩展显示。属性默认值说明directionAxis.horizontal主轴的方向,默认水平alignmentWrapAlignment.start主轴的对其方式spacing0.0主轴方向上的间距runAlignmentW

2020-09-04 09:01:00 213

原创 CircleAvatar 圆形头像组件

CircleAvatar 圆形头像组件CircleAvatar是一个圆形Image,常用来显示用户Icon,比Android中实现圆形ImageView简单多了。构造方法如下: const CircleAvatar({ Key key, this.child, this.backgroundColor,//背景色,相当于加载中或加载失败的占位图 this.backgroundImage,//背景图,相当于加载中或加载失败的占位图 this.foregroundC

2020-09-03 18:51:24 1907

原创 Flutter Divider 分割线

Flutter Divider 分割线属性值描述height分割线高度indent分割线距离start伸缩距离endIndent分割线距离end伸缩距离color分割线颜色实例:Divider( height: 1, color: Colors.red, indent: 120, )效果如下:...

2020-09-03 18:28:54 648

原创 Flutter Stack Align Positioned

Flutter Stack 层叠组件在介绍Stack 层叠组件时,顺便带上Align**和Positioned**,以及组合使用参数详解Stack属性说明alignment布局定位 默认 AlignmentDirectional.topStart我们也可以直接传入参数,自定义位置(值在1与-1之间),如:alignment: Alignment(0.5,0.5),textDirection正反排序TextDirection.ltrTextDirection.rtl

2020-09-03 18:04:32 200

原创 Flutter Row

Flutter Row1 RowRow 是一个可以沿水平方向展示它的子组件的组件。它还可以灵活布局,如果要让某个子组件填充满剩余剩余空间,请使用 Expanded 组件包裹该组件即可。Row 组件是不可以滚动的,所以在 Row 组件中一般不会放置过多子组件,如果需要滚动的话应该考虑使用 ListView。如果需要垂直展示,应该考虑 Column 组件。如果只有一个子组件的话,应该考虑使用使用 Align 或者 Container 组件来定位这个子组件。说了这么多,对我来说,Row 就是一个 o

2020-09-03 18:02:38 355

原创 padding 和 margin

padding 和 margin属性值描述fromLTRB(double left, double top, double right, double bottom)分别指定四个方向的补白。all(double value)所有方向均使用相同数值的补白。only({left, top, right ,bottom })可以设置具体某个方向的补白(可以同时指定多个方向)。symmetric({ vertical, horizontal })用于设置对称方向的补白

2020-09-03 18:00:31 296

原创 Expanded 布局

Expanded 布局属性说明flex弹性参数children子组件可以把Expanded布局中的flex看作Android中xml属性中的android:layout_weight这个属性1.ExpandedExpanded是用于展开Row,Column或Flex的子child的Widget。 使用Expanded可以使[Row],[Column]或[Flex]的子项扩展以填充主轴中的可用空间。例:不使用Expanded红色Column组件不使用Expa

2020-09-03 17:59:08 545

原创 FittedBox、AspectRatio、ConstrainedBox详解

1. FittedBox1.1 简介按照其官方的介绍,它主要做了两件事情,缩放(Scale)以及位置调整(Position)。FittedBox会在自己的尺寸范围内缩放并且调整child位置,使得child适合其尺寸。做过移动端的,可能会联想到ImageView控件,它是将图片在其范围内,按照规则,进行缩放位置调整。FittedBox跟ImageView是有些类似的,可以猜测出,它肯定有一个类似于ScaleType的属性。1.2 布局行为FittedBox的布局行为还算简单,官方没有给出说明,我在

2020-09-03 09:17:18 176

原创 Flutter GridView

Flutter GridView常用属性、4种使用方式的区别GridView()、GridView.count()、GridView.extent() 这三种和GridView.builder()的区别在于:GridView都需要一个Widget数组作为其子元素,前三种方式都会提前将所有子widget都构建好,所以只适用于子Widget数量比较少当子widget比较多时,我们可以通过GridView.builder来动态创建子Widget。常用属性属性名功能值所属类型s

2020-09-02 16:00:53 290

原创 如何创建和使用自定义的数据类型

如何创建和使用自定义的数据类型

2020-09-02 10:18:19 906

原创 Flutter ListView组件

Flutter ListView组件列表布局是我们项目开发中最常用的一种布局方式。Flutter中我们可以通过ListView来定义列表项,支持垂直和水平方向展示。通过一个属性就可以控制列表的显示方向。分类:1、垂直列表2、垂直图文列表3、水平列表4、动态列表5、矩阵式列表(网格布局)常用属性:属性值类型说明scrollDirectionAxis设置滚动的方向,horizontal(水平)或vertical(垂直)reversebool是否翻转ite

2020-09-02 10:14:53 92

原创 Flutter Card 组件

Flutter Card 组件Card是卡片组件块,内容可以由大多数类型的Widget构成,Card具有圆角和阴影,这让它看起来有立体感属性说明margin外边距child子组件Shapecard的阴影效果,默认的阴影效果为圆角的长方形边。这个就是动态列表组件加载方法 就是另一个数组渲染到CARD上面的方法...

2020-09-02 10:14:01 231

原创 Flutter Image Icon

图片(Image)在Flutter中,我们可以使用Image控件来显示图片,一般来讲我们的图片资源都来源于网络或者本地图片。Flutter中的Image也是类似。下面我们来看看其常用的属性属性值类型说明imageImageProvider必填参数,接收一个ImageProvider 类型的值semanticLabelString图片的描述excludeFromSemanticsbool是否从语义上排除该图片,默认值为falsewidthdoubl

2020-09-01 19:22:01 170

原创 #Flutter 裁剪布局之 ClipRect、ClipRRect、ClipOval、ClipPath、CustomClipper

Flutter 裁剪布局之 ClipRect、ClipRRect、ClipOval、ClipPath、CustomClipper文章目录裁剪布局ClipRectClipRRectClipOvalClipPath 及 CustomClipper裁剪布局Flutter中提供了一些剪裁widget,如下表格。widget作用ClipRect将 child 剪裁为给定的矩形大小ClipRRect将 child 剪裁为圆角矩形C

2020-09-01 19:06:06 2787

原创 Flutter Navigator基础使用

Flutter Navigator基础使用Navigator的使用分为两部分:本节说一些基本操作,如果你已经掌握了Navigator的基本跳转姿势1.路由最基本的使用-跳转和退出大多数App都包含了许多页面用来呈现不同种类的信息。例如:一个app可能存在“商品列表页”,当点击item的时候又会跳转到对应“商品详情”页面。在Flutter中,页面被称之为route(路由)。在android中路由等同于Activity,ios中路由等同于ViewController,然后在Flutter中路由只是一个

2020-08-31 22:56:09 243

原创 Flutter常用布局集合

容器组件(Container)容器组件(Container)是一个组合Widget,内部有绘制Widget、定位Widget和尺寸Widget,包含一个子Widget,自身具备如alignment、pading等基础属性,方便布局过程中摆放child。Container组件常用属性如下表:属性名类型说明keyKeyContainer唯一表示符,用于查找更新alignmentAlignmentGeometry控制child的对齐方式,如果Container或Contai

2020-08-31 13:11:43 851

原创 Flutter textFeild输入框和选择框

Flutter文本框TextField目录参数详解代码示例[ 效果图](https://blog.csdn.net/ruoshui_t/article/details/90578161?ops_request_misc=%7B%22request%5Fid%22%3A%22159884301219725264645373%22%2C%22scm%22%3A%2220140713.130102334…%22%7D&request_id=159884301219725264645373&

2020-08-31 11:35:51 3867

原创 Flutter Button

Flutter组件之按钮(RaisedButton)凸起按钮组件(RaisedButton)是Material Design中的button,一个凸起的材质矩形按钮,它可以响应按下事件,并且按下时会带一个触摸的效果。常用属性如下:属性名类型默认值说明colorColornull组件的颜色disabledColorColorThemeData.disabledColor组件禁用的颜色,默认为主题里的禁用颜色,也可以设置为其他颜色值onPressedVoi

2020-08-31 11:02:00 132

原创 SliverAppbar

Flutter SliverAppbar 控件介绍flutter SliverAppbar 控件介绍一、使用方法与CustomScrollView、NestedScrollView集成的材质设计应用栏。应用栏由工具栏和其他小部件组成,例如 TabBar和FlexibleSpaceBar。应用栏通常会使用IconButton公开一个或多个常见操作,后者可选地后跟 PopupMenuButton以进行不太常见的操作属性值描述leadingthis.leading,

2020-08-30 09:08:48 306

原创 Flutter Drawer

Flutter Drawer 侧滑菜单、抽屉Drawer 与Scaffold一起使用。是Scaffold中drawer属性。drawer通常是一个ListView,它的第一个子视图是一个DrawerHeader,但我们通常使用UserAccountsDrawerHeader显示当前用户的状态信息。其余的drawer子元素通常由ListTile构造,通常以AboutListTile结束。可以使用Navigator.pop(context)主动关闭Drawer。参数讲解属性说明Dra

2020-08-29 22:30:11 437

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除