鸿蒙开发者社区

1.业务实践背景：声明式UI开发框架（ArkUI），没有WebView组件，如何从ArkUI从发起调用JavaPA从Java的PA跳转到Java的FA，使用JavaFA的WebView组件？2.业务实现逻辑2.1建立ets的工程，使用api7.0构建；2.2ArkUI的初始界面添加onClick点击事件，从ArkUI发起对JavaPA（ServiceAbility）的调用；UI视图如下：构建ets视图代码如下：2.3ArkUI调用JavaPA（ServiceAbility）机制：通过FeatureAbility.callAbility({})，呼叫后台定义的Ja...

1.承接上篇鸿蒙客户端上传文件，呈上启下，鸿蒙手机下载python服务器端的文件到鸿蒙手机客户端，具体的实现逻辑如下：初始化条件：首先导入request对象模块，importrequestfrom'system.request';设置网络权限：在config.json文件中设置ohos.permission.INTERNET，同时我们是用http协议访问的，设置域名协议操作：2.域名通过内网穿透工具，也可以使用其它内网穿透工具，穿透的端口和python服务器端的端口一致3.python服务器端代...

1.首先鸿蒙的js文件上传，设置目录路径为：构建路径在工程主目录下：该目录的说明见下面描述：视图构建如下：界面代码：<divclass"container"><divonclick"operatorloadone"class"divone"><text>上传文件<text><div><div>js上传业务逻辑代码：导入request模块importrequestfrom'system.request';执行upload方法：importrequestfrom'system.request';importpromptfrom'system.prompt';exportdefault{data:{title:'World'},operat...

1.鸿蒙的系统能力主要涉及通知消息模块，在模拟器中也可以实践和获取初始界面：点击发送通知，顶部出现通知消息的图标下拉通知菜单栏，出现通知信息:js的业务逻辑代码：importnotificationfrom'system.notification';notification.show({contentTitle:'页面通知消息',contentText:'鸿蒙4月份全线发布，敬请期待！',clickAction:{bundleName:'com.example.jscode3',abilityName:'MainAbility',uri:'pathmenuonemenuone',},});con...

1.目前鸿蒙css布局方案中,除了Flex布局，网格布局Grid可以算得上是最强大的布局方案了。它可以将网页分为一个个网格，然后利用这些网格组合做出各种各样的布局。容器里面的水平区域称为“行”，垂直区域称为“列”，行列重叠出来的空间组成单元格划分网格的线，称为”网格线“黄色的代表是列的网格线，绿色代表的是行的网格线。Grid和flex类似，布局的属性都是分为两类，一类定义在容器上，称为容器属性，一类定义在项目上，称...

EVUE全称EmbeddedVue，是基于EVM构建的一套面向物联网小程序开发框架，类似VUE的开发方式，全面兼容鸿蒙HML语法，极速提升开发效率。EVUE简介EVMGithub地址：https:github.comscriptiotevmEVMGitee地址：https:gitee.comscriptiotevm1.搭建环境和创建项目先从仓库克隆项目gitclonehttps:github.comscriptiotevue2.进入仓库所在目录cdevue3.EVUE目录结构.├──app.js├──common│└──images│├──appbar.camera.flash.aut...

1.鸿蒙版图片裁剪功能，效果如下:首页图片裁剪区域:裁剪结果：2.Java代码实现如下:packagecom.example.javahm9.slice;importcom.example.javahm9.ResourceTable;importcom.example.javahm9.util.CropImage;importohos.aafwk.ability.AbilitySlice;importohos.aafwk.content.Intent;importohos.agp.colors.RgbColor;importohos.agp.components.Button;importohos.agp.components.Component;importohos.agp.components.Text;impor...

1.鸿蒙图片选择器通过页面路由和数据适配器，页面参数和回调完成，实现效果UI如图：点击请选择图片，页面路由跳转，选择图片，界面UI如下:点击选中图片，跳转页面，返回上一级，通过页面参数传递，获取选择的图片:2.Java代码的实现：packagecom.example.javahm10.slice;importcom.example.javahm10.ResourceTable;importohos.aafwk.ability.AbilitySlice;importohos.aafwk.content.Intent;importohos.agp.components.Button;imp...

1.首先谢谢https:harmonyos.51cto.composts237551CTO这位仁兄的帖子标题为:HarmonyOSUltimateProvider简单快速的使用ListContainer，UltimateProvider组件非常好用。再昨天的动画基础上，自定义了文字动画，只要掌握多线程的技能的结合华为的动画组件，就能够做成很好的动画应用.效果如下:通过多线程控制每个字出现的频率。同时获取UI线程，处理每次获取的文字（这个做过android的同学都知道UI线程的使用），处理的代码如下:2....

1.鸿蒙启动动画页面视图实现效果:通过Java线程控制计数器变量，跳转页面片段，线程的使用尤其重要，在页面数据加载，请求网络，读取文件，Java爬虫解析尤为重要，代码如下：动画使用的是华为提供的BallPulseIndicator组件类，所以大家对Java代码创建布局也要非常了解，效果如下:2.跳转后的页面效果,列表项和上浮按钮，和底部抽屉菜单，默认是隐藏的:点击抽屉菜单，菜单从底部弹出，再点击底部菜单，底部菜单隐藏，效果实现如下:...

1.鸿蒙自定义滑动侧边栏的实现及效果通过对android侧边栏的重新实现和引入，实现效果如下：通过滑动侧边栏图标，实现侧边视图的滑动弹出：2.模块的引入和依赖，工程导航视图如下:3.设置加载模块并依赖，通过settings.gradle和工程目录下的build.gradle，添加工程依赖：4.布局文件<xmlversion"1.0"encoding"utf8"><DirectionalLayoutxmlns:ohos"http:schemas.huawei.comresohos"ohos:width"matchparent"ohos:height"matchparent"...

1.今天是牛年除夕夜，祝福大家新年快乐，祝福鸿蒙，祝福51CTO越办越好！通过TableLayout布局管理器构建宫格春节祝福语，效果图如下:2.布局文件如下:<xmlversion"1.0"encoding"utf8"><TableLayoutxmlns:ohos"http:schemas.huawei.comresohos"ohos:height"matchparent"ohos:width"matchparent"ohos:backgroundelement"snow"ohos:rowcount"3"ohos:columncount"2"ohos:layoutalignment"center"ohos:alignmenttype"aligncontents"oho...

1.鸿蒙目前JavaUI中没有提供轮播图组件，通过对banner是一种基于鸿蒙pageslide的实现循环播放多个广告图片和手动滑动循环等功能的界面，功能已满足大部分要求。原组件使用的第三方图片加载器来加载图片，本组件我们直接用list来包装图片，传入list来使用banner。实现效果如下：2.通过对android图片轮播（banner）的模块开源项目Banner进行鸿蒙化的移植和开发的，实现了鸿蒙的第三方组件适配移植模块和工程目录在settings.gradle...

1.鸿蒙ListContainer组件的性能优化，从缓存实例中获取，对应Java的内部类的语法，所以面向对象的内部类是大家必须掌握的知识点，效果如下:2.Java代码实现如下,Java的Ability：packagecom.example.javahm2.slice;importcom.example.javahm2.ResourceTable;importcom.example.javahm2.datatwo.SettingItem;importcom.example.javahm2.datatwo.SettingProvider;importohos.aafwk.ability.AbilitySlice;importohos.aafwk.content.I...

1.DevEcoStudio的最新版开发工具新增预览和调试真的很好用.通过对鸿蒙的tabs和tabbar组件,tabcontent组件动态生成，通过fetch请求pythonflask服务构建，效果图如下：2.python的代码如下，提供了远程的web服务，同时通过反向代理服务器nginx提供图片等静态资源的服务：fromflaskimportFlaskfromflaskimportjsonifyfromflaskimportrequestimportjsonappFlask(name)app.route("data")defexecData():print("用户发起data的请求，执...

1.鸿蒙的列表分组的多栏目构建与实践效果使用分组构建，弹出多栏目2.js业务逻辑部分exportdefault{data:{title:'World',构建数据lists:[{"ftext":"美味学院","child":[[{"ctext":"铁板烧"},{"ctext":"火锅"}],[{"ctext":"海鲜"},{"ctext":"乱炖"}]]},{"ftext":"地方特色","child":[[{"ctext":"活珠子"},{"ctext":"猪头肉"},{"ctext":"三鲜面"}],[{"ctext":"蟹黄汤包"},{"ctext":"豆腐圆"}]]}]}}3.页面视图<divclass"container">...

1.app启动动画页的构建效果中间使用了js的定时函数，上下使用了js控制animation的动画规则，大家可以在此基础上做到更好的效果。2.js的业务逻辑importrouterfrom'system.router';importpromptfrom'system.prompt';exportdefault{data:{title:'World',startnum:10,an1:"",an2:""},onInit(){letthatthis;每隔1秒,startnum值减去1到0的时候，定时函数(定时任务)结束，跳转页面setInterval是定时函数,反复执行表示反复执行的函数的...

1.UI的实现效果2.js业务逻辑部分importpromptfrom'system.prompt';exportdefault{data:{title:'World',建议大家1.本地数据2.网络数据为什么要分页？分页会减少前端加载的负荷，提升页面执行的性能，带来良好的用户体验。100条数据，100条数据一次性加载，会带来浪费。如果从网络请求数据，分页会减轻服务器的压力和传输的压力。移动端分页，加载更多第几页，每页几条固定10条，数组的内置的方法listdatas:[0,1,2,3,4,5,6,7,8,9,...

1.UI效果图2.js业务逻辑部分exportdefault{data:{title:'World',滚动的宫格布局griddatas:[[{"text":"one","imgpath":"commona0.jpg"},{"text":"two","imgpath":"commona1.jpg"}],[{"text":"three","imgpath":"commona2.jpg"},{"text":"four","imgpath":"commona3.jpg"}],[{"text":"南京","imgpath":"commona3.jpg"},{"text":"六合","imgpath":"commona9.jpg"},{"text":"李欣","imgpath":"commona9.jpg"}],]}}3.页面布局文件<di...