《移动应用开发技术与实战（ArkTS）》课件 项目3_常用UI组件（上）.pptxVIP

常用UI组件(上)

01Image组件02Text组件03Button组件04Radio组件05Toggle组件06项目实训目录Contents

01Image组件1.1Image组件概述1.2创建Image组件1.3Image组件常用属性

其核心作用是把不同来源的图片数据以可视化形式呈现给用户，增强应用的视觉效果和用户体验。核心作用Image组件用于在应用界面中展示各类图片，它允许开发者通过简单的代码将本地资源、网络链接或Base64编码的图片渲染到界面上。组件用法支持常见的图片格式，如png、jpg、jpeg、bmp、svg、webp、gif和heif等。不同格式的图片在质量、压缩率和动画支持等方面各有特点，开发者可以根据实际需求选择合适的图片格式。图片格式Text组件Button组件Radio组件Toggle组件项目实训Image组件1.1Image组件概述

Text组件Button组件Radio组件Toggle组件项目实训Image组件1.2创建Image组件加载本地图片图3-2加载本地图片结果加载本地图片结果如图3-2所示。

Text组件Button组件Radio组件Toggle组件项目实训Image组件1.2创建Image组件加载本地图片首先将图片资源(如HarmonyOSNEXT.jpg)放入项目resources/base/media下，如图3-1所示。图3