摘要:
应用开发过程中,经常需要用到颜色、字体、间距、图片等资源,在不同的设备或配置中,这些资源的值可能不同。 ● 应用资源:借助资源文件能力,开发者在应用中自定义资源,自行管理这些资源在不同的设备或配置中的表现。 ● 系统资源:开发者直接使用系统预置的资源定义(即分层参数,同一资源ID在设备类型、深浅色等 阅读全文
![HarmonyOS应用开发—资源分类与访问](https://img2023.cnblogs.com/blog/2639134/202309/2639134-20230912150143597-165360450.png)
摘要:
一. 应用配置文件 每个应用项目必须在项目的代码目录下加入配置文件,这些配置文件会向编译工具、操作系统和应用市场提供应用的基本信息。 在基于Stage模型开发的应用项目代码下,都存在一个app.json5及一个或多个module.json5这两种配置文件。 app.json5主要包含以下内容: ● 阅读全文
![建议收藏!Harmony应用配置文件概述(Stage模型)](https://img2023.cnblogs.com/blog/2639134/202309/2639134-20230911155704183-1616441508.png)
摘要:
一. 样例介绍 HarmonyOS提供了常用的图片、图片帧动画播放器组件,开发者可以根据实际场景和开发需求,实现不同的界面交互效果,包括:点击阴影效果、点击切换状态、点击动画效果、点击切换动效。 相关概念 ● image组件:图片组件,用于图片资源的展示。 ● image-animator组件:帧动 阅读全文
![HarmonyOS实现几种常见图片点击效果](https://img2023.cnblogs.com/blog/2639134/202309/2639134-20230907100745786-2063228363.png)
摘要:
一. 样例介绍 本篇Codelab基于switch组件和chart组件,实现线形图、占比图、柱状图,并通过switch切换chart组件数据的动静态显示。要求实现以下功能: 1. 实现静态数据可视化图表。 2. 打开开关,实现静态图切换为动态可视化图表 相关概念 ● switch组件:开关选择器,通 阅读全文
![HarmonyOS实现静态与动态数据可视化图表](https://img2023.cnblogs.com/blog/2639134/202309/2639134-20230906102359127-1602524995.png)
摘要:
一. 样例介绍 本篇Codelab基于input组件、label组件和dialog组件,实现表单页面的输入、必填校验和提交: 1. 为input组件设置不同类型(如:text,email,date等),完成表单页面。 2. 对表单页面中的用户名、电子邮件、爱好输入框进行必填校验。 3. 使用弹框选择 阅读全文
![HarmonyOS实现表单页面的输入,必填校验和提交](https://img2023.cnblogs.com/blog/2639134/202309/2639134-20230905115214808-60024113.png)
摘要:
一. 组件动画 在组件上创建和运行动画的快捷方式。具体用法请参考通用方法。 获取动画对象 通过调用animate方法获得animation对象,animation对象支持动画属性、动画方法和动画事件。 <!-- xxx.hml --> <div class="container"> <div id= 阅读全文
![开发指导—利用组件&插值器动画实现HarmonyOS动效](https://img2023.cnblogs.com/blog/2639134/202309/2639134-20230905112314811-1097136924.png)
摘要:
注:本文内容分享转载自HarmonyOS Developer官网文档 点击查看《开发指导—利用CSS动画实现HarmonyOS动效(一)》 3. background-position样式动画 通过改变background-position属性(第一个值为X轴的位置,第二个值为Y轴的位置)移动背景图 阅读全文
![开发指导—利用CSS动画实现HarmonyOS动效(二)](https://img2023.cnblogs.com/blog/2639134/202309/2639134-20230904152634943-1793042684.png)
摘要:
注:本文内容分享转载自HarmonyOS Developer官网文档 一. CSS语法参考 CSS是描述HML页面结构的样式语言。所有组件均存在系统默认样式,也可在页面CSS样式文件中对组件、页面自定义不同的样式。请参考通用样式了解兼容JS的类Web开发范式支持的组件样式。 尺寸单位 ● 逻辑像素p 阅读全文
![开发指导—利用CSS动画实现HarmonyOS动效(一)](https://img2023.cnblogs.com/blog/2639134/202309/2639134-20230901105837557-1936600420.png)