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...
2021-12-15 19:39:03 1.1w浏览 6点赞 0回复 2收藏
1.承接上篇鸿蒙客户端上传文件,呈上启下,鸿蒙手机下载python服务器端的文件到鸿蒙手机客户端,具体的实现逻辑如下:初始化条件:首先导入request对象模块,importrequestfrom'system.request';设置网络权限:在config.json文件中设置ohos.permission.INTERNET,同时我们是用http协议访问的,设置域名协议操作:2.域名通过内网穿透工具,也可以使用其它内网穿透工具,穿透的端口和python服务器端的端口一致3.python服务器端代...
2021-03-04 11:09:36 1.2w浏览 3点赞 1回复 2收藏
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...
2021-03-02 21:34:13 8.1w浏览 6点赞 5回复 4收藏
2021-02-27 11:34:45 1.6w浏览 6点赞 7回复 0收藏
1.鸿蒙的系统能力主要涉及通知消息模块,在模拟器中也可以实践和获取初始界面:点击发送通知,顶部出现通知消息的图标下拉通知菜单栏,出现通知信息:js的业务逻辑代码:importnotificationfrom'system.notification';notification.show({contentTitle:'页面通知消息',contentText:'鸿蒙4月份全线发布,敬请期待!',clickAction:{bundleName:'com.example.jscode3',abilityName:'MainAbility',uri:'pathmenuonemenuone',},});con...
2021-02-24 22:19:10 1.4w浏览 8点赞 4回复 3收藏
1.目前鸿蒙css布局方案中,除了Flex布局,网格布局Grid可以算得上是最强大的布局方案了。它可以将网页分为一个个网格,然后利用这些网格组合做出各种各样的布局。容器里面的水平区域称为“行”,垂直区域称为“列”,行列重叠出来的空间组成单元格划分网格的线,称为”网格线“黄色的代表是列的网格线,绿色代表的是行的网格线。Grid和flex类似,布局的属性都是分为两类,一类定义在容器上,称为容器属性,一类定义在项目上,称...
2021-02-23 08:37:15 1.7w浏览 8点赞 7回复 2收藏
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...
2021-02-20 22:11:27 1.4w浏览 2点赞 2回复 1收藏
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...
2021-02-19 21:54:02 1.6w浏览 2点赞 2回复 2收藏
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...
2021-02-17 22:05:50 1.5w浏览 1点赞 2回复 1收藏
1.首先谢谢https:harmonyos.51cto.composts237551CTO这位仁兄的帖子标题为:HarmonyOSUltimateProvider简单快速的使用ListContainer,UltimateProvider组件非常好用。再昨天的动画基础上,自定义了文字动画,只要掌握多线程的技能的结合华为的动画组件,就能够做成很好的动画应用.效果如下:通过多线程控制每个字出现的频率。同时获取UI线程,处理每次获取的文字(这个做过android的同学都知道UI线程的使用),处理的代码如下:2....
2021-02-14 23:15:44 1.3w浏览 3点赞 2回复 1收藏
1.鸿蒙启动动画页面视图实现效果:通过Java线程控制计数器变量,跳转页面片段,线程的使用尤其重要,在页面数据加载,请求网络,读取文件,Java爬虫解析尤为重要,代码如下:动画使用的是华为提供的BallPulseIndicator组件类,所以大家对Java代码创建布局也要非常了解,效果如下:2.跳转后的页面效果,列表项和上浮按钮,和底部抽屉菜单,默认是隐藏的:点击抽屉菜单,菜单从底部弹出,再点击底部菜单,底部菜单隐藏,效果实现如下:...
2021-02-13 16:31:43 1.6w浏览 3点赞 3回复 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"...
2021-02-12 22:11:09 2.1w浏览 0点赞 3回复 2收藏
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...
2021-02-11 23:19:47 1.2w浏览 2点赞 2回复 0收藏
1.鸿蒙目前JavaUI中没有提供轮播图组件,通过对banner是一种基于鸿蒙pageslide的实现循环播放多个广告图片和手动滑动循环等功能的界面,功能已满足大部分要求。原组件使用的第三方图片加载器来加载图片,本组件我们直接用list来包装图片,传入list来使用banner。实现效果如下:2.通过对android图片轮播(banner)的模块开源项目Banner进行鸿蒙化的移植和开发的,实现了鸿蒙的第三方组件适配移植模块和工程目录在settings.gradle...
2021-02-10 17:17:10 1.8w浏览 6点赞 7回复 4收藏
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...
2021-02-09 23:41:27 1.1w浏览 0点赞 3回复 0收藏
1.DevEcoStudio的最新版开发工具新增预览和调试真的很好用.通过对鸿蒙的tabs和tabbar组件,tabcontent组件动态生成,通过fetch请求pythonflask服务构建,效果图如下:2.python的代码如下,提供了远程的web服务,同时通过反向代理服务器nginx提供图片等静态资源的服务:fromflaskimportFlaskfromflaskimportjsonifyfromflaskimportrequestimportjsonappFlask(name)app.route("data")defexecData():print("用户发起data的请求,执...
2021-02-07 22:11:52 1.1w浏览 2点赞 3回复 0收藏
1.鸿蒙的列表分组的多栏目构建与实践效果使用分组构建,弹出多栏目2.js业务逻辑部分exportdefault{data:{title:'World',构建数据lists:[{"ftext":"美味学院","child":[[{"ctext":"铁板烧"},{"ctext":"火锅"}],[{"ctext":"海鲜"},{"ctext":"乱炖"}]]},{"ftext":"地方特色","child":[[{"ctext":"活珠子"},{"ctext":"猪头肉"},{"ctext":"三鲜面"}],[{"ctext":"蟹黄汤包"},{"ctext":"豆腐圆"}]]}]}}3.页面视图<divclass"container">...
2021-02-03 16:04:15 9868浏览 0点赞 0回复 0收藏
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是定时函数,反复执行表示反复执行的函数的...
2021-02-03 15:59:54 1.3w浏览 1点赞 2回复 0收藏
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,...
2021-01-29 16:22:35 1.4w浏览 2点赞 1回复 0收藏
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...
2021-01-29 16:17:03 1.1w浏览 1点赞 1回复 0收藏