鸿蒙开发APP应用UX体验标准

news/2025/1/15 13:27:33/

基础体验

应用导航

3.1.1.1 系统返回

页面布局

3.1.2.1 布局基础要求

3.1.2.2 挖孔区适配

人机交互

3.1.3.1 避免与系统手势冲突3.1.3.2 典型手势时长设计3.1.3.3 点击热区

视觉风格

3.1.4.1 色彩对比度3.1.4.2 字体大小

3.1.4.3 图标

3.1.4.3.1 应用图标3.1.4.3.2 界面图标

动效

3.1.5.1 动效转场

3.1.5.1.1 层级转场3.1.5.1.2 搜索转场3.1.5.1.3 新建转场3.1.5.1.4 编辑转场3.1.5.1.5 共享元素转场

3.1.5.2 动效时长

3.1.5.2.1 动效无缺失3.1.5.2.2 转场动效时长下限

3.1.5.3 动效编排与帧内容

3.1.5.3.1 启动页填充3.1.5.3.2 启动页动效时长3.1.5.3.3 滑动过界反馈动效一致性3.1.5.3.4 滑动过界反馈动效一致性3.1.5.3.5 离手减速动效一致性

系统特性

导航条

3.2.1 底部导航条适配

通知

3.2.2 通知

实况窗

3.2.3 实况窗

多窗口交互

3.2.4.1 悬浮窗适配3.2.4.2 分屏适配

深色模式

3.2.5 深色模式

状态栏

3.2.6 状态栏


http://www.ppmy.cn/news/1508982.html

相关文章

Spring WebFlux 实现 SSE 流式回复:类GPT逐字显示回复效果完整指南

本节将提供基于 Spring WebFlux 和 SSE 实现类ChatGPT流式回复效果的完整代码示例&#xff0c;并详细说明所需的依赖和配置。 1. 项目配置 构建工具: Maven 或 Gradle依赖: <dependency><groupId>org.springframework.boot</groupId><artifactId>sp…

Vue手脚架使用

目录 1.创建项目2.文件夹的作用3.组件之间的使用&#xff08;1&#xff09;基本逻辑&#xff08;2&#xff09;组件的使用&#xff08;3&#xff09;父子路由的问题 1.创建项目 vue creat 项目名字# 运行项目 npm run serve 2.文件夹的作用 3.组件之间的使用 &#xff08;1&…

AI学习指南机器学习篇-多层感知器(MLP)Python中的实现和使用

AI学习指南机器学习篇-多层感知器&#xff08;MLP&#xff09;Python中的实现和使用 人工智能&#xff08;AI&#xff09;是当今世界上最炙手可热的领域之一。在AI中&#xff0c;机器学习&#xff08;ML&#xff09;是一种能够让计算机系统从数据中学习而不需要明确编程的技术…

性能监控之分布式追踪SkyWalking

文章目录 服务端搭建改配置 apache-skywalking-apm-bin -> config/application.yml改配置 apache-skywalking-apm-bin -> webapp/webapp.yml启动SkyWalking客户端搭建日志监控 官网地址&#xff1a;https://skywalking.apache.org/开源地址&#xff1a;https://github.co…

Stable Diffusion-inpaint(mask补全)是怎么做的?

AIGC专栏4——Stable Diffusion原理解析-inpaint修复图片为例_diffusion inpaint-CSDN博客 如果我们必须训练一个inpaint模型才能对当前的模型进行inpaint&#xff0c;那就太麻烦了&#xff0c;有没有什么方法可以不需要训练就能inpaint呢&#xff1f; Stable Diffusion就是一…

cnetos部署高可用以及七层负载均衡

文章目录 centos部署高可用以及七层负载均衡一、准备环境二、配置高可用第一台&#xff1a;第二台&#xff1a; 三、配置负载均衡第一台的七层负载均衡器为haproxy第二台的七层负载均衡器为nginx 四、配置后端服务器五、测试 centos部署高可用以及七层负载均衡 一、准备环境 …

利用Python轻松从视频中抽取帧

利用Python轻松从视频中抽取帧 安装依赖示例代码参数说明使用示例 在做CV项目的时候&#xff0c;有时候可能需要从视频中抽取一些有价值的图片&#xff0c;可以使用 Python 的 opencv 库来从视频中抽取帧。以下是一个示例程序&#xff0c;展示了如何从视频中抽取帧&#xff0c;…

ubuntu22.04 安装clamav并使用定时任务扫描

文章目录 前言一、安装服务二、配置定时任务 前言 记录一下ubuntu22.04安装clamav。 操作系统版本&#xff1a;Ubuntu 20.04.6 LTS (GNU/Linux 5.15.0-118-generic x86_64) clamav版本&#xff1a;0.103.11dfsg-0ubuntu0.20.04.1 一、安装服务 sudo apt install clamav clama…