【鸿蒙开发】不是吧~不用敲代码就能编程?

简介: 文章目录前言1.创建JS工程2.创建 JS Visual文件3.效果展示

前言

学习鸿蒙有一段时间了,我一直都是边学边做项目,纯手敲代码,但是有一天我打开官方文档,突然发现另一种开发姿势------低代码开发方式,因为我之前都是用的Java。所以一直没怎么注意Js这一栏,废话不多说,上正文。


还没安装开发工具的可以看我这系列文章或者官方文档

【鸿蒙征程】一.环境配置✨超多图片很详细✨


【鸿蒙征程】三.✨终于肝出了鸿蒙配置文件,资源文件的思维导图✨


1.创建JS工程



Language选择Js,Device Type只能选择Phone



2.创建 JS Visual文件

在Project窗口,选择工程中的“entry > src > main > js > default > pages”,单击鼠标右键,选择“New > JS Visual”,然后输入名称,创建。


点击CONFIRM,


创建完成后,点击提示框中的“Confirm”按钮,可以看到“entry > src > main > supervisual> default > pages > page > page.visual”



3.效果展示

下面是我创建的四个Button,通过简单的拖动就能够构建布局

3dc50d0764114ad1b80163b0b586b239.gif

相关文章
|
16天前
|
开发框架 前端开发 JavaScript
【HarmonyOS Next之旅】基于ArkTS开发(二) -> UI开发一
本文介绍了方舟开发框架(ArkUI)及其两种开发范式:基于ArkTS的声明式开发范式和类Web开发范式。ArkUI是用于构建HarmonyOS应用界面的UI框架,提供极简UI语法和基础设施。声明式开发范式使用ArkTS语言,以组件、动画和状态管理为核心,适合复杂团队协作;类Web开发范式采用HML、CSS、JavaScript三段式开发,适用于简单界面应用,贴近Web开发者习惯。文中还概述了两者的架构和基础能力,帮助开发者选择合适的范式进行高效开发。
67 15
|
16天前
|
编解码 前端开发 Java
【HarmonyOS Next之旅】基于ArkTS开发(二) -> UI开发三
本文介绍了基于声明式UI范式的图形绘制与动画效果实现方法,涵盖绘制图形、添加动画效果及常见组件说明三部分内容。在绘制图形部分,详细讲解了如何通过Circle组件为食物成分表添加圆形标签,以及使用Path组件结合SVG命令绘制自定义图形(如应用Logo)。动画效果部分则展示了如何利用animateTo实现闪屏动画,包括渐出、放大效果,并设置页面跳转;同时介绍了页面间共享元素转场动画的实现方式。最后,文章列举了声明式开发范式中的各类组件及其功能,帮助开发者快速上手构建复杂交互页面。
55 11
|
17天前
|
开发工具
鸿蒙开发:DevEcoStudio中的代码生成
其实大家可以发现,一篇文章下来,都是基于右键后的Generate选项,所以,还是非常的简单的,当然了,还是希望大家,以上的功能,能够应用在实际的开发中,而不是停留在纸面上。
鸿蒙开发:DevEcoStudio中的代码生成
|
13天前
|
UED 容器
5.HarmonyOS Next开发宝典:掌握Flex布局的艺术
Flex布局(弹性布局)是HarmonyOS Next中最强大的布局方式之一,它提供了一种更加高效、灵活的方式来对容器中的子元素进行排列、对齐和分配空间。无论是简单的居中显示,还是复杂的自适应界面,Flex布局都能轻松应对。
36 0
|
18天前
|
存储 JSON 搜索推荐
鸿蒙5开发宝藏案例分享---自由流转的拖拽多屏联动
本文分享了鸿蒙开发中的五大实用案例,包括页面跳转、列表渲染、网络请求封装、数据持久化和系统能力调用。通过具体代码示例与避坑指南,手把手教你掌握常用功能,助你高效开发。无论是初学者还是进阶开发者,都能从中受益!
|
18天前
|
传感器 人工智能 JSON
鸿蒙5开发宝藏案例分享---应用接续提升内容发布体验
本文分享了鸿蒙应用接续功能的实战经验,帮助开发者实现跨设备流转。文章介绍了该功能的核心要点、开发条件及多个实战案例,如图文草稿跨设备接续、协同文档实时接续和社交通讯录接续,并提供了避坑指南与调试秘籍。通过动态压缩策略优化传输速度,结合AI能力提升体验。适合想了解鸿蒙跨设备开发的开发者参考学习。
|
18天前
|
传感器 数据管理 定位技术
鸿蒙5开发宝藏案例分享---一多开发实例(游戏)
这篇文章为开发者揭示了鸿蒙系统中的隐藏宝藏——官方提供的高质量开发案例。通过这些案例,可以大幅提升开发效率,轻松实现分布式游戏、跨端协同等功能。文中详细介绍了四个实战案例:用手机作为电视游戏手柄的分布式游戏手柄、支持多设备数据同步的跨端接力抓宠功能、针对中低端设备优化3D粒子特效的方法,以及利用卡片服务创造各种实用功能的技巧。最后还提供了避坑指南,帮助开发者更高效地利用文档资源。
|
16天前
|
JavaScript 小程序 API
UniApp X:鸿蒙原生开发的机会与DCloud的崛起之路·优雅草卓伊凡
UniApp X:鸿蒙原生开发的机会与DCloud的崛起之路·优雅草卓伊凡
77 12
UniApp X:鸿蒙原生开发的机会与DCloud的崛起之路·优雅草卓伊凡
|
13天前
|
JSON IDE Java
鸿蒙开发:json转对象插件回来了
首先,我重新编译了插件,进行了上传,大家可以下载最新的安装包进行体验了,还是和以前一样,提供了在线版和IDE插件版,两个选择,最新的版本,除了升级了版本,兼容了最新的DevEco Studio ,还做了一层优化,就是针对嵌套对象和属性的生成,使用方式呢,一年前的文章中有过详细的概述,这里呢也简单介绍一下。
鸿蒙开发:json转对象插件回来了
|
13天前
|
索引
鸿蒙开发:自定义切换动画实现Swiper层叠滑动效果
customContentTransition不仅仅可以实现平移上的改变,很多的效果,我们都可以实现,比如放大缩小,旋转等等。
鸿蒙开发:自定义切换动画实现Swiper层叠滑动效果