鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Image图片组件

最新推荐文章于 2024-05-04 18:30:43 发布
最新推荐文章于 2024-05-04 18:30:43 发布
阅读量1.3k 收藏 19
点赞数 15
文章标签： 开发语言 harmonyos
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zdh13370188237/article/details/135179932
版权

 鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Image图片组件

一、操作环境

操作系统:  Windows 10 专业版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1

二、Image组件

Image 用来加载并显示图片的基础组件，它支持从内存、本地和网络加载图片，当从网络加载图片的时候，需要申请网络访问权限。ohos.permission.INTERNET

接口

Image(src: string | PixelMap | Resource)

参数

参数名

参数类型

必填

默认值

参数描述

src

string| PixelMap| Resource

是

-

图片的数据源，支持本地图片和网络图片。

当使用相对路径引用图片资源时，例如Im
最低0.47元/天 解锁文章
记忆的小河
关注
  • 15
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
鸿蒙开发（5）---Image组件
李元静
06-10 3711
目录鸿蒙App开发之Image组件加载本地图片 鸿蒙App开发之Image组件 手机App之所以绚丽多彩，当然是因为图片丰富了我们App的交互样貌。可以说，目前手机上的所有App基本都离不开图片的使用。 而在鸿蒙上显示图片的组件为：Image组件。今天，我们就专门介绍Image组件的使用方式。 加载本地图片 加载图片的方式有几种，最常见的当然是加载网络图片。不过，对于大多数交互类的图片来说，都是放在本地的，因为其非常小，很方便。 ...
深入鸿蒙开发-如何更好地使用 ArkUI 的 Image 组件？
学习笔记
08-24 1565
开发者经常需要在应用中显示一些图片，例如：按钮中的logo、网络图片、本地图片等。在应用中显示图片需要使用组件实现，Image支持多种图片格式，包括png、jpg、bmp、svg和gif，具体用法请参考Image组件。ArkUI 的 Image组件类比SwiftUI中的Image，也就是UIKit中的UIImageView。本文主要对 Image 如何展示图像做一些解读，然后对Image。
鸿蒙通用组件Image简介
最新发布
lvsonghai的博客
05-04 326
鸿蒙Image使用简介
鸿蒙HarmonyOS实战-ArkUI组件（Image）
shudaoshanQAQ的博客
01-06 4046
在HarmonyOS中，Image组件是用于显示图像文件的UI组件。它可以显示本地图像文件或远程URL地址的图像文件。Image组件的实现方式比较简单，只需提供图像文件路径或URL地址即可。
【ARK UI】HarmonyOS ETS如何创建PixeMap并显示Image组件上
华为开发者联盟
08-17 917
在组件加载完成之前（aboutToAppear函数）把图片路径转场pixeMap并显示Image组件上，代码如下。在mainAbility注册申请权限，并把图片写入指定文件夹目录下，代码如下。通过属性创建PixelMap，通过Promise返回结果。1.准备一张图片放在rawfile文件目录，如下图所示。在config.json注册如下权限代码如下。欲了解更多更全技术文章，欢迎访问。...
鸿蒙应用中图片的显示（Image组件）
01-04 3520
开发者经常需要在应用中显示一些图片，例如：按钮中的icon、网络图片、本地图片等。在应用中显示图片需要使用Image组件实现，Image支持多种图片格式，包括png、jpg、bmp、svg和gif，具体用法请参考组件。该接口通过图片数据源获取图片，支持本地图片和网络图片的渲染展示。其中，src是图片的数据源，加载方式请参考。
【鸿蒙HarmonyOS开发笔记】常用组件介绍篇 —— Image图片组件
温的打怪之旅
03-17 1874
Image为图片组件，用于在应用中显示图片。resources目录下可用于存放图片的目录有以及，两个目录下图片的使用方式有所不同，下面逐一介绍○media目录该目录下的资源，需要使用的方式引用。注意：无需指定具体版本，系统会自动根据所处环境选择相应版本例如上图中的img.png图片，可通过引用。需要注意的是$r()的返回值即为Resource类型，因此可以直接将作为Image组件的参数，例如。○rawfile目录该目录下的资源，可通过的方式引用，文件的路径为相对于rawfile的路径。
华为鸿蒙HarmonyOS开发者资料大全鸿蒙系统开发资料汇总.zip
06-16
鸿蒙HarmonyOS开发者资料大全鸿蒙系统开发资料汇总,包括如下： DevEco Studio 1.0 使用指南.pdf HarmonyOS-NFC开发指南.pdf HarmonyOS应用开发之页面开发.pdf HarmonyOS开发必备基础知识.pdf WLAN开发指南.pdf 图像...
鸿蒙（HarmonyOS）系统的开发资料
09-22
环境配置 (pdf)、开发者指南 (pdf)、方舟编译器C++语言通用编程规范 (pdf)
harmonyos英文怎么读-OpenArkCompiler:方舟编译器
07-01
harmonyos英文怎么读 OpenArkCompiler 华为方舟编译器部分源码 pacman -S ninja pacman -S gn 编译好的二进制已上传到release 用maple加载libjava-core.mplt 用jbc2mpl生成原始的ir文件(.mpl) mpl2mpl&mplme编译.mpl...
方舟游戏框架，一个 2D 游戏框架。
08-12
方舟游戏框架，一个 2D 游戏框架。 文件 Ark-Game-Framework-master.zip 包含以下条目。 .gitignore//from ww w. jav a2 s . c o m Android Sample/.classpath Android Sample/.project Android Sample/...
harmonyos源代码-Openarkcompiler:Ubuntu18.04下方舟编译器项目的正确食用实例
07-01
harmonyos源代码 OpenArkCompiler 最近大火的方舟编译器的source code以及在Ubuntu18.04LTS下编译出的二进制文件 项目过于种子导致编译前配置环境过于难受以及在编译之后无法使用编译后的编译器编译helloword.java ...
基于ArkUI开发框架，图片马赛克处理的实现
HarmonyOSDev的博客
05-31 594
关于马赛克 马赛克是一种使用较为广泛的图片处理方式，通过将图片特定区域的色阶细节劣化、色块打乱让图片模糊化，常用来遮挡图片中的重要信息及隐私内容。本期，我们将通过图像的基础知识帮助大家了解图片马赛克处理的原理，同时给大家带来ArkUI开发框架中图片马赛克处理的实现。 一、图像基础 了解图片的像素以及分辨率等基础知识，有助于后文对马赛克原理的理解。 1. 像素 像素（英文名：pixel，简称px）是图片的最小单位，每张图片都是由无数的像素点组成。如图1所示，每个小方格就是一个个的像素点，每.
鸿蒙 Image 方法及应用
qq_40982983的博客
03-03 2534
鸿蒙 Image 方法及应用 getClipAlignment（） 获取图像剪裁对齐方式。 getClipDirection（） 获取图像剪裁方向。 getClipGravity（） 不推荐使用。请改用getClipAlignment（）。 getCornerRadii（） 获得四个角的半径。 getCornerRadius（） 获得拐角半径。 getImageElement（） 获取元素的值。 getPixelMap（） 获取此图像上显示的PixelMap对象。 getPixelMapHolder（） 获
探索鸿蒙 Image图片显示组件
a_strong_pig的博客
12-07 268
HarmonyOS开发之Image组件的使用
ArkUI的几种组件
qq_64168588的博客
01-16 779
通过对ArkUI组件的基本认识，我们能够更加清晰的认识到ArkTS与过去前端的区别，可以说ArkTS将前端带到了一个前所未有的新高度。也大大增加了人机交互性并且实现动态实时更新的可视化界面。真正实现了可视一体化编程！！！本文章仅仅是本人学习心得与巩固，不喜勿喷。
鸿蒙Harmony（四）ArkUI---基础组件：Image
danfengw的博客
12-27 555
权限申请文档（安全中的访问权限）： https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V2/accesstoken-guidelines-0000001493744016-V2。Cover（默认值）：保持宽高比进行缩小或者放大，使得图片两边都大于或等于显示边界。Contain：保持宽高比进行缩小或者放大，使得图片完全显示在显示边界内。Fill：不保持宽高比进行放大缩小，使得图片充满显示边界。None：保持原有尺寸显示。
HarmonyOS ARKUI深度解析：图像组件及权限配置实战指南
一键难忘的博客
12-28 1946
ArkUI的image组件是用于展示图片的核心组件。在我们的案例中，我们使用了网络图片，这里介绍了三种图片源的格式：string、pixel map和resource。其中，我们选择了使用网络图片，通过配置权限来确保应用能够访问网络。本文深入介绍了HarmonyOS UI框架中的ArkUI图片组件及权限配置。首先，对ArkUI的image组件进行了详细介绍，强调了三种图片源的格式：string、pixel map和resource。
playcover 明日方舟
09-16
《明日方舟》是一款由中国游戏公司Hypergryph和Yostar共同开发并发行的游戏。它是一款塔防策略手游，以斗争、合作和探索为核心，玩家扮演某个组织的领导者，负责招募并指挥各种特殊能力的干员来对抗感染者。 这款...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值