咖啡花园

专注咖啡一百年!

Flutter布局锦囊---男女性别单选

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “点击操作”,感应用户选择性别的区域。 “选择性别男”,性别男的选择区域,点击会更新图片和样式。 “选择性别女”,性别女的选择区域,点击会更新图片和样式。 然后就可以开始进行编码了。 第1步:绘制组件树 第2步...

2019-01-17 11:46:45

阅读数:31

评论数:0

Flutter布局锦囊---有背景图的头像选择

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “获取相册图片”,Flutter团队开发的图片选择器(image_picker)插件,从手机相册中获取图片。 “默认头像图片”,新用户默认的头像图片,右下方通过一个小图片提醒用户可以点击设置头像。 “圆形头像图片”,经过简单裁剪后的圆形...

2019-01-15 15:09:56

阅读数:64

评论数:0

Flutter布局锦囊---带输入字段的应用栏

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “堆栈容器”,使用大小框(SizedBox)和堆栈(Stack)组件搞的容器,用于实现层次结构。 “下层的导航”,放在堆栈容器下层,由图标按钮(IconButton)和图片(Image)组件实现的导航。 “上层的输入区域”,经过简单定制...

2019-01-12 18:42:21

阅读数:61

评论数:0

Flutter布局锦囊---简单的应用栏

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “公共应用栏”,可以给应用程序中的大部分页面使用的通用组件。 然后就可以开始进行编码了。 第1步:绘制组件树 第2步:实现“公共应用栏” 使用Flutter的应用栏(AppBar)组件,你可以实现一些简单定制效果...

2019-01-11 10:57:34

阅读数:53

评论数:0

Flutter布局锦囊---屏幕顶部提醒

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “提醒页面”,显示在屏幕上方的文字提醒页面,不会覆盖原路由页面。 “路由导航”,使用Flutter的路由与导航组件来推(push)提醒页面。 “倒计时抛”,使用Flutter的倒计时组件自动抛(pop)提醒页面。 “过渡动...

2019-01-07 22:13:59

阅读数:228

评论数:5

Flutter布局锦囊---手机号登录页

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “运营位”,使用自定义的旋转木马滑块组件实现可以滚动的运营位。 “登录表单”,使用自定义的登录表单组件实现手机号、验证码登录的表单。 “用户协议”,使用自定义的用户协议组件实现用户协议的声明文本。 然后就可以开始进行编码了。 第1步:...

2019-01-05 01:02:47

阅读数:816

评论数:1

Flutter布局锦囊---用户协议声明

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “用户协议声明”,使用文本(Text)组件和文字跨度(TextSpan)组件组成的用户协议声明文本。 然后就可以开始进行编码了。 第1步:绘制组件树 第2步:实现“用户协议声明” 因为Flutter的嵌套结构非常复杂,所以你必须将所...

2019-01-04 23:16:08

阅读数:570

评论数:1

Flutter布局锦囊---蜡笔画的表单

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “手机号输入框”,使用自定义的登录表单字段组件实现的输入框。 “验证码输入框”,使用自定义的登录表单验证码组件和登录表单字段组件组合实现的输入框。 “登录按钮”,使用自定义的涂鸦按钮组件实现的按钮。 然后就可以开始进行编码了。 第1步...

2019-01-04 22:15:52

阅读数:93

评论数:0

Flutter布局锦囊---带彩条的文本字段

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “文本输入框”,使用文本字段(TextField)组件实现的输入框。 “状态指示条”,使用容器(Container)组件实现带颜色的长方形。 然后就可以开始进行编码了。 第1步:绘制组件树 第2步:实现“文本输入框” Flutter...

2019-01-03 19:29:49

阅读数:114

评论数:0

Flutter布局锦囊---涂鸦风格按钮

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “可点击框”,使用堆栈(Stack)组件布局的可点击区域。 “底部矩形”,用来衬托“主要矩形”,以形成立体效果的矩形。 “主要矩形”,按钮主体部分,通过调整上下位置来模拟按压效果。 然后就可以开始进行编码了。 第1步:绘制组件树 第...

2019-01-03 15:34:32

阅读数:82

评论数:0

Flutter布局锦囊---验证码倒计时

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “获取验证码按钮”,可以通过点击按钮来获取验证码。 然后就可以开始进行编码了。 第1步:绘制组件树 第2步:实现“获取验证码按钮” 获取验证码的按钮需要显示在文本字段的上面,所以你可以直接使用Flutter的墨水...

2019-01-02 14:11:53

阅读数:210

评论数:0

Flutter布局锦囊---轮播图片与滑块

设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “运营位”,可以通过左右滑动来切换图片。 “进度条”,显示“运营位”当前位置的进度条。 然后就可以开始进行编码了。 第1步:绘制组件树 第2步:实现“运营位” Flutter没有直接提供可以通过左右滑动来切换图...

2018-12-27 18:31:07

阅读数:235

评论数:0

在Ubuntu 18.04上搭建HttpRunnerManager服务

首先在HttpRunnerManager的GitHub页面下载项目代码,然后存放在任意目录下。 安装python的Django库,可以使用pip3 list --format columns确认是否已经安装Django库。 使用pip3 install django-celery命令安...

2018-11-01 15:36:00

阅读数:233

评论数:1

使用SonarQube扫描器分析项目

SonarQube Scanner是SonarQube扫描器,它通过各种不同的分析机制对项目源代码进行分析和扫描,并把分析扫描后的结果上传到SonarQube的数据库,通过SonarQube的Web界面对分析结果进行展示与管理。 SonarQube建议将SonarQube Scanner用作使用S...

2018-10-15 15:09:53

阅读数:683

评论数:0

在Ubuntu 18.04上搭建SonarQube服务

在Ubuntu 18.04上,默认情况下,只有最新版本的MySQL包含在APT软件包存储库中,你可以直接更新服务器上的软件包索引并使用apt安装默认软件包。 sudo apt update sudo apt install mysql-server 这样安装MySQL不会提示您设置密码或进行任何其...

2018-10-13 23:12:22

阅读数:173

评论数:0

Charles代理

Charles代理 Charles是一个HTTP和SOCKS代理服务器,代理请求和响应使Charles能够在请求从客户端传递到服务器时检查和更改请求,以及从服务器传递到客户端时的响应。 带宽模拟器 Charles可用于调整Internet连接的带宽和延迟,这使您可以在高速网络环境下模拟调制解调器下...

2018-10-08 21:30:14

阅读数:159

评论数:0

Charles的iOS应用程序

Charles于2018年推出了iOS应用程序,现在可以在App Store搜索并下载。使用iOS版本的Charles,您可以捕获并检查iOS设备上的网络请求和响应,还可以在应用程序中查看元数据,标头和正文,这样您就可以在没有计算机的情况下直接调试应用程序的网络问题。 iOS版本的Charles目...

2018-10-06 10:18:04

阅读数:1236

评论数:0

Charles的使用方法

Charles拦截/修改请求使用Charles拦截/修改请求新的改变 使用Charles拦截/修改请求 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。 新的改变 我们对M...

2018-10-02 15:48:47

阅读数:353

评论数:0

Charles安装与入门

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数...

2018-10-01 13:39:08

阅读数:123

评论数:0

在Ubuntu上安装MongoDB

首先我们要先确认一下系统版本,MongoDB仅提供64位LTS的Ubuntu版本软件包,其他版本也可以使用,但是不提供支持。然后我们还需要Ubuntu软件包管理工具,也就是dpkg和apt,通过要求分销商使用GPG密钥对软件包进行签名来确保软件包的一致性和真实性,使用以下命令导入包管理系统使用的公...

2018-07-17 15:56:14

阅读数:454

评论数:0

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