ITPub博客

即日起推出HarmonyOS创作激励计划，成功投稿并入选的文章将在HarmonyOS开发者公众号上线，9大技术社区同步宣发，不仅有丰厚稿酬，还有机会赢取创作奖品！活动时间即日起-2024年12月31日，每季度按照活动规则评审奖项活动面向用户对HarmonyOS怀抱热情的开发者奖项设置注：每季度评审，稿费和一二三等奖可叠加。活动规则1、 投稿规范● 投稿入口：harmonyos@

一、自定义页面请求响应Web组件支持在应用拦截到页面请求后自定义响应请求能力。开发者通过onInterceptRequest()接口来实现自定义资源请求响应 。自定义请求能力可以用于开发者自定义Web页面响应、自定义文件资源响应等场景。Web网页上发起资源加载请求，应用层收到资源请求消息。应用层构造本地资源响应消息发送给Web内核。Web内核解析应用层响应信息，根据此响应信息进行页面资源

一、介绍本篇Codelab主要基于dialog和button组件，实现弹窗的几种自定义效果，具体效果有：  1.  警告弹窗，点击确认按钮弹窗关闭。2.  确认弹窗，点击取消按钮或确认按钮，触发对应操作。3.  加载弹窗，展示加载中效果。4.  提示弹窗，支持用户输入内容，点击取消和确认按钮，触发对应操作。5.  进度条弹窗，展

历史记录导航使用者在前端页面点击网页中的链接时，Web组件默认会自动打开并加载目标网址。当前端页面替换为新的加载链接时，会自动记录已经访问的网页地址。可以通过forward()和backward()接口向前/向后浏览上一个/下一个历史记录。在下面的示例中，点击应用的按钮来触发前端页面的后退操作。// xxx.etsimport web_webview from &#3

作者：shizhengtao，华为性能调优工具专家应用的性能优化一直以来都是开发者所面临的一大难题，在2023HDC大会上全新亮相的HarmonyOS NEXT开发者预览版，其中鸿蒙开发套件DevEco Profiler，对应用卡顿这一问题的定位解决又提供了哪些能力呢？本文带你一探究竟。一Realtime Monitor，高效发现卡顿问题Realtime M

一、 应用侧调用前端页面函数应用侧可以通过runJavaScript()方法调用前端页面的JavaScript相关函数。在下面的示例中，点击应用侧的“runJavaScript”按钮时，来触发前端页面的htmlTest()方法。● 前端页面代码。<!-- index.html --> <!DOCTYPE html> &l

一、Web组件概述Web组件用于在应用程序中显示Web页面内容，为开发者提供页面加载、页面交互、页面调试等能力。● 页面加载：Web组件提供基础的前端页面加载的能力，包括加载网络页面、本地页面、Html格式文本数据。● 页面交互：Web组件提供丰富的页面交互的方式，包括：设置前端页面深色模式，新窗口中加载页面，位置权限管理，Cookie管理，应用侧使用前端页面JavaScrip

一、 介绍溪村小镇是一款展示溪流背坡村园区风貌的应用，包括园区内的导航功能，小火车行车状态查看，以及各区域的风景展览介绍，主要用于展示HarmonyOS的ArkUI能力和动画效果。具体包括如下功能：1.     打开应用时进入启动页，启动页轮播展示溪村小镇风景图，之后进入应用首页。2.     在首页的“地图浏览”标签页，可以拖

应用开发过程中，经常需要用到颜色、字体、间距、图片等资源，在不同的设备或配置中，这些资源的值可能不同。● 应用资源：借助资源文件能力，开发者在应用中自定义资源，自行管理这些资源在不同的设备或配置中的表现。● 系统资源：开发者直接使用系统预置的资源定义（即分层参数，同一资源ID在设备类型、深浅色等不同配置下有不同的取值）。资源分类resources目录应用开发中使用的各类资源文件

一. 应用配置文件每个应用项目必须在项目的代码目录下加入配置文件，这些配置文件会向编译工具、操作系统和应用市场提供应用的基本信息。在基于Stage模型开发的应用项目代码下，都存在一个app.json5及一个或多个module.json5这两种配置文件。app.json5主要包含以下内容：● 应用的全局配置信息，包含应用的包名、开发厂商、版本号等基本信息。● 特定设备类

一. 样例介绍HarmonyOS提供了常用的图片、图片帧动画播放器组件，开发者可以根据实际场景和开发需求，实现不同的界面交互效果，包括：点击阴影效果、点击切换状态、点击动画效果、点击切换动效。相关概念● image组件：图片组件，用于图片资源的展示。● image-animator组件：帧动画播放器，用以播放一组图片，可以设置播放时间、次数等参数。● 通用事

一. 样例介绍本篇Codelab基于switch组件和chart组件，实现线形图、占比图、柱状图，并通过switch切换chart组件数据的动静态显示。要求实现以下功能：1.     实现静态数据可视化图表。2.     打开开关，实现静态图切换为动态可视化图表相关概念● switch组件：开关选择器，通过开关，开启或

一. 样例介绍本篇Codelab基于input组件、label组件和dialog组件，实现表单页面的输入、必填校验和提交：1.     为input组件设置不同类型（如：text，email，date等），完成表单页面。2.     对表单页面中的用户名、电子邮件、爱好输入框进行必填校验。3.    &nbs

一. 组件动画在组件上创建和运行动画的快捷方式。具体用法请参考通用方法。获取动画对象通过调用animate方法获得animation对象，animation对象支持动画属性、动画方法和动画事件。<!-- xxx.hml --> <div class="container">   <di

注：本文内容分享转载自HarmonyOS Developer官网文档点击查看《开发指导—利用CSS动画实现HarmonyOS动效（一）》3. background-position样式动画通过改变background-position属性（第一个值为X轴的位置，第二个值为Y轴的位置）移动背景图片位置，若背景图位置超出组件则超出部分的背景图不显示。<!-- xxx

注：本文内容分享转载自HarmonyOS Developer官网文档一. CSS语法参考CSS是描述HML页面结构的样式语言。所有组件均存在系统默认样式，也可在页面CSS样式文件中对组件、页面自定义不同的样式。请参考通用样式了解兼容JS的类Web开发范式支持的组件样式。尺寸单位● 逻辑像素px（文档中以<length>表示）：○ 默认屏幕具有的逻

页面加载是Web组件的基本功能。根据页面加载数据来源可以分为三种常用场景，包括加载网络页面、加载本地页面、加载HTML格式的富文本数据。页面加载过程中，若涉及网络资源获取，需要配置ohos.permission.INTERNET网络访问权限。加载网络页面开发者可以在Web组件创建的时候指定默认加载的网络页面 。在默认页面加载完成后，如果开发者需要变更此Web组件显示的网络页面，可以通过调

注：本文转载自HarmonyOS官网文档开发者若使用低性能的代码实现功能场景可能不会影响应用的正常运行，但却会对应用的性能造成负面影响。本章节列举出了一些可提升性能的场景供开发者参考，以避免应用实现上带来的性能劣化。使用数据懒加载开发者在使用长列表时，如果直接采用循环渲染方式，如下所示，会一次性加载所有的列表元素，一方面会导致页面启动时间过长，影响用户体验，另一方面也会增加服务器的压力和流量，加重

随着终端设备形态日益多样化，分布式技术逐渐打破单一硬件边界，一个应用或服务，可以在不同的硬件设备之间按需调用、互助共享，让用户享受无缝的全场景体验。作为应用开发者，广泛的设备类型也能为应用带来广大的潜在用户群体。一个应用要在多类设备上提供统一的内容，需要适配不同的屏幕尺寸和硬件，开发成本较高。"一次开发，多端部署"（后文中简称为"一多"）的应用开发理念，可以

一. 样例介绍本篇Codelab基于自适应布局和响应式布局，实现购物应用在手机、折叠屏、平板不同屏幕尺寸设备上按不同设计显示。通过三层工程结构组织代码，实现一次开发，多端部署 。手机运行效果如图所示：折叠屏运行效果图：平板运行效果图：相关概念● 一次开发，多端部署：一套代码工程，一次开发上架，多端按需部署。支撑开发者快速高效的开发支持多种终端设备形态的应用。●&nbs