草庐IT

codelabs

全部标签

鸿蒙实战开发 HUAWEI Codelabs 溪村小镇(ArkTS)超详细代码教学

目录介绍环境搭建硬件要求代码结构解读4.1启动页4.2应用首页地图浏览5.1初始化地图5.2搜索并展示指定类型地标5.3使用手势操作地图6.1区域导览卡片6.2区域详情页6.3查看大图小火车7.1页面布局7.2初始化小火车信息7.3更新小火车轨迹介绍溪村小镇是一款展示溪流背坡村园区风貌的应用,包括园区内的导航功能,小火车行车状态查看,以及各区域的风景展览介绍,主要用于展示HarmonyOS的ArkUI能力和动画效果。具体包括如下功能:打开应用时进入启动页,启动页轮播展示溪村小镇风景图,之后进入应用首页。在首页的“地图浏览”标签页,可以拖动和缩放查看地图,并查找相应地标建筑。在首页的“区域导览”

鸿蒙实战开发 HUAWEI Codelabs 一次开发,多端部署-购物应用(ArkTS)

目录介绍环境搭建代码结构解读4.1启动页4.2主页5.1首页标签页5.2新品标签页5.3购物车标签页5.4我的标签页5.5商品详情页5.6订单确认页5.7订单支付页5.8订单列表页介绍本篇Codelab基于自适应布局和响应式布局,实现购物应用在手机、折叠屏、平板不同屏幕尺寸设备上按不同设计显示。通过三层工程结构组织代码,实现一次开发,多端部署。手机运行效果如图所示:折叠屏运行效果图:平板运行效果图:环境搭建我们首先需要完成HarmonyOS开发环境搭建,可参照如下步骤进行。代码结构解读本篇Codelab只对核心代码进行讲解,common为公共能力层,feature为功能模块层,本示例分为六个模

javascript - 如何将网络应用程序添加到用户主屏幕?

正如标题所说,我想在我的网站末尾显示一个包含按钮的小弹出窗口,以提示用户将我的网站添加到他们手机的主屏幕。我在这里找到了一个教程:https://codelabs.developers.google.com/codelabs/add-to-home-screen/#0,这解决了我在Android上的问题,但这种方式仅适用于Android和https方法。我希望此弹出窗口必须在Android、iOS、http和https上运行。这里有人知道如何解决这个问题吗?非常感谢您的帮助。 最佳答案 对于Android,“添加到主屏幕”提示需要H

HarmonyOS Codelab 优秀样例——溪村小镇(ArkTS)

一、 介绍溪村小镇是一款展示溪流背坡村园区风貌的应用,包括园区内的导航功能,小火车行车状态查看,以及各区域的风景展览介绍,主要用于展示HarmonyOS的ArkUI能力和动画效果。具体包括如下功能:1. 打开应用时进入启动页,启动页轮播展示溪村小镇风景图,之后进入应用首页。2. 在首页的“地图浏览”标签页,可以拖动和缩放查看地图,并查找相应地标建筑。3. 在首页的“区域导览”标签页,可以上下滑动查看溪村小镇不同区域的卡片,点击卡片可以进入对应的区域详情页并查看区域的详细介绍和高清建筑风景图。4. 在首页的“小火车”标签页,可以查看溪村小火车的运行路线图。相关概念● Tabs组件:通过页签进行内

有奖速戳【Codelabs限时挑战赛】和李洋老师手把手开发一个简单的鸿蒙万能卡片

【有奖速戳】Codelabs限时挑战赛和李洋老师手把手开发一个简单的鸿蒙万能卡片【挑战赛说明】李洋老师近期发布的《手把手教你开发一个元服务万能卡片》文档、鸿蒙万能卡片(以下简称万能卡片)系列课程等,内容详细讲解了如何快速上手开发一个鸿蒙万能卡片。即日起,特邀广大开发者跟着李洋老师边学边开发一个万能卡片,挑战赛结束后李洋老师将作为评委,根据最终提交作品的完成度、场景创意度及代码质量进行综合评分并决选出最佳作品等奖项。【赛事时间】 5月19日-6月30日【奖项设置】最佳作品奖:挑战赛结束后,由李洋老师综合评价作品各项最优秀者将获得【HUAWEIFreeBudsPro无线耳机(冰霜银) 】一个先拔头

【攀登课程之塔】codelabs之“窗口管理(ArkTS)“部分实现-我的理解

我的项目地址: HarmonyOS-Codelabs-窗口管理-ArkTS-项目-解析:这是对'窗口管理(ArkTS)'项目的解析,只是个人的小小建议前提:需要安装git下面我来说一下我的步骤:到这里,我的分享差不多就结束了,关于项目有关的理解在git历史版本中,各位下载之后,自然会看到.如果可以的话,请点赞哦,谢了.本贴需要git基础本帖是我对codelabs项目的理解本帖参考项目地址:Codelabs:分享知识与见解,一起探索HarmonyOS的独特魅力。-Gitee.com本帖是我的学习方法的分享可以参加这个活动哦:【有奖活动】攀登课程之塔,赢取阶梯奖励可以考取这个证书哦:Harmony

HarmonyOS Codelab 优秀样例——溪村小镇(ArkTS)

一、介绍溪村小镇是一款展示溪流背坡村园区风貌的应用,包括园区内的导航功能,小火车行车状态查看,以及各区域的风景展览介绍,主要用于展示HarmonyOS的ArkUI能力和动画效果。具体包括如下功能:打开应用时进入启动页,启动页轮播展示溪村小镇风景图,之后进入应用首页。在首页的“地图浏览”标签页,可以拖动和缩放查看地图,并查找相应地标建筑。在首页的“区域导览”标签页,可以上下滑动查看溪村小镇不同区域的卡片,点击卡片可以进入对应的区域详情页并查看区域的详细介绍和高清建筑风景图。在首页的“小火车”标签页,可以查看溪村小火车的运行路线图。相关概念Tabs组件:通过页签进行内容视图切换的容器组件,每个页签

【HarmonyOS】codelab在hvigor版本2.4.2上无法运行问题

【关键字】HarmonyOS、codelab、hvigor【问题描述】有cp反馈集成鸿蒙codelab报错。下载音乐专辑示例文件(一次开发,多端部署-音乐专辑(ArkTS) (huawei.com))后构建项目,显示找不到2.5.0的hvigor。​同时应用要求2.x.x的版本,于是修改版本号为2.4.2,成功加载项目直接使用phone配置编译运行后可以安装,但是点击“播放音乐”和“观看直播”按钮无反应。结果编译运行报错:​>hvigorERROR:Failed:live:default@PrepareSharedHarResource...>hvigorERROR:ENOENT:nosuch

HarmonyOS Codelab 优秀样例——购物应用,体验一次开发多端部署魅力

 一. 样例介绍本篇Codelab基于自适应布局和响应式布局,实现购物应用在手机、折叠屏、平板不同屏幕尺寸设备上按不同设计显示。通过三层工程结构组织代码,实现一次开发,多端部署 。手机运行效果如图所示: 折叠屏运行效果图: 平板运行效果图:相关概念一次开发,多端部署:一套代码工程,一次开发上架,多端按需部署。支撑开发者快速高效的开发支持多种终端设备形态的应用。自适应布局:当外部容器大小发生变化时,元素可以根据相对关系自动变化以适应外部容器变化的布局能力。相对关系如占比、固定宽高比、显示优先级等。当前自适应布局能力有7种:拉伸能力、均分能力、占比能力、缩放能力、延伸能力、隐藏能力、折行能力。自适

编译鸿蒙codelabs安装时报错

学习鸿蒙ArkTS时编译codelabs样例代码,发现编译完成报错。目前鸿蒙的资料比较少,且官方文档路径很深,遂记录下来,以资来者。error:failedtostartability.ErrorwhileLaunchingactivity修改module.json5中的exported为true后,问题解决。原理是这个配置项决定了是否被其他应用调用。该值默认为false,所以不能被ide拉起。其余module.json5的配置解释参见HarmonyOS-module.json5官方文档