首页 文章 精选 留言 我的

精选列表

搜索[鸿蒙渲染],共9261篇文章
优秀的个人博客,低调大师

【HarmonyOS】【ArkUI】研究了半天,鸿蒙 JS实现饼状图终于成功啦!分享一下

HarmonyOS JS怎么实现饼状图? 在开发中我们可以参考canvans基本使用 我们今天实现一个canvas怎么实现饼状图功能,我们从以下几个方面进行实现 1.代码实现 2.运行效果 第一步代码实现 1.hml代码 <div class="container"> <canvas ref="canvas1" style="width: 400px; height: 400px; background-color: #ffff00;"></canvas> </div> 2.css代码实现 .container { display: flex; justify-content: center; align-items: center; left: 0px; top: 0px; width: 454px; height: 454px; flex-direction: column; } 3.js代码实现 export default { data: { title: 'World', nums:[26,15,12,5,25,17], colors:["#983335","#77963f","#5d437c","#35859f","#d1702f","#365e96"], start:0, end:0 }, onShow(){ const el = this.$refs.canvas1; const ctx = el.getContext('2d'); ctx.translate(200,200); ctx.rotate(-Math.PI/6);//旋转一定角度更加自然 this. pieChart(this.nums,ctx,this.end,this.colors,this.start); this. pieNum(this.nums,ctx,this.end,this.colors,this.start); }, //绘制圆饼 pieChart(nums,ctx,end,colors,start){ for (var i = 0;i < nums.length; i ++){ ctx.beginPath(); ctx.moveTo(0,0); end += nums[i]/50*Math.PI;//终止角度 ctx.strokeStyle = "white"; ctx.fillStyle = colors[i]; ctx.arc(0,0,150,start,end); ctx.fill(); ctx.closePath(); ctx.stroke(); start += nums[i]/50*Math.PI;//起始角度 } }, //绘制圆饼上的数值 pieNum(nums,ctx,end,colors,start){ for (var i = 0;i < nums.length; i ++){ start = nums[i]/50*Math.PI/2; ctx.rotate(end+start);//旋转数值 ctx.font = "25px scans-serif"; ctx.fillStyle = "#000"; ctx.fillText(nums[i]+"%",100,0); end = nums[i]/50*Math.PI/2; } } } 第二步运行效果如下

优秀的个人博客,低调大师

Day9 鸿蒙,Ability全家桶(二)一步步实现AbilitySlice间导航

昨天更新完DevEco Studio后,新建项目必须填入node.js的路径,本想着官网直接下载更新,无奈速度实在太慢了!(文章最后附录在mac上安装node.js的步骤) 我们今天接着介绍来介绍一下Page Ability的AbilitySlice间导航 首先创建工程会默认创建一个Ability和一个AbilitySlice,这里要验证实现AbilitySlice间导航,则需要新增一个AbilitySlice。见下图 (1)创建AbilitySlice的布局XML文件,在resources/base/layout路径下创建如ability_second.xml,具体内容可参考ability_main.xml; (2)创建AbilitySlice的java文件,如在java/包名/slice路径下创建如SecondAbilitySlice.java,并将第一步创建的XML布局文件添加到Slice中去: [@Override](https://my.oschina.net/u/1162528) public void onStart(Intent intent) { super.onStart(intent); super.setUIContent(ResourceTable.Layout_ability_second); } (3)这个时候其实SecondAbilitySlice还未添加到MainAbility,需在MainAbility中添加入口: super.setMainRoute(MainAbilitySlice.class.getName()); //添加SecondAbilitySlice的入口 addActionRoute("action.second", SecondAbilitySlice.class.getName()); (4)步骤(3)中的定义的“action.second”还需要添加到config.json中进行配置,这个时候基本的AbilitySlice已经添加完毕: "actions": [ "action.system.home", "action.second" ] (5)同一Page内导航,可以通过以下方式实现: present(new SecondAbilitySlice(),new Intent()); //这里的0则是会通过onResult(int requestCode, Intent resultIntent)回调,检查requestCode presentForResult(new SecondAbilitySlice(),new Intent(),0); 【小知识点】 在mac上安装node.js的步骤 (1)安装brew: /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)" (2)验证brew是否安装: brew -v (3)安装node.js: brew link node brew uninstall node brew install node (4)验证node.js是否安装: 下发命令npm -v、node -v,能正确显示版本号即表示node安装成功,如果是通过homebrew安装的,下发命令brew list会显示node 本文由GZH程序员小小叶发布!

优秀的个人博客,低调大师

Day3 鸿蒙,用XML创建布局来开发是不是就简单一点

上文档: HarmonyOS提供了Ability和AbilitySlice两个基础类。有界面的Ability绑定了系统的Window进行UI展示,且具有生命周期。AbilitySlice主要用于承载Ability的具体逻辑实现和界面UI,是应用显示、运行和跳转的最小单元。AbilitySlice通过setUIContent()为界面设置布局。 组件需要进行组合,并添加到界面的布局中。在Java UI框架中,提供了两种编写布局的方式: 在代码中创建布局:用代码创建Component和ComponentContainer对象,为这些对象设置合适的布局参数和属性值,并将Component添加到ComponentContainer中,从而创建出完整界面。 在XML中声明UI布局:按层级结构来描述Component和ComponentContainer的关系,给组件节点设定合适的布局参数和属性值,代码中可直接加载生成此布局。 这一次为大家带来的就是“在XML中创建布局”。 涵盖核心知识点包括: 1、创建步骤: (1)加载XML布局作为根布局 super.setUIContent(ResourceTable.Layout_first_layout); (2)查找布局中组件 Button button = (Button) findComponentById(ResourceTable.Id_button); (3)设置组件的属性 ShapeElement background = new ShapeElement(); background.setRgbColor(new RgbColor(0,125,255)); background.setCornerRadius(25); button.setBackground(background); button.setClickedListener(new Component.ClickedListener() { @Override // 在组件中增加对点击事件的检测 public void onClick(Component Component) { // 此处添加按钮被点击需要执行的操作 } }); 2、XML中创建布局与代码创建布局差异点: (1)代码创建布局,需要首先初始化布局,设置布局的属性,这个过程在XML创建布局中是通过创建修改XML来实现; (2)代码创建布局,其组件都来源于XML,声明组件只要将在布局中根据ID寻找组件即可; 本文由GZH程序员小小叶发布!

优秀的个人博客,低调大师

鸿蒙开发快速入门之:Hi3861 开发板(3)

这是Hi3861 开发板进行OpenHarmony 开发快速入门的第三篇,本示例将演示如何通过AT命令完成WLAN模组配网。 源码获取 开发者需要在Linux服务器上下载一套源代码,获取Hi3861源码(下载链接)。更多源码获取方式,请见源码获取。 源码编译 本节介绍如何在Linux服务器上进行WLAN模组版本编译,整个过程包含如下步骤。 使用OpenHarmony IDE工具DevEco的终端工具连接Linux服务器。(OpenHarmony IDE工具DevEco集成了终端工具的能力,基本使用请参考指导文档) 依次点击“View”、“Terminal”,打开IDE终端工具。 图 1IDE终端工具打开方法 在终端界面使用ssh命令连接linux服务器,如“sshuser@ipaddr”。 图 2终端界面示意图 进入代码根路径,并在终端窗口,执行编译脚本命令启动编译“python build.py wifiiot”。 图 3在终端界面执行编译命令示意图 编译结束后,如果出现“BUILD SUCCESS”字样,则证明构建成功,如下图所示。 图 4编译成功示意图 构建成功后,会在./out/wifiiot/路径中生成以下文件,至此编译构建流程结束。 图 5编译文件存放目录示意图 镜像烧录 Hi3861 WLAN模组的镜像烧录可以通过OpenHarmony IDE工具DevEco完成,工具的基本使用请参考指导文档,烧录过程包含如下步骤。 使用USB线连接Windows工作台和WLAN模组(需预先安装USB转串口驱动,安装时需要先连接模组,驱动下载地址:http://www.wch.cn/search?q=ch340g&t=downloads),并查询设备管理器上的COM口,如CH340(COM11),该串口集成了烧录、日志打印、AT命令等功能。 图 6设备管理器的COM口示意图 进入IDE烧录配置界面。 图 7烧录基础配置示意图 基础参数配置如下。 在Baud rate中选择合适的波特率,波特率越高烧写速度越快,此处建议使用921600。 在Data bit中选择数据位,WLAN模组默认为8,此处与其保持一致即可。 选择版本包路径“./out/wifiiot/Hi3861_wifiiot_app_allinone.bin”。 点击Save保存配置。 图 8波特率和数据位配置示意图 图 9烧录包路径示意图 在DecEco工具界面中单击“烧录”按钮,然后选择烧录串口“COM11”。 图 10烧录启动示意图 选择串口后,IDE的TERMINAL对话框中出现“Connecting, please reset device...”的字样,模组进入待烧录状态。 图 11烧录进行中示意图 按下模组上的RST键,开始烧写版本,等待TERMINAL对话框中出现“Execution Successful”字样,即烧录完成。 图 12烧录完成示意图 WLAN模组联网 完成版本构建及烧录后,下面开始介绍如何在DevEco的串口终端上执行AT命令,使WLAN模组联网。 保持Windows工作台和WLAN模组的连接状态,在DevEco工具最下方,点击“Serial port”按钮,弹出串口终端的配置界面。 图 13打开DevEco串口终端示意图 选择串口,并完成参数配置。根据实际情况输入串口号,此处为“COM11”;波特率、数据位、停止位使用默认值;由于AT命令输入需要以“\r\n”结尾,否则输入无效,所以结束符处输入“1”。 图 14串口参数配置示意图 复位WLAN模组,观察到终端界面“ready to OS start”日志打印,启动成功。 图 15复位WLAN模组示意图 在DevEco的串口终端,依次执行如下AT命令,完成启动STA,连接指定AP,开启dhcp。 AT+STARTSTA - 启动STA模式 AT+SCAN - 扫描周边AP AT+SCANRESULT - 显示扫描结果 AT+CONN="SSID",,2,"PASSWORD" - 连接指定AP,其中SSID/PASSWORD为待连接的热点名称和密码 AT+STASTAT - 查看连接结果 AT+DHCP=wlan0,1 - 通过DHCP向AP请求wlan0的IP地址 接口已分配IP,并与网关联通正常。 图 16WLAN模组联网成功示意图

优秀的个人博客,低调大师

鸿蒙7“碰一碰与隔空传送”创新特性视频来解锁

用手机轻触电脑屏幕,图片就能精准插入文档的指定位置;对着另一台设备“抓”起、“投”出,视频与文件即可隔空传送。在HarmonyOS 7上,碰一碰与隔空传送带来了更丰富的跨设备分享体验,也为应用开发者拓展了新的交互场景。 近日,HarmonyOS开发者官网上线了“碰一碰与隔空传送分享新体验”赋能学习视频。视频结合场景体验与开发讲解,介绍Share Kit的核心能力、HarmonyOS 7上的分享新体验及具体接入方法,帮助开发者理解技术原理,快速将便捷的分享能力融入应用。 场景化演示 让跨设备分享更直观 视频以轻松的生活与办公场景展开:孩子在平板上作画时,用手机轻轻一碰平板屏幕,就能将图片精准传至指定位置,为绘画创作提供素材;同事间碰一碰分享文件时,翻转分享卡片即可开启加密;好友相聚时,碰一碰就能传输游戏包;跨设备分享内容时,隔空手势让传送一气呵成。这些演示将技术能力转化为直观的使用体验,帮助开发者理解不同分享方式适合怎样的场景。 在能力讲解部分,视频重点介绍了碰一碰的体验升级。作为HarmonyOS系统级的近场感知与交互能力,碰一碰支持手机与手机、电脑或平板之间的分享与协同。两台设备轻轻一碰,系统即可自动识别场景、免配置传输。在已有传照片、传文件、连Wi-Fi、游戏组队等能力的基础上,HarmonyOS 7进一步带来了精准分享、加密分享和游戏包传输能力。 其中,精准分享让内容能够直达指定位置。用手机轻触电脑或平板屏幕,系统不仅能识别触碰的窗口,还能识别具体位置,将图片、素材直接插入PPT或白板的相应位置,也能从指定位置获取文件,减少查找、保存、再次插入等操作。 加密分享则让内容流转更可控:用户在碰一碰分享时翻转卡片,即可开启加密模式,分享内容仅接收方可查看,再次转发后其他人无法打开。 游戏包传输则让面对面的游戏分享更加便捷。HarmonyOS 7支持免适配分享游戏安装包;接入Game Service Kit后,还可实现更新资源包的离线快速传输。设备通过碰一碰自动检测游戏版本,由高版本设备向低版本设备分享资源包,为玩家组队前的安装与更新提供便利。 隔空传送带来了另一种直观的分享方式。用户无需让设备相互接触,只需“抓”起内容,再对着另一台设备做出“投”的手势,即可完成中近距离的跨设备传送。该能力覆盖手机、平板、电脑和大屏设备,HarmonyOS 7还对交互界面进行了升级,让跨设备分享更自然。 流程与代码结合 手把手拆解分享能力接入 这些分享体验背后,是Share Kit提供的系统级能力。作为HarmonyOS的分享服务框架,它为应用提供文本、图片、视频等内容的跨应用、跨端分享能力,主要包括系统分享、碰一碰和隔空传送。开发者无需自行处理底层连接协议与传输逻辑,即可通过相应接口接入系统级分享能力,降低研发与适配成本。 在开发实践部分,视频梳理了碰一碰与隔空传送的共通流程:发送端监听并触发分享事件、构建分享数据、发送数据,最后由接收端接收。两者的核心差异在于触发方式与监听接口,开发者理解这一流程后,即可进一步掌握不同交互方式的接入方法。 视频以隔空传送为例,拆解了发送端开发的三个步骤。首先,在应用分享界面注册手势监听,并在退出页面时取消监听;其次,在感知手势后构建分享数据,根据文件或链接类型设置相应内容;最后,调用分享接口将数据发送至接收端。接收图片文件时,手机和平板会将其存入图库,电脑则存入文件管理器,其他类型文件默认存入文件管理器;链接接收需配置AppLinking,根据链接参数跳转到相应页面并填充数据。 针对HarmonyOS 7的新能力,视频也说明了各自的接入方式。精准分享可在已有碰一碰实现基础上,通过回调事件中的getInfo获取触碰点坐标,再完成图片插入、内容获取等业务逻辑。API 26及以上的碰一碰自动支持加密,无需额外适配。游戏更新资源包传输则主要包括发送端创建服务并注册监听、接收端发布服务并接受协同,以及双方完成版本对比后传输资源包三个环节。 配套资源助力实践 加快全场景分享体验落地 从面对面分享内容,到跨设备协同办公,再到邀请好友组队,碰一碰与隔空传送让应用服务能够更便捷地触达线下与多设备场景。随着更多开发者接入Share Kit,分享交互将融入更丰富的业务流程,为用户带来连贯、直观的全场景使用体验。 目前,开发者可前往HarmonyOS开发者官网观看完整学习视频,结合开发指南、最佳实践与示例代码开展接入;碰一碰精准分享的操作步骤,可在HarmonyOS开发者官网搜索“碰一碰文件分享”查看实践文档;游戏资源包传输的详细实现,可搜索“游戏近场快传”或参考Game Service Kit开发指南。开发者还可在华为应用市场下载官方开源应用“HMOS代码工坊”,体验碰一碰与隔空传送新能力,参考示例代码加快应用落地。

资源下载

更多资源
腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题,腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构,目前腾讯云软件源站支持公网访问和内网访问。

Spring

Spring

Spring框架(Spring Framework)是由Rod Johnson于2002年提出的开源Java企业级应用框架,旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念,提供核心容器、应用上下文、数据访问集成等模块,支持整合Hibernate、Struts等第三方框架,其适用范围不仅限于服务器端开发,绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux

Rocky Linux(中文名:洛基)是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版,作为CentOS稳定版停止维护后与RHEL(Red Hat Enterprise Linux)完全兼容的开源替代方案,由社区拥有并管理,支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性,采用模块化包装和SELinux安全架构,默认包含GNOME桌面环境及XFS文件系统,支持十年生命周期更新。

WebStorm

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

用户登录
用户注册