本文讲述如何开发一个 Flutter 鸿蒙插件,如何实现 Flutter 与鸿蒙的混合开发,以及双端消息通信。 flutterEngine) this.addPlugin(new ForestPlugin()); }}export {dataPreferences};该文件使的原生页面在加载时,配置 Flutter 引擎,注册插件 setMethodCallHandler(null); } getUniqueClassName(): string { return "ForestPlugin"; }以上代码实现了一个插件类 3.通信中默认只支持基础的数据类型,复杂类型的需要进行序列化或编解码。4.在Dart 侧接收的数据为 dymanic 类型,需要进行数据类型转换。 参考资料撰写双端平台代码(插件编写实现)用户首选项API
前言: 最近又在看鸿蒙相关的文档 学习了一些鸿蒙里面dialog的用法。所以今天就出一篇dialog的文章分享给大家,那么废话不多说我们正式开始。 = (TextField) customComponent.findComponentById(ResourceTable.Id_num_2_textfield); checkCode3 = (TextField) customComponent.findComponentById(ResourceTable.Id_num_3_textfield); checkCode4 getContent() { return "" + checkCode1.getText() + checkCode2.getText() + checkCode3. 当然我们也可以尽量封装的更好拓展一点 这具体需求和个人设计了 到此 鸿蒙的dialog用法我们就讲完了 最后总结 鸿蒙里面的 dialog 无论是 自定义的 dialog 还是 listdialog
前言插件已适配 DevEco Studio 5.0.5 Release 一年前,开发了一个json转对象的插件,如果不是今日用到,真的差点就把它给遗忘了,在用的时候,却发现,插件的版本已不兼容当前的 首先,我重新编译了插件,进行了上传,大家可以下载最新的安装包进行体验了,还是和以前一样,提供了在线版和IDE插件版,两个选择,最新的版本,除了升级了版本,兼容了最新的DevEco Studio ,还做了一层优化 ,或者在网页版中,点击右侧的下载插件按钮,到插件安装页面进行下载,这个页面除了插件下载之外,还有插件安装的步骤,大家可以按照指示,一步一步安装即可。 相关总结有的老铁说,这个插件为啥不上传到jetbrains插件市场,直接在IDE中搜索下载多好,这里需要说明的是目前DevEco Studio有自己的白名单控制,也就是,jetbrains插件市场中插件 本文标签:鸿蒙开发工具/DevEco Studio
前言本项目API>=13关于鸿蒙项目的组件化运行,已经分享了两种方式了,分别是IDE插件方式和node脚本方式,今天给大家带来第三种方式,Hvigor插件方式;和前两种方式不同的是,它的使用更加简单,不需要我们手动的去切换就能实现组件运行 hvigor插件依赖目前插件已经发布npm平台,版本号为1.1.8,大家可以按照如下方式进行依赖插件,在hvigor目录下的hvigor-config.json5中,找到dependencies,在里面追加 ,我们的插件就依赖完成了。 相关总结目前第一次运行的时候,会在根项目下生成一个harmonyComponent.json5文件,这个文件的主要目的,用于控制插件是否执行,默认为true,每次运行都会执行插件,false不执行插件内容 本文标签:鸿蒙开发工具/DevEco Studio
前言本文API>=13,基于DevEco Studio 5.1.0 Release,版本号5.1.0.828之前在《hvigor插件实现组件化运行》一文中,我们生成了一个文件,主要用于模块运行包和共享包之间切换的控制 当然了,还有很多的应用场景,比如,在构建前,针对代码规范进行检查,如果有不符合规范的地方,输出到一个错误文件中,或者,需要针对项目中的代码进行动态修改等等场景,hvigor插件开发中如何去实现呢? 这就是这篇文章要概述的内容,hvigor插件中的文件操作。 console.log("It is a directory"); } else { console.log("It is not a directory"); }3、 本文标签:鸿蒙开发工具/DevEco Studio
前言本文API>=13,基于DevEco Studio 5.1.0 Release,版本号5.1.0.828上篇文章,我们针对鸿蒙开发中的模块,实现了单一模块运行,使用的是hvigor插件的形式,通过hvigor 插件,我们可以看到,它自动化执行了某些特定的任务,减少了我们的手动干预,确保了构建过程的一致可靠性,可以说,在实际的开发中,极大的提高了我们的开发效率,今天,我们这篇文章,就一起实现一个hvigor插件 '); } }}插件完成之后,然后在创建index.ts文件,并在该文件中声明插件方法的导出,如下代码export { myPlugin } from '. npm publish第四步:插件使用插件使用就很简单了,上篇文章中已经有过概述,大家可以查看上篇文章即可。 本文标签:鸿蒙开发工具/DevEco Studio
,接下来的几篇文章,我们会重点去了解一下,hvigor插件中的那些API用法,以便于实际的插件开发。 还记得上篇文章中,我们的插件开发是在哪里编写代码的吗? 3、获取项目下所有的子节点项目下的子节点获取可以通过subNodes()方法来获取,此方法获取的是独立的模块信息,其他的文件不会返回。 ,极大的提高了我们编写插件的效率。 本文标签:鸿蒙开发工具/DevEco Studio
DevEco Studio插件来辅助我们快速的切换。 前两种形式,之前的文章分享过,关于重构后的使用方式,我们放到之后的文章中概述,本篇文章,我们重点概述一下利用DevEco Studio插件,来快速的实现组件化运行。 插件使用目前插件包已经上传到了github,大家可以按需下载,地址如下:https://abnerming888.github.io/vip/load/HarmonyComponent-sign-1.0 .jar记得之前在json转对象一文中,有过简要说明,就是目前的DevEco Studio有自己的白名单控制,jetbrains插件市场中插件,在DevEco Studio是无法被搜索到的,所以,这里只能提供本地的安装方式 如果插件,您在使用的时候遇到了问题,可第一时间联系我,我一定及时的去解决。本文标签:鸿蒙开发工具/DevEco Studio
首先创建插件,取名xm-hm ,选择uts api插件 然后去插件目录开始编写 修改package.json 文件 增加api扩展配置 找到uni_modules增加api扩展,示例如下: "uni_modules :"outApp", } } } 然后修改interface.uts 文件 增加如下代码 /** * interface.uts * uts插件接口定义文件 * "uniVer": "4.23", * "unixVer": "x" * } * } * } * @uniVueVersion 3 //支持的vue版本 * */ outApp(): void, } 接着创建鸿蒙插件和功能文件,如下图所示(app-harmony目录和index.uts如果不存在则需要手动创建 ) as common.UIAbilityContext; context.terminateSelf(); console.log('out_app') } 至此,退出app的uts鸿蒙端插件已经写好了
六、插件的官方文档翻译 将下载的unitypackage导入工程,导入后会看到几个demo和插件的说明文档AVProVideo-UserManual 详细的插件用法包括视频格式的支持和API在说明文档中都有 app.cs: m_AppCallbacks.AddCommandLienArg(“-force-d3d11-no-snglethreaded”); 3.2 试用版和水印说明 3.2.1 水印 如果你使用的是这个插件的试用版 3.2.3 安装多个AVPro平台包 如果你已经安装了iOS包,那么它也会包含所有其他的插件。平台,但启用了水印。这意味着,如果您试图安装另一个AVPro包,它可能不会正确地覆盖插件。 下面是如何使用iOS和Android包来解决这个问题: 1.开始一个Unity新项目 2.导入iOS的包 3.删除Plugins/Android 文件夹 a.如果你已经安装了其他的Android插件 3.还有3个不同的流媒体url来演示流媒体。 4.IMGUI是在所有其他可视组件之上绘制的。
Sublime Text 3 就 Sublime Text 3 来说主要的扩展包如下 All Autocomplete 自动补全,默认 Sublime Text 只会补全本文件的内容,此扩展会补全所有的
url=c9YyfvWOfn0EtUrhKlZQ26ANUOD_CSqjgqqsb3lq6LQ05oy2MQs4hWEYLVTlFgHhZKLmtMPTq1xsk6MyyKQKGYoxVE8pudSPKorJacGzTJy &eqid=ed8e37ab0006abb800000002593bf5c2 http://www.cnblogs.com/EnSnail/p/6294897.html 2、官方下载sumblime 3及安装 Package Control,下载emmet插件 http://www.sublimetext.com/3 http://www.cnblogs.com/tinyphp/p/3217457.html Ctrl+Alt+A和QQ截屏冲突,可设置其他快捷键如:Ctrl+Shift+Alt+A;先选择要对齐的文本 5、SublimeCodeIntel SublimeCodeIntel 作为一个代码提示和补全插件 可以通过安装插件GBK Support,来识别GBK和ANSI。
改版的原因: 图片 相当蛋疼 下面是 基于现有插件 需要做的一些改变的清单 1.background 替换成service worker: 需要注意的是:不使用时终止,需要时重新启动(类似于事件页面 (service worker独立于页面,无法使用window对象) 2.v3 废弃了一些方法: chrome.extension.sendRequest() chrome.extension.onRequest message requesting the user's data chrome.runtime.sendMessage('get-user-data', (response) => { // 3. 比较蛋疼的v3的严格模式 禁止了之前的vue实例化写法: 具体的vue实例化写法可以参考之前的一篇文章:h5引用vue 先看看报错: 图片 unsafe-eval: ‘unsafe-inline’和 content_security_policy": { "extension_pages": "script-src 'self' 'unsafe-eval'; object-src 'self'", } 添加unsafe-eval标实,但是插件会给我们抛错
使用案例 以下是如何在您的 uni-app x 项目中使用 nutpi-calendar 插件: 引入插件 在您的 .uvue 或 .uts 文件中引入插件: import calendar from [3] Hello UTS[4] 插件地址:https://ext.dcloud.net.cn/plugin? 支持中国居民身份证、港澳台居民居住证以及外国人永久居留身份证的插件。插件地址:https://ext.dcloud.net.cn/plugin? nutpi-utils:支持鸿蒙的拨打电话,发短信、退出应用、电量获取等功能。插件地址:https://ext.dcloud.net.cn/plugin? www.nutpi.net/: https://www.nutpi.net/ [2] UTS 语法: https://uniapp.dcloud.net.cn/tutorial/syntax-uts.html [3]
使用DevEcoStudio 开发、编译鸿蒙 NEXT_APP 以及使用中文插件 #鸿蒙开发工具 #DevEco Studio1. 概述DevEco Studio 是华为提供的一站式集成开发环境(IDE),专为鸿蒙操作系统(HarmonyOS Next)应用和服务开发设计 DevEco Studio,掌握基本操作和开发流程。2. 安装与配置访问华为开发者联盟官网 下载 DevEco Studio 安装包运行安装程序,按照向导完成安装启动 DevEco Studio,首次启动会自动下载并安装 SDK 组件3. Start a new HarmonyOS project选择应用模板(如 Empty Ability、Native C++ 等)3.2 项目结构创建完成后,DevEco Studio 会生成标准的鸿蒙应用项目结构 中文插件切换中文版不是选择语言,而是需要下载插件点击File > Settings > Plugins搜索Chinese(Simplified)下载并应用重启 DevEcoStudio9.
前言 在鸿蒙版 Flutter 开发过程中,我们曾面临两大挑战:一是配置文件的频繁修改易导致提交冲突,二是插件开发时缺乏代码提示。 3. overrides[depName] = `file:${path.join(directory, file)}` } appContext.setOverrides(overrides) }) 3. export default { system: appTasks, plugins:[flutterHvigorPlugin(getFlutterProjectPath(), 1)] } 3. 总结 本次鸿蒙版 Flutter 优化 ohos 构建过程,通过引入 Hvigor 插件实现了动态配置更新,有效避免了配置文件频繁修改引发的提交冲突。
前言 nutpi-idcard 是一个基于 UTS (uni-app TypeScript Syntax) 开发的 uni-app 插件适配鸿蒙,主要用于解析身份证号码,提取其中的关键信息,如地区、出生日期 关键配置项包括: id: 插件的唯一标识。 displayName: 插件在 HBuilderX 中显示的名称。 version: 插件版本号。 description: 插件描述。 中国居民身份证特征 return parserChina(id); }else{ return { type: '未知类型' }; } } 通过第 1 到 3 3. 插件入口 (index.uts) 在 nutpi-idcard 根目录下的 index.uts 文件通常作为插件的统一入口,它会根据当前运行平台导出相应平台的 parseID 函数。 自研应用 40 款,三方库 80 个,鸿蒙原生应用课程 500+。持续助力鸿蒙仓颉等生态繁荣发展。
GEOlayers 3是一款AE地图绘制插件,适用于ae的世界地图任意位置路径展示动画插件,可以直接在AE中绘制各种效果的地图,包括地图国家,街道等,默认包含14种地图样式。 AE插件GEOLayers3 mac版AE插件GEOLayers3 win版AE插件GEOLayers3插件介绍GEOlayers 3使您可以直接在After Effects中设计和设置地图动画。 插件特点在3D空间中制作动画直观的控件可为3D空间中的地图制作动画您可以在After Effects中滚动,缩放,倾斜和旋转地图,创建关键帧并为其设置动画。GEOlayers 3渲染动画的所有图像。 GEOlayers 3允许您轻松导入.csv或.tsv文件格式的数据集。数据驱动的样式帮助您仅需单击几下即可快速可视化After Effects合成中的数据集。 3D风景一键创建3D景观如果您安装了Trapcode Mir 3,Mettle FreeFormPro或Rowbyte Plexus 3,则可以一键创建精美的3D景观设置。
二、适配过程详解 (一)准备工作 确保已经配置好了 Flutter 开发环境,具体可参考 Flutter 配置指南[3]。同时,从 官方插件库[4] 下载待适配的三方插件。 (三)创建插件的鸿蒙模块 在插件目录下,打开 Terminal,执行以下命令来创建一个鸿蒙平台的 Flutter 模块: flutter create . 创建鸿蒙插件模块 使用 DevEco Studio 打开鸿蒙项目。 2. 创建 Example 应用 在插件根目录下创建一个名为 example 的文件夹,用于存放示例应用。在 example 文件夹中,创建一个鸿蒙平台的 Flutter 应用,用于验证插件功能。 2. 五、总结 通过以上步骤,我们成功地将 memory_info 三方库适配到了鸿蒙平台。这个过程涉及到了解插件的基本信息、配置开发环境、创建鸿蒙模块、编写原生代码以及测试验证等多个环节。
colorpicker 颜色拾取 DocBlockr 注释 jsformat js格式化 SublimeCodeIntel sideBarEnhancements FileDiffs FileDiffs插件可以让开发者比较两个不同文件的差异 Alignment Aligment插件让开发者自动对齐代码,包括PHP、CSS、JavaScript语言。使得代码看起来更整齐美观,更具可读性。