4 何小有

尚未进行身份认证

不会编程的测试不是好玩家!

等级
TA的排名 3k+

Flutter游戏:简单规则与结束页

本篇文章的内容需要在完成以下内容代码的基础上进行哦!《开始用Flutter做游戏吧》《Flutter游戏:万有引力定律》《Flutter游戏:垃圾里会生蚊子》《Flutter游戏:蚊子飞来飞去》《Flutter游戏:启动时的欢迎页》简单游戏规则在创建的失败页面之前,要设置游戏失败的条件,目前就先设置1个条件,就是是如果玩家点击屏幕而且没打中蚊子。要检查点击是否命中蚊子还是没有命中...

2019-08-10 19:41:35

Flutter游戏:启动时的欢迎页

本篇文章的内容需要在完成以下内容代码的基础上进行哦!《开始用Flutter做游戏吧》《Flutter游戏:万有引力定律》《Flutter游戏:垃圾里会生蚊子》《Flutter游戏:蚊子飞来飞去》加载更多资源首先下载接下来要用到的游戏资源文件,因为之前已经下载过一部分,所以下面讲一下这次添加了哪些内容。branding/title.png:游戏标题图片,建议7:4大小,即7x4图...

2019-07-22 23:51:29

Flutter游戏:蚊子飞来飞去

本文紧接上文《Flutter游戏:垃圾里会生蚊子》中完成的代码内容,建议先完成前面的代码呦。更多蚊子种类现在我们可以为蚊子添加更多种类,即为Fly类添加更多子类,这一步应该很快就可以完成,因为它们与components/mosquito-fly.dart文件基本相同,唯一的区别就是引用的图像文件名不一样。创建一个新子类文件components/drooler-fly.dart,声明一个Dro...

2019-07-15 10:33:13

Flutter游戏:垃圾里会生蚊子

加载游戏资源在开始下面的内容之前,最好的话是先把《开始用Flutter做游戏吧》过一遍,然后再完成《Flutter游戏:万有引力定律》里的游戏,因为下面的内容是在该游戏的基础上开发的。首先下载这个游戏要用到的游戏资源文件,然后在项目目录下建立assets/images目录,在该目录下再分别建立bg和flies目录,用于存放背景图片和组件图片。资源文件就位后,在pubspec.yaml文件里添...

2019-07-11 17:23:25

Flutter游戏:万有引力定律

搭游戏主循环要Flutter做一个游戏,我们需要先把一个简单的Flame游戏主循环脚手架给搭起来,这部分的内容在前面的《开始用Flutter做游戏吧》里面有详细的讲解哦!新建一个hit-game.dart文件,用以下代码建立游戏主循环,这个游戏主循环是我们游戏的核心,我们待会再扩充里面的内容。import'dart:ui';import'package:flame/game.dart...

2019-07-09 17:21:45

开始用Flutter做游戏吧

一点点基础游戏主循环(GameLoop)游戏主循环是游戏的核心,计算机一次又一次运行的一组指令,用通俗的话来说,如果游戏有生命,那么游戏主循环就是游戏的心跳。同时为了更好的理解游戏主循环,还需要引入一个计算机图像领域的知识——FPS,FPS全称是“FramesPerSecond”,翻译为“每秒传输帧数”,意思就是,如果游戏以60FPS运行,则计算机每秒运行60次游戏主循环。总结一下就是,...

2019-07-03 12:12:16

Flutter:1个人,100天业余时间,能开发出什么?

项目介绍这个一个淘电商APP,同类型的APP有粉象生活、花生日记、好省、折800等等,基本上一个常规电商APP该有的,这个项目都有了。目前,该项目的完成度为80%,剩余的20%因为没有后台项目支持,所以无法完成。为啥要做这个东西勒,因为作为Flutter的早期研究者,有不少人都问过我,Flutter现在可不可以做商业项目?现有的原生项目接入Flutter靠不靠谱?Flutter会不会有很多功能...

2019-06-25 15:43:34

Flutter代码锦囊---淘口令复制弹窗

对于淘系电商APP或其他类似的APP而言,获取剪贴板上的淘口令,再解析出具体的商品详情,是整个APP的核心业务操作,就像下面图片展示的这样。下面我们就用Flutter实现这个功能,首先是前面一部分导入相关引用和常规页面布局代码,直接复制就好了。import'package:flutter/material.dart';import'package:flutter/cupertino.d...

2019-06-21 11:33:49

Flutter代码锦囊---摇一摇

现在很多APP里面的会出现让用户拿起手机摇一摇的场景,除了最常见的微信、QQ等社交APP里面的摇一摇,我们在把APP给测试人员测试的时候,也经常要添加上摇一摇弹窗切换环境的场景,比如下面的场景。所以,下面就来演示一下在Flutter上要怎么加上监听手机“摇一摇”并进行后续的操作逻辑。首先,我们要使用Flutter官方开发的传感器(sensors)插件,在pubspec.yaml目录下添加下...

2019-06-20 19:49:32

Flutter代码锦囊---自定义曲线裁剪

在实际开发中,很多APP里面都会有一些布局需要用到曲线,而不是直线,下面举两个例子,一个是京东APP的页面,一个是淘宝APP的页面,它们都用到了曲线。在Flutter中可以怎么实现这个效果呢,有一个简单的方法,也有一个复杂的方法。首先简单的方法是什么呢?让UI给一张PNG图片文件,直接贴上去。那复杂的方法又是啥嘞?自定义一个曲线裁剪画布,用来裁剪组件,这篇文章讲的就是这个方法。下面我们就...

2019-05-07 20:59:42

Flutter代码锦囊---魔改进度条

Flutter框架提供了MaterialDesign风格的线性进度条(LinearProgressIndicator)组件,就是下面的样子,方方正正的,一点也不圆润。但是很多APP的设计都按照MaterialDesign风格来玩的,各种各样的都有,我们选择最常见的一种来看一下,下面是“淘宝APP->淘抢购”页面里面的进度条,还是带动画的。如果直接用线性进度条(LinearProg...

2019-05-07 14:17:01

Flutter代码锦囊---集中管理路由与导航

当一个Flutter项目的页面多来以后,页面跳来跳去的,开发者自己都会晕,所以需要用一个集中、灵活的方式去管理项目中所有页面的路由与导航。通常我们是使用主页(home)属性设置应用程序的默认路由,即Navigator.defaultRouteName或/路由上的组件。除非指定了初始路由(initialRoute)属性,否则这是在应用程序正常启动时首先显示的路由。如果无法显示初始路由(initia...

2019-04-23 16:40:08

Flutter代码锦囊---切换时页面保持状态

一个正常的Flutter项目中,通过底部导航栏(BottomNavigationBar)或者标签栏(TabBar)组件来切换页面内容,是很正常的操作。但是大家是否有发现,每次导航栏或标签栏切换页面时,之前的页面就被清理了。比如,第一个页面的列表视图(ListView)已经滑动到底部,切换到第二个页面以后再回来,第一个页面的列表又回到了顶部。出现上面问题的原因是,页面的状态(State)没有被保留...

2019-04-23 14:13:15

简单的识别猫狗的模型

从Google下载猫狗训练集与验证集的zip压缩包,提取到项目目录下。这个文件夹里面包含训练(train)和验证(validation)数据集的子目录,而且每个子目录都包含猫和狗的子目录。可以直接在它这个目录下创建一个python文件,就叫猫和狗(cats_and_dogs.py),然后配置好训练集、验证集的目录。base_dir='../cats_and_dogs_filtered'...

2019-04-12 20:25:34

TensorFlow版本的HelloWord

下面是TensorFlow官网提供的一个入门代码,对于一个机器学习的新手来说,好难呀,所以下面就只能一行一行的来理解了。importtensorflowastfmnist=tf.keras.datasets.mnist(x_train,y_train),(x_test,y_test)=mnist.load_data()x_train,x_test=x_train...

2019-03-28 20:11:10

使用PyCharm快速安装TensorFlow

本来之前写的《使用VirtualEnv在Mac安装TensorFlow》已经搭建好TensorFlow学习环境了,后来发现使用PyCharm搭建TensorFlow学习环境简直不要太方便了,就重新搭建了一遍!启动PyCharm,创建一个新项目,选择Newenvironmentusing->VirtualEnv,这样就是单独为新项目创建一个隔离的python环境。创建好新项目以后...

2019-03-28 11:59:49

使用VirtualEnv在Mac安装TensorFlow

浏览器打开pypi.org网站,根据说明安装最新版本的virtualenv库,然后使用下面的命令在本机的~/development/目录下创建一个隔离的TensorFlow学习环境,名字是tensorflow:virtualenv--system-site-packages~/development/tensorflow然后我们先激活上面创建的virtualenv,执行一下命令:cd...

2019-03-27 21:30:48

Flutter代码锦囊---根据环境选择URL地址

现在要给公司开发一个内部使用的APP,但是因为是小公司,没有多余的服务器资源,只能拿公司的主机当服务器,也只能在通过映射实现外网访问。所以呀,很蛋疼,只能想办法判断用户是在内网使用APP,还是在外网使用APP,然后根据环境选择URL请求的IP地址。首先是新建一个dart文件,把Flutter应用和页面的架子搭起来,然后运行调试,确认应用可以正常跑起来。import'dart:async';...

2019-03-11 17:39:11

python操控chrome抓网页

通过chrome浏览器直接打开目标网站,然后直接抓取里面的前端代码,可以让我们不必分析、破解目标网站的接口加密规则,因为对于非目标网站的内部人员来说,这个工作可没有那么简单。首先要了解的是,WebDriver是一个开源工具,用于跨多个浏览器自动测试Web应用程序,它提供了导航到网页、用户输入、JavaScript执行等功能。Python的Selenium库是WebDriver的Python语言...

2019-01-28 19:38:25

Flutter布局锦囊---绑定手机页

设计给的效果如下:拿到设计后,先把整体拆分成几个部分:“顶部导航栏”,标题+取消按钮+跳过按钮的应用栏。“手机号输入框”,用于获取手机号码的圆角边框输入字段。“验证码输入框”,用于获取验证码的圆角边框输入字段,还包括获取验证码的按钮。“提交按钮”,在满足条件后让用户点击的提交按钮。然后就可以开始进行编码了。第1步:绘制组件树第2步:实现“顶部导航栏”下面的代码导入了一堆东...

2019-01-27 16:51:10

查看更多

CSDN身份
  • 博客专家
勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 脉脉勋章
    脉脉勋章
    绑定脉脉第三方账户获取
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。