flutter真香,我用它写了个桌面版json解析工具

author author     2023-04-08     560

关键词:

参考技术A

Flutter支持稳定的桌面设备开发已经一段时间了,不得不说,Flutter多平台支持的特性真的很香。我本人并没有任何桌面开发的经验,但仍然使用Flutter开发出了一个桌面版小程序,功能很简单,就是对输入的json做格式化处理和转模型。

话不多说,先来看看实际效果。 项目源码地址

开发环境如下:

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。这样我们就可以访问任意路径了。当然关闭应用的沙盒也就相当于关闭了应用的防护机制,因此这个选项慎用。

原文地址: https://juejin.cn/post/7069689952459554830

我用python写了个小病毒,老板再也不敢扣我工资啦

·名字:阿玥的小东东·学习:python正在学习c++·主页:阿玥的小东东 今天做个什么呢,我的好朋友提议做一个关机的代码吧,我这一想,对吼,我以前还做过一个关机代码呢,于是乎,今天就拿出来给你们瞅瞅哦,没有不良... 查看详情

请问高手:我用vc++写了个基于对话框的程序,想将word文档的图文内容显示在对话框上,如何实现?

参考技术A抱歉,c++我还真没学过,只学过VB跟VFO 查看详情

如何在 Flutter 应用中添加桌面版网站?

】如何在Flutter应用中添加桌面版网站?【英文标题】:howtoaddDesktopVersionofWebsiteinFlutterapp?【发布时间】:2019-03-1405:30:21【问题描述】:我需要在我的应用程序中显示网站的桌面版本。对我来说,它显示了应用程序的移动版本:代... 查看详情

分治法解决凸包问题到底咋回事?为了弄懂,我用python写了个可视化窗体程序(代码片段)

此分治法解决凸包问题演示程序是基于PyQt5库与matplotlib库进行开发的窗体动态演示程序。采用python面向对象知识对窗体进行类封装,通过matplotlib.backends.backend_qt5agg类连接PyQt5在GUI中呈现图像。通过用户点击按钮进行交互,... 查看详情

Flutter:如何解析 JSON 对象数组

】Flutter:如何解析JSON对象数组【英文标题】:Flutter:HowtoparseJSONArrayofobjects【发布时间】:2021-07-1314:53:42【问题描述】:谁能告诉我如何在颤振中解析对象数组。当我解析json时出现错误,因为List不是Map类型的子类型。下面是我... 查看详情

无法解析 Flutter 中的 JSON 数据。颤振中的Json解析器错误

】无法解析Flutter中的JSON数据。颤振中的Json解析器错误【英文标题】:UnabletoparsetheJSONdatainflutter.JsonParserErrorinflutter【发布时间】:2020-07-1309:01:45【问题描述】:日志:[ERROR:flutter/lib/ui/ui_dart_state.cc(157)]UnhandledException:FormatException:U... 查看详情

尝试用python写了个病毒传播模拟程序(代码片段)

...用python也可以。概述事情是这样的,B站UP主@ele实验室,写了一个简单的疫情传播仿真程序,告诉大家在家待着的重要性,视频相信大家都看过了,并且UP主也放出了源码。因为是Java开发的,所以开始我并没有多加关注。后来看... 查看详情

在 Flutter 中解析 JSON 日期

】在Flutter中解析JSON日期【英文标题】:ParseJSONdateinFlutter【发布时间】:2019-10-2315:07:44【问题描述】:我应该在Flutter应用程序中使用的API响应包含JSON格式的日期,格式如下:/Date(1559985189000+0300)/解析时出现以下异常:FormatExceptio... 查看详情

flutterweeklyissue63(代码片段)

教程Flutter和桌面应用的最新进展译】FluttervsReactNativevsNative:深度性能比较Flutter中的图文混排与原理解析告别FlutterChannel,调用NativeAPI仅需一行代码!Flutter核心原理与混合开发模式我们用Flutter写了一套全新的Flutter开发者工具插... 查看详情

我用端午假期写了个贪吃蛇,学弟玩的不亦乐乎!附(思路注释+源码)(代码片段)

学弟玩法:(蚯蚓找妈)我的玩法:(王母摇头)模块化开发为什么要用面向对象写,有三大特性:封装、继承、多态。为什么要封装:实现模块化开发,封装为一个块一个块的,利于... 查看详情

flutter中使用openaigpt-3进行语义化处理

Flutter中使用OpenAIGPT-3进行语义化处理前言最近openai的ChatGPT火了,然后我也想着用它来做点什么,于是就写了个调用openaiapi语言执行工具,跑个测试,以后再有功能也可以在这个程序上面试验。copilot也是用的openaico... 查看详情

如何用 Flutter 解析动态 JSON?

】如何用Flutter解析动态JSON?【英文标题】:HowtoparsedynamicJSONwithFlutter?【发布时间】:2021-12-1805:03:33【问题描述】:我不明白如何解析从firebase获得的JSON文件。这是JSON文件的格式"water":"-MnRJkFC3--ZOTmpF1xN":"milliliters":0.14,"time":"16:26:25... 查看详情

Flutter 中的 JSON 数据解析

】Flutter中的JSON数据解析【英文标题】:JSONdataparsinginFlutter【发布时间】:2021-10-2114:38:31【问题描述】:我有来自API的JSON数据,我想按类解析它。但我有一个问题。在第一个视频中,questions等于null,但在另一个视频中,它不是nu... 查看详情

我用java写了个手机发短信的程序,运行的时候setserialportparams卡住就一直不动了,求大侠指点~

publicSMSSend() while(portList.hasMoreElements()) CommPortIdentifiercom=(CommPortIdentifier)portList.nextElement(); if(com.getPortType()==CommPortIdentifier.PORT_SERIAL) portId=com;//由于已知机器上只有一个串口,因此这样就可以 break; try serialPort=(SerialPort... 查看详情

flutter : 嵌套的 json 解析列表

】flutter:嵌套的json解析列表【英文标题】:flutter:nestedjsonparsinglist【发布时间】:2020-05-2100:47:41【问题描述】:我正在尝试从我的json代码中调用名称和费用它是我的json主数组中的嵌套数组,主数组我可以处理它,但子数组我不... 查看详情

如何在flutter中解析json列表

】如何在flutter中解析json列表【英文标题】:Howtoparsejsonlistsinflutter【发布时间】:2019-06-0309:23:34【问题描述】:我们如何在Flutter中解析这种类型的List数据?我尝试了不同的模型但失败了。以下是数据:["course":"ComputerArchitectureFal... 查看详情

Flutter:如何解析超复杂的 json 文件?

】Flutter:如何解析超复杂的json文件?【英文标题】:flutter:howtoparsesupercomplexjsonfile?【发布时间】:2022-01-1011:02:36【问题描述】:我有一个超长的json文件要解析,但是一旦我将fetch它放在FutureBuilder中,它就会一直出错,我使用了... 查看详情

使用 Flutter 中的类解析 JSON 文件

】使用Flutter中的类解析JSON文件【英文标题】:ParseaJSONfileusingclassinFlutter【发布时间】:2021-06-1206:40:29【问题描述】:我有以下问题。我只是无法理解将信息从JSON解析为颤振对象数组的最简单方法。我有以下课程:classOrganizationS... 查看详情