当前位置: 首页 > 网络应用技术

Harmonyos(Hong Meng) - 图像(图片)组件简介

时间:2023-03-06 16:39:02 网络应用技术

  图像是用于显示图片的组件。我们经常使用开发!

  图像也是一个组件。

  当我们使用图像组件时,我们只需要提前了解其属性,并且可以方便地使用它(官方中指定的所有官方图像属性都在此:

  clip_alignment图像切割方法左表示左侧是切割的。ohos:clip_alignment =“左”右手右手切割。:clip_alignment =“ top”底部意味着根据底部切割对齐。ohos:clip_alignment =“ bottom”中心表示根据living.ohos:clip_alignment =“ center_src image_src image元素类型可以直接配置为颜色,请按照living.ohos:clip_alignment =“ clip_alignment =”值,或者还可以在媒体/图形下引用图像资源。与图像的最狭窄侧相称,并显示在中间.ohos:scale_mode =“ center” zoom_start表示原始图片与图像的最窄边缘和图像和按开始端显示。ZOOM_END表示原始图片根据比例将原始图片缩小到图像的最狭窄边缘,并由端端显示。Strotch表示原始图像减小为图像的大小。中心表示未缩放图像,并且原始图片按照图像的大小显示。Indide表示原始图片缩水到相同或较小的大小与或较小较小的图像。Clip_center表示与与图像相同或更大的尺寸,并且在中间显示。在使用图像组件之前,您需要在Harmonyos的应用程序结构中知道图像资源的存储位置。

  创建项目后,打开项目条目> SRC> Main> Resources> Base> Media Directory。下面将有一个默认图标。

  我们将使用Java的父亲(James Gosling)进行测试以祝福所有人成为Java的母亲,哈哈哈哈哈!

  将图片放在输入> SRC> MAIN>资源>基础>基础>媒体上!

  在Harmonyos的Java语义开发中,可以通过XML配置和Java代码直接构建组件。这里证明了这两种方法。

  3.2.1 XML在SRC-> Main-> Main-> Resources-> base-> base-> basice_main.xml中创建图像以实现以下代码:

  启动应用程序以查看效果。

  3.2.2 Java代码创建图像注释以获取在XML中配置的图像,我们切换到Java代码以实现。

  在com.liziba.image.slice.mainityslice的Onstart方法中,图像代码的创建如下:

  这里进行了简单的变焦,以使原始图片的大小与图像的大小相同。

  因为在实际开发中,还有更多的XML配置UI,因为它更灵活,因为它方便更改和统一管理。因此,属性可与XML配置一起使用!交叉调整

  3.3.1透明度集的透明度为0.2,透明度集越小。图片越透明,原始图片的透明度为1。

  ohos:alpha =“ 0.2”

  3.3.2当图片的大小与图片和图像组件的大小不一致时,我们通常需要通过缩放来实现兼容性。(但是,对于图片,您仍然使用更少的缩放。图片大小并不满足尽可能地制作新图片。)

  可以使用X轴和Y轴方向的两个参数设置缩放系数。实际上,它是宽度和高度

  以下是缩放x和y轴配置0.5的效果

  ohos:scale_x =“ 0.5”

  ohos:scale_y =“ 0.5”

  以下是配置对1的效果。默认值为1,不能配置:

  ohos:scale_x =“ 1”

  ohos:scale_y =“ 1”

  可以将其配置为较大的数字比例吗?当然,这是可能的。这将更加配置为放大。

  例如,配置一个2尝试:

  ohos:scale_x =“ 2”

  ohos:scale_y =“ 2”

  3.3.3切割给定的图片太大,它超过了我们的图像设置的大小,我该怎么办?

  目前,我们可以使用剪裁,切割以下参数,只需演示一个即可!

  clip_alignment图像切割方法左表示左侧是切割的。ohos:clip_alignment =“左”右手右手切割。:clip_alignment =“ top”底部意味着根据底部切割对齐。ohos:clip_alignment =“ bottom”中心表示根据living.ohos:clip_alignment =“中心”的对齐方式,我们首先设置图像组件以设置较小的图像组件,以便我们可以看到切割的效果。

  3.3.4当图片的大小与图像组件的大小不同时,我们可以从缩放形式适应。

  例如,我们此时设置的图像组件的大小和高度为200VP,但是图片一定不能如此之大,因此我们可以考虑放大图片并将图片放大到图像组件的大小。

  我们使用拉伸将原始地图缩小到与图像大小相同的大小。

  ohos:scale_mode =“拉伸”

  图像组件非常简单,只需尝试更多!