扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
Flutter支持稳定的桌面设备开发已经一段时间了,不得不说,Flutter多平台支持的特性真的很香。我本人并没有任何桌面开发的经验,但仍然使用Flutter开发出了一个桌面版小程序,功能很简单,就是对输入的json做格式化处理和转模型。
创新互联建站从2013年创立,是专业互联网技术服务公司,拥有项目成都网站建设、做网站网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元乐亭做网站,已为上家服务,为乐亭各地企业和个人服务,联系电话:13518219792
话不多说,先来看看实际效果。 项目源码地址
开发环境如下:
Flutter : 2.8.1
Dart : 2.15.1
IDE : VSCode
JSON作为我们日常开发工作中经常要打交道的一种数据格式,它共有6种数据类型: null , num , string , object , array , bool 。我们势必对它又爱又恨。爱他因为他作为数据处理的一种格式确实非常方便简洁。但是在我们做Flutter开发中,又需要接触到json解析时,就会感觉非常棘手,因为flutter没有反射,导致json转模型这块需要手写那繁杂的映射关系。就像下面这样子。
数据量少还能接受,一旦量大,那么光手写这个解析方法都能让你怀疑人生。更何况手写还有出错的可能。好在官方有个工具**json_serializable**可以自动生成这块转换代码,也解决了flutter界json转模型的空缺。当然,业界也有专门解析json的网站,可以自动生成dart代码,使用者在生成后复制进项目中即可,也是非常方便的。
本项目以json解析为切入点,和大家一起来看下flutter是如何开发桌面应用的。
要让我们的flutter项目支持桌面设备。我们首先需要修改下flutter的设置。如下,让我们的项目支持 windows 和 macos 系统。
接下来使用 flutter create 命令创建我们的模版工程。
创建完项目后,我们就可以 run 起来了。
先来看下整体界面,界面四块,分别为功能模块、文件选择模块、输入模块、输出模块。
我们在新建一个桌面应用时,默认的模版又一个Appbar,此时应用可以用鼠标拖拽移动,放大缩小,还可以缩到很小。但是,我们一旦去掉这个导航栏,那么窗口就不能用鼠标拖动了,并且我们往往不希望用户将我们的窗口缩放的很小,这会导致页面异常,一些重要信息都展示不全。因此这里需要借助第三方组件 bitsdojo_window 。通过 bitsdojo_window ,我们可以实现窗口的定制化,拖动,最小尺寸,最大尺寸,窗口边框,窗口顶部放大、缩小、关闭的按钮等。
通过 InkWell 组件,可以捕捉到手势、鼠标、触控笔的移动和停留位置
这个功能是鼠标移动后的UI交互界面。要在窗口上显示一个提示框,可以使用 Overlay 。需要注意的是,由于在 Overlay 上的 text 的根结点不是 Material 风格的组件,因此会出现黄色的下划线。因此一定要用 Material 包一下 text 。并且你必须给创建的 OverlayEntry 一个位置,否则它将全屏显示。
读取说表拖拽的文件一开始想尝试使用 InkWell 组件,但是这个组件无法识别拖拽中的鼠标,并且也无法从中拿到文件信息。因此放弃。后来从文章《Flutter-2天写个桌面端APP》中发现一个可读取拖拽文件的组件 desktop_drop ,能满足要求。
使用开源组件 file_picker ,选完图片后的操作和拖拽选择图片后的操作一致。
Textfield 如果要显示富文本,那么需要自定义 TextEditingController 。并重写 buildTextSpan 方法。
在做导出功能时遇到下列报错,保存提示为没有权限访问对应目录下的文件。
通过Apple的开发文档找到有关权限问题的说明。其中有个授权私钥的key为 com.apple.security.files.downloads.read-write ,表示 对用户的下载文件夹的读/写访问权限 。那么,使用Xcode打开Flutter项目中的mac应用,修改工程目录下的 DebugProfile.entitlements 文件,向 entitlements 文件中添加 com.apple.security.files.downloads.read-write ,并将值设置为YES,保存后重启Flutter项目。发现已经可以向下载目录中读写文件了。
当然,这是正常操作。还有个骚操作就是关闭系统的沙盒机制。将 entitlements 文件的 App Sandbox 设置为NO。这样我们就可以访问任意路径了。当然关闭应用的沙盒也就相当于关闭了应用的防护机制,因此这个选项慎用。
原文地址:
最近在写flutter应用,需要集成蓝牙功能,用了一个第三方的库,踩了一些坑,做一下记录。
这是库的地址 PhilipsHue/flutter_reactive_ble: Flutter library that handles BLE operations for multiple devices. (github.com)
安卓主要的坑就是,在使用蓝牙功能的时候,需要获取定位权限,这个需要动态获取。
集成之后,编译出错,提示Swift Compiler Error。
(1)首先尝试,修改对应三方库的Swift编译版本。
我这边尝试修改,没有成功。
(2) 没办法,我这边手动修改三方库的源码文件,进行修复。重新编译成功。
其他问题
随着移动互联网流量红利的逐渐退去,iOS程序员正在面临开发岗位增速下降的现实问题,一方面App开发的热度在下降,另一方面大型互联网平台相继推出了自己的小程序生态,在这些因素的综合影响下,iOS程序员的岗位竞争压力将进一步加剧。
作为iOS程序员来说,如果想在技术研发的道路上走得更远,可以从以下几个方面入手:
第一:丰富自身的知识结构。 在当前大数据以及产业互联网的推动下,软件开发的功能边界在不断得到拓展,同时由于大量的互联网公司开始采用数据驱动的运营方式,所以开发团队小型化的趋势也比较明显,这就要求程序员要具备更丰富的知识结构,以适应不同的开发角色。iOS程序员可以进一步从岗位任务开始进行知识结构的拓展,比如进一步丰富前端开发知识就是不错的选择,iOS程序员也完全可以走全栈开发路线。
第二:跳出iOS的生态圈。 iOS的生态圈相对来说还是比较封闭的,而且iOS程序员自身可以发挥的空间也相对有限,主要原因是系统的封闭性所导致的。如果想综合提升自身的研发能力,可以考虑跳出iOS的生态圈。
第三:走研发级路线。 iOS程序员也完全可以走研发级路线,走研发级路线需要做好三件事,其一是选择一个主攻方向;其二是有扎实的基础知识储备;其三是能够不断完成岗位升级,从而获得更多的资源整合渠道。不少应用级程序员在发展的过程中会遇到较大的上升瓶颈,通过读研来完成岗位升级也是一个比较常见的选择。
如果有互联网、大数据、人工智能等方面的问题,或者是考研方面的问题,都可以在评论区留言!
微信适配夜间模式了吗?这就是例子,强者话语权,ios先天的系统优势就是一个市场的锚点,微信知道自己的命根子在哪,为硬件设备提供极致操作的工具,例如Metal,无可匹敌,再说ios系统核心的源代码,与高端服务器os unix一脉相承,又有进一步的嵌入式操作,核心api专业打磨,绝对不是开源系统能比的量级,说白了每个环节都是钱砸出来的,靠的都是工匠精神,核心源码是任何一个程序员的宝藏,不要认为玩过几个跨平台根本不考虑性能的js小技术就明白了一切,只要去过Google开发者大会的就知道,看看安卓程序员手里吃饭的家伙是啥,mac,顶上的叶子再多也要靠下面的根,乔布斯,一骑绝尘
去开发华为系统的APP,动作要快
转后端 Java PHP go py都学一波
我干过大概一年的iOS开发,后来又转回java了,说句实话,iOS对开发者确实友好,一切都很不错,开发工作也很愉快,但是后来工作不太好找,而且iOS开发的发展深度没有java深,java深入不仅仅是curd,还有架构、框架、微服务、分布式 等等。而且java到架构之后,薪资也比iOS要高很多,不过我不建议你学我,除非你有毅力学习java,因为我除了有iOS开发经验之外,还有五年的java经验,说转也就转了。
作为IT行业的从事多年的程序狗,我来解答下您的这个问题。
2015年到2017年可能是IOS最热的一段时间,大量的软件开发人员投入IOS的市场。现今随着苹果公司的销量不断受挫。IOS的市场也是不温不火。
IOS开发程序员,其实可以尝试这跳出这个生态舒适圈,软件这个行业是多向选择的,软件的开发思想、程序的设计思想都是大同小异的。对于一个精深IOS开发人员来说,对于别的语言多少都会掌握一些,这对于您跳出IOS的圈也是一大帮助。毕竟Java、Python现在是市场上的主流语言。
另一个方面就是很多资深程序员选择的,进入深层次领域的学习。走研发级的一些路线。研发级软件研发的职位生命周期长。工作压力会比程序员小很多,很适合大龄程序员的选择。
或者就是选择自己的一个主攻方向,做这个方向的专家,这也不失为一种选择。丰富自身的知识结构,向着全栈开发工程师不断的前进。
或者可以尝试这转行管理层,做一些技术经理、技术总监。当然任何一种选择都需要您结合自身的实际情况去抉择。谨慎考虑、然后在做选择。
希望回答对您有所帮助。
我本人从事多年互联网Java开发,感兴趣的朋友可以关注私聊,共同努力,共同进步。
谢谢!
我是8年iOS开发从业者,结合我自身情况以及我自己的职业规划,希望能够帮到你。
焦虑 今年已经三十岁了,对于iOS的现状和未来也时常感到焦虑,大龄程序员未来的出路在哪,我也会迷茫。
市场需求 移动开发需要iOS,安卓两端一起开发,耗费的时间成本是企业会考虑的,再加上html5、小程序、各种跨端方案的出现,市场对原生开发需求更少了。
案例 再分享一个之前做主管时我招聘C++开发的一个经历,杭州C++需求量不大,但是这位应聘者能力过硬,最终进了华为。
我们应该怎么做 上面的案例也印证了只要自身技术过硬,只要市场还有需求,过多的担心和焦虑是没有必要的,把大量的时间花在 探索 未来方向,不如沉下心来学习技术,努力提高自己,成为不可替代的人才。其实应对焦虑最好的方法是行动,目前市场更需要的是高端人才,只要有岗位需求,把自身能力提高上去之后,现在所担忧的问题都会迎刃而解。
希望我的回答对你有帮助,随时欢迎留言反馈。
flutter欢迎你
转其他语言,或者自己独立开发
我鼓捣flutter去了
Flutter Dio源码分析(一)--Dio介绍
Flutter Dio源码分析(二)--HttpClient、Http、Dio对比
Flutter Dio源码分析(三)--深度剖析
Flutter Dio源码分析(四)--封装
Flutter Dio源码分析(一)--Dio介绍视频教程
Flutter Dio源码分析(二)--HttpClient、Http、Dio对比视频教程
Flutter Dio源码分析(三)--深度剖析视频教程
Flutter Dio源码分析(四)--封装视频教程
github仓库地址
本文会手把手教你该怎么去封装一个类库,平时在我们的工作中都是拿着别人的造好的轮子在使用,这篇文章将带你怎么去自己造轮子,以后再碰到别的类库需要对其进行封装的时候提供一个的思路和方法。
在前面的文章中,我们对 Dio 的基本使用、请求库对比、源码分析,我们知道 Dio 的使用非常的简单,那为什么还需要进行封装呢?有两点如下:
当组件库方法发生重要改变需要迁移的时候如果有多处地方用到,那么需要对使用到的每个文件都进行修改,非常的繁琐而且很容易出问题。
当不需要 Dio 库的时候,我们可以随时方便切换到别的网络请求库,当然 Dio 目前内置支持使用第三方库的适配器。
因为一个应用程序基本都是统一的配置方式,所以我们可以针对 拦截器 、 转换器 、 缓存 、 统一处理错误 、 代理配置 、 证书校验 等多个配置进行统一管理。
因为我们的应用程序在每个页面中都会用到网络请求,那么如果我们每次请求的时候都去实例化一个 Dio ,无非是增加了系统不必要的开销,而使用单例模式对象一旦创建每次访问都是同一个对象,不需要再次实例化该类的对象。
这是通过静态变量的私有构造器来创建的单例模式
我们对 超时时间 、 响应时间 、 BaseUrl 进行统一设置
因为不管是 get() 还是 post() 请求, Dio 内部最终都会调用 request 方法,只是传入的 method 不一样,所以我们这里定义一个枚举类型在一个方法中进行处理
我们已经把 Restful API 风格简化成了一个方法,通过 DioMethod 来标明不同的请求方式。在我们平时开发的过程中,需要在请求前、响应前、错误时对某一些接口做特殊的处理,那我们就需要用到拦截器。 Dio 为我们提供了自定义拦截器功能,很容易轻松的实现对请求、响应、错误时进行拦截
我们发现虽然 Dio 框架已经封装了一个 DioError 类库,但如果需要对返回的错误进行统一弹窗处理或者路由跳转等就只能自定义了
在我们发送请求的时候会碰到几种情况,比如需要对非open开头的接口自动加上一些特定的参数,获取需要在请求头增加统一的 token
在我们请求接口前可以对响应数据进行一些基础的处理,比如对响应的结果进行自定义封装,还可以针对单独的 url 做特殊处理等。
我们看了转换器的介绍,发现和拦截器的功能差不多,那为什么还要存在转换器,有两点:
执行流程: 请求拦截器 请求转换器 发起请求 响应转换器 响应拦截器 最终结果 。
只会被用于 'PUT'、 'POST'、 'PATCH'方法,因为只有这些方法才可以携带请求体(request body)
会被用于所有请求方法的返回数据。
在开发过程中,客户端和服务器打交道的时候,往往会用一个 token 来做校验,因为每个公司处理刷新token的逻辑都不一样,我这里举一个简单的例子
为什么我们需要有取消请求的功能,如果当我们的页面在发送请求时,用户主动退出当前界面或者app应用程序退出的时候数据还没有响应,那我们就需要取消该网络请求,防止不必要的错误。
由 服务器生成 的 一小段文本信息 ,发送给浏览器,浏览器把 cookie 以kv形式保存到本地 某个目录下的文本文件内,下一次请求同一网站时会把该 cookie 发送给服务器。
cookie 的使用需要用到两个第三方组件 dio_cookie_manager 和 cookie_jar
因为在我们平时的开发过程中,会碰到一种情况,在进行网络请求时,我们希望能正常访问到上次的数据,对于用户的体验比较好,而不是展示一个空白的页面,该缓存主要是 《Flutter实战》网络接口缓存 提供参考。
我们在程序退出后内存缓存将会消失,所以我们用 shared_preferences 进行磁盘缓存数据。
在我们用flutter进行抓包的时候需要配置 Dio 代理。由 DefaultHttpClientAdapter 提供了一个 onHttpClientCreate 回调来设置底层 HttpClient 的代理。
用于验证正在访问的网站是否真实。提供安全性,因为证书和域名绑定,并且由根证书机构签名确认。
日志打印主要是帮助我们开发时进行辅助排错
flutter提供一套表单校验框架Form,可以通过Form框架一步校验所有表单,非常方便,比较常用的用法是Form+TextFormField。
Form继承StatefulWidget,有一个widget 类型的child参数,证明Form是一个容器。
Form里还有一个validate方法,如下
一般通过GlobalKey来访问Form中validate方法,Form的validate方法用来校验所有Form里的FormField表单,validate方法返回值是bool类型,返回true表示所有表单校验成功;返回false表示有校验失败的表单;
TextFormField继承FormField,FormField后面源码分析会讲,所有Form可统一校验的表单都必须继承FormField,可以通过FormField自定义各种各样可校验表单,TextFormField只是FormField自定义表单中的一种。
表单校验必须实现的方法为validator,定义如下:
每个表单的校验规则都在validator里实现,通过返回值来判断是否校验成功。
1、用Form包在所有需要校验的表单最外层,如下:
2、将GlobalKey传给Form,用于调用Form里方法,如下:
3、将TextFormField传给Form容器,如下:
4、实现对应TextFormField的校验规则 ,如下:
5、最后调用Form校验所有表单方法validate,如下:
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流