HarmonyOS官方合作伙伴、生态全场景解决方案商、致力于生态建设
私信
主帖 24
回帖 10
视频
提问
回答
资源
专栏
#夏日挑战赛# HarmonyOS - 方舟开发框架ArkUI 流光按钮效果
原创 精华
头条 社区头条
热门内容榜 • TOP5
作者:汤志威[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)前言最近看到很多按钮加边流动效果,今天我们用HarmonyOS来实现一下。实现效果对自定义的按钮添加动态样式,实现动态效果,并且通过这种实现的思路还可以更改div的样式,来实现更多的按钮效果。实现原理在两个div中间画一个长一点并且矮一点的div并添加旋转和嵌入效果,而且最上面的div要比最下面的div要下一些,这样就能够看到中间旋转的div...
4天前 2374浏览 6点赞 4回复 2收藏
#夏日挑战赛# HarmonyOS - 自定义组件之计时器
原创 精华
头条 社区头条
热门内容榜 • TOP3
作者:张悦[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)前言前段时间项目中遇到了计时器的功能,项目中的计时器其实只是显示功能,数据全是由设备上报的。完成项目后,自己做了一个小的计时器组件,在这个过程中也发现了一些问题。效果展示组件直接传入以秒为单位的数据,最终显示如下效果:实现原理1.用setTimeout模拟setInterval的行为正常情况下,说到计时器首先想到的是使用setInterval,对比set...
6天前 2020浏览 9点赞 2回复 3收藏
OpenHarmony - CSS实现奔跑的小熊
原创 精华
头条 社区头条
作者:李勇前言最近在学习OpenHarmony开发相关知识,而动画是使用比较多的一个属性并且学起来比较有意思,并且在前端这方面,使用动画能在效果展示时候给人眼前一亮的感觉。项目说明工具版本:DevEcoStudio3.0Beta3SDK版本;3.1.5.5主要用到知识:animation,keyframes官方API链接:[动画效果](https:developer.harmonyos.comcndocsdocumentationdocreferencesjscomponentscommonanimation0000000000611472)效果展示实现原理基...
2022-05-30 14:24:06 2401浏览 12点赞 1回复 2收藏
作者:杨尚晓前言之前在web中实现过该功能,想着直接搬过来修改一下,也能在OpenHarmony上跑起来。其实360度全景展示功能的用途还是挺多的,比如一些购物平台用于全面展示一件商品,这样可以更全面直观的了解这件商品;还有一些售楼平台,可以去展示一些全景户型等等。项目说明工具版本:DevEcoStudio3.0Beta2SDK版本:3.0.5.2(APIVersion7Beta2)主要组件:canvas效果展示实现原理基于canvas画布,通过绘制一个360°的序列帧...
2022-05-25 17:38:39 4758浏览 12点赞 6回复 7收藏
作者:王国菊前言日常开发中,经常会遇到一些图片查看的需求,此时有的用户习惯放大图片来看,那么在ets中如何实现呢?今日分享的组件由subsamplingscaleimageview+swiper来实现深度缩放视图、图像显示、手势平移缩放双击等。项目说明本组件界面搭建基于ArkUI中TS扩展的声明式开发范式,官网官方文档地址:[基于TS扩展的声明式开发范式1](https:developer.harmonyos.comcndocsdocumentationdocguidesuitsoverview00000011927057...
2022-05-23 14:31:33 2730浏览 10点赞 4回复 7收藏
[春节不停更,此文正在参加「星光计划春节更帖活动」](https:harmonyos.51cto.composts9923)作者:陈龙佳前言一直在学习关于鸿蒙官方文档,主要是学习基于JS扩展的类web开发范式,而随着开发文档的不断更新,SDK也更新到了8,随着TS的不断广泛应用,于是我就接触了基于TS扩展的类web开发范式,也就是ArkUI。本文主要是基于ArkUI实现的一个小项目,也可以说是一个demo,主要是通过ETS的语法完成一些关于界面相关的、简单的数据通信以...
2022-02-16 10:08:41 4573浏览 5点赞 1回复 2收藏
作者:王国菊[【本文正在参与51CTOHarmonyOS技术社区创作者激励计划星光计划2.0】](https:harmonyos.51cto.composts9422)前言在声明式UI编程范式中,UI是应用程序状态的函数,开发人员通过修改当前应用程序状态来更新相应的UI界面。开发框架提供了多种应用程序状态管理的能力。状态变量装饰器State:组件拥有的状态属性。每当State装饰的变量更改时,组件会重新渲染更新UI。Link:组件依赖于其父组件拥有的某些状态属性。每当任...
2021-12-27 11:07:44 5114浏览 2点赞 1回复 2收藏
作者:梁青松[【本文正在参与51CTOHarmonyOS技术社区创作者激励计划星光计划2.0】](https:harmonyos.51cto.composts9422)简介本来计划要做一个本地数据库存储相关的项目,但是官方的小伙伴给我说,ArkUI数据库目前不支持最新的模拟器。所以只能另想其他的,想了大概一周,期间也在调研技术能否实现,最终定了这个项目,真正的敲代码开发大概就用了一天,最难的就是想法和界面设计。不得不感慨新框架真的方便、真的好用!期待下...
2021-12-15 09:12:30 5155浏览 8点赞 2回复 5收藏
作者:梁青松[【本文正在参与51CTOHarmonyOS技术社区创作者激励计划星光计划2.0】](https:harmonyos.51cto.composts9422)简介前段时间一直研究ArkUI中的声明式开发,开发了一些demo,但都是界面相关的,相对来说比较基础,也比较简单。所以研究一下其他的,现在成熟的APP都会有网络交互,所以记录一篇网络请求相关的。本项目界面搭建基于ArkUI中TS扩展的声明式开发范式,关于语法和概念直接看官网官方文档地址:[基于TS扩展的声...
2021-12-01 11:09:12 7994浏览 8点赞 0回复 7收藏
作者:梁青松简介本项目界面搭建基于ArkUI中TS扩展的声明式开发范式,关于语法和概念直接看官网官方文档地址:[基于TS扩展的声明式开发范式1](https:developer.harmonyos.comcndocsdocumentationdocguidesuitsoverview0000001192705715)、[基于TS扩展的声明式开发范式2](https:developer.harmonyos.comcndocsdocumentationdocreferencestsframeworkdirectory0000001111581264)本文介绍列表刷新:下拉刷新上拉加载更多ArKUI系列文...
2021-11-29 10:11:52 6884浏览 11点赞 2回复 9收藏
作者:梁青松简介本项目基于ArkUI中TS扩展的声明式开发范式,关于语法和概念直接看官网官方文档地址:[基于TS扩展的声明式开发范式1](https:developer.harmonyos.comcndocsdocumentationdocguidesuitsoverview0000001192705715)、[基于TS扩展的声明式开发范式2](https:developer.harmonyos.comcndocsdocumentationdocreferencestsframeworkdirectory0000001111581264)本文介绍列表滑动删除:列表中只允许滑出其中一项如果有打开...
2021-11-25 14:14:46 6759浏览 9点赞 4回复 9收藏
作者:梁青松前言鸿蒙这次API7更新除了新增TS声明式开发之外,还有JS开发也增加了很多API,JS开发自定义组件越来越方便了。本项目基于ArkUI中JS扩展的类Web开发范式,关于语法和概念直接看官网官方文档地址:[基于JS扩展的类Web开发范式1](https:developer.harmonyos.comcndocsdocumentationdocguidesuijsoverview0000000000500376)[基于JS扩展的类Web开发范式2](https:developer.harmonyos.comcndocsdocumentationdocreference...
2021-11-23 10:05:15 8528浏览 12点赞 5回复 11收藏
作者:梁青松前言本项目就是基于ArkUI中的声明式编程开发,语言ETS(ExtendedTypeScript),代码都在ets文件中编写,这个文件用于描述UI布局、样式、事件交互和页面逻辑。官方文档地址:[基于TS扩展的声明式开发范式1](https:developer.harmonyos.comcndocsdocumentationdocguidesuitsoverview0000001192705715)[基于TS扩展的声明式开发范式2](https:developer.harmonyos.comcndocsdocumentationdocreferencestsframeworkdirect...
2021-11-16 09:35:28 6075浏览 4点赞 2回复 3收藏
作者:陈建朋前言新世界的大门已打开,关也关不住!《华为开发者大会2021》推出了方舟开发框l架(ArkUI),官方解释:方舟开发框架是一种跨设备的高性能UI开发框架,支持声明式编程和跨设备多态UI。本项目就是基于ArkUI中的声明式编程开发,语言ETS(ExtendedTypeScript),代码都在ets文件中编写,这个文件用于描述UI布局、样式、事件交互和页面逻辑。官方文档地址:[基于TS扩展的声明式开发范式1](https:developer.harmonyos....
2021-11-15 10:27:20 6485浏览 9点赞 4回复 5收藏
作者:梁青松介绍之前给大家介绍过[【星光计划1.0HarmonyOS分布式之仿抖音应用】](https:harmonyos.51cto.composts8855),此次给大家介绍一下基于鸿蒙分布式数据服务开发的聊天室应用,模拟现实中的聊天室对话,可以与小伙伴们互动、分享自己的故事给小伙伴。效果演示项目类说明主要知识点[分布式数据服务](https:developer.harmonyos.comcndocsdocumentationdocguidesdatabasemddsguidelines0000000000030122)官方介绍:分布式...
2021-11-11 11:11:28 7901浏览 14点赞 4回复 12收藏
作者:陈建朋简介之前大家看过了Java版的[【星光计划1.0HarmonyOS分布式之仿抖音应用】](https:harmonyos.51cto.composts8855),现在讲讲JS如何实现分布式仿抖音应用,通过JS方式开发视频播放,分布式设备迁移,评论,通过Java和js交互,获取设备信息,选择设备信息做分布式迁移。功能:分布式迁移到不同设备,视频进行评论,播放视频,可以像抖音一样切换视频,可以点赞,分享等操作。开发版本:sdk6,DevEcoStudio3.0Beta1效...
2021-11-09 14:44:40 5908浏览 5点赞 2回复 4收藏
作者:彭为杰简介​日常项目中,我们可能会碰到一些标题加特效或多行内容+查看更多的需求,如果使用Text+Image这样去拼接的话,在复杂多“标签”场景就实现起来比较呆板,于是根据现有的HarmonyOSText提供了一种思路实现了图文标题,我们需要在Text中进行图文混排。效果演示TextImageTitle介绍TextImageTitle是用来显示字符串+图片(或任意Component)的自定义控件,目前只支持头部或者尾部。javaprivateinttextSize45;privateC...
2021-10-22 10:17:12 5391浏览 13点赞 2回复 7收藏
作者:梁青松项目介绍使用JavaUI开发分布式仿抖音应用,上下滑动切换视频,评论功能,设备迁移功能:记录播放的视频页和进度、评论数据。效果演示1.上下滑动切换视频、点击迁移图标,弹框选择在线的设备,完成视频数据的迁移。2.点击评论图标查看评论,编辑评论内容并发送。点击迁移图标,弹框选择在线的设备,完成评论数据的迁移。项目结构主要代码1、上下滑动页面页面切换用到系统组件[PageSlider](https:developer.harmonyos...
2021-10-20 09:43:36 7395浏览 12点赞 4回复 7收藏
作者:盛禹前言众所周知,PageSlider是用于页面之间切换的组件,它通过响应滑动事件完成页面间的切换,而PageFlipper可能知道的人就比较少了,其实PageFlipper和PageSlider类似,都是视图切换组件,它们都继承自StackLayout,因此可以将多个component层叠在一起,每次只显示一个组件,当视图从一个component切换到另一个component时,PageFlipper支持指定动画效果。区别:PageFlipper通过addComponent()添加component,可使用动...
2021-09-24 17:56:21 6338浏览 14点赞 2回复 7收藏
实现效果一、项目介绍    本项目使用模拟文件下载进度变化的功能来给你展示JSFA订阅JAVAPA的能力,订阅之后JS可以一直实时获取到JAVA返回的进度数据来更新JS界面的进度条。另外,文件模拟下载完成跳转到一个求积的页面,在这个页面输入两个数,点击求积按钮会给你展示JSFA调用JAVAPA的能力,此处并不像订阅一样可以一直获取到java返回的数据,采用的模式是调用一次返回一次数据。    ...
2021-09-01 16:50:50 7637浏览 9点赞 4回复 6收藏