首页 文章 精选 留言 我的

精选列表

搜索[鸿蒙PC]，共9195篇文章
优秀的个人博客,低调大师

【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; } } } 第二步运行效果如下
2022-03-11
优秀的个人博客,低调大师

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程序员小小叶发布！
2020-12-18
优秀的个人博客,低调大师

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程序员小小叶发布！
2020-12-12

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

时间: 2026-10-18 大小: 211.28KB 下载: 56次
腾讯云软件源

腾讯云软件源

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

时间: 2026-08-21 大小: 1MB 下载: 10次
Spring

Spring

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

时间: 2026-08-21 大小: 5MB 下载: 2次
WebStorm

WebStorm

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

时间: 2025-12-13 大小: 249.54MB 下载: 22次
热门标签
DeepSeek Jdk25 OpenAi HarmonyOS6 Nacos3 SpringBoot4 SpringCloud Docker Kubernetes Service Mesh Redis Gemini3 Rocky

欢迎您来访！

登录后，您将获得更多功能！
热门文章
联系我们

有任何问题或合作意向欢迎联系我们

Email: 99873273@qq.com

QQ: 99873273

用户登录
用户注册