这里做了一个简单的缩放,将原图缩放到与Image大小一致,看下效果(嗯不错,长大了点,哈哈哈!!!):
3.3 属性
由于在实际开发中,XML配置UI的还是多一些,因为方便改动和统一管理,也更加灵活。所以属性这里,都用XML配置来演示啦!!!
3.3.1 透明度
设置透明度为0.2,透明度设置的越小,图片越透明,原图透明度为1。
ohos:alpha=“0.2”
<Image
ohos:id=“$+id:imageComponent”
ohos:height=“200vp”
ohos:width=“200vp”
ohos:image_src=“$media:JamesGosling”
ohos:alpha=“0.2”
/>
3.3.2 缩放系数
当我们给定的图片大小和Image组件设置的大小不一致的时候,我们往往需要通过缩放来实现兼容。(但是为了图片不失真,最后还是少用缩放,图片大小不符合尽量找美工做一张新的图片。)
缩放系数可设置X轴和Y轴方向两个参数,其实就是宽、高
如下是缩放x和y轴都配置0.5的效果
ohos:scale_x=“0.5”
ohos:scale_y=“0.5”
<Image
ohos:id=“$+id:imageComponent”
ohos:height=“200vp”
ohos:width=“200vp”
ohos:image_src=“$media:JamesGosling”
ohos:scale_x=“0.5”
ohos:scale_y=“0.5”
/>
如下是配置为1的效果,默认为1,可以不配置:
ohos:scale_x=“1”
ohos:scale_y=“1”
<Image
ohos:id=“$+id:imageComponent”
ohos:height=“200vp”
ohos:width=“200vp”
ohos:image_src=“$media:JamesGosling”
ohos:scale_x=“1”
ohos:scale_y=“1”
/>
能不能配置为比1大的数呢?当然是可以的,这样会更加配置的缩放参数,进行放大。 比如配置一个2试试:
ohos:scale_x=“2”
ohos:scale_y=“2”
<Image
ohos:id=“$+id:imageComponent”
ohos:height=“200vp”
ohos:width=“200vp”
ohos:image_src=“$media:JamesGosling”
ohos:scale_x=“2”
ohos:scale_y=“2”
/>
3.3.3 裁剪
如果给定的图片太大了,超过了我们的Image设置的大小,那该怎么办呢? 这个时候我们可以使用裁剪,裁剪有下面这些参数,只演示一个吧!
| 属性名称 | 中文描述 | 取值 | 取值说明 | 使用案例 |
| — | — | — | — | — |
| clip_alignment | 图像裁剪对齐方式 | left | 表示按左对齐裁剪。 | ohos:clip_alignment=“left” |
| | | right | 表示按右对齐裁剪。 | ohos:clip_alignment=“right” |
| | | top | 表示按顶部对齐裁剪。 | ohos:clip_alignment=“top” |
| | | bottom | 表示按底部对齐裁剪。 | ohos:clip_alignment=“bottom” |
| | | center | 表示按居中对齐裁剪。 | ohos:clip_alignment=“center” |
我们先将Image组件设置小一点,这样我们能看出裁剪的效果,这里我们采取按左对齐裁剪:
<Image
ohos:id=“$+id:imageComponent”
ohos:height=“50vp”
ohos:width=“50vp”
ohos:image_src=“$media:JamesGosling”
ohos:clip_alignment=“left”
/>
3.3.4 缩放
当图片和Image组件的大小不同的时候,我们可以通过缩放的形式来自行适配。 比如我们此时设置的Image组件大小宽高均为200vp,但是图片的肯定没得这么大,所以我们可以考虑放大图片,让图片放大到Image组件的大小即可。
我们采用stretch,将原图缩放到与Image大小一致。
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数Java工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Java开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Java开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V:vip1024b 备注Java获取(资料价值较高,非无偿)
那么如何才能正确的掌握Redis呢?
为了让大家能够在Redis上能够加深,所以这次给大家准备了一些Redis的学习资料,还有一些大厂的面试题,包括以下这些面试题
-
并发编程面试题汇总
-
JVM面试题汇总
-
Netty常被问到的那些面试题汇总
-
Tomcat面试题整理汇总
-
Mysql面试题汇总
-
Spring源码深度解析
-
Mybatis常见面试题汇总
-
Nginx那些面试题汇总
-
Zookeeper面试题汇总
-
RabbitMQ常见面试题汇总
JVM常频面试:
Mysql面试题汇总(一)
Mysql面试题汇总(二)
Redis常见面试题汇总(300+题)
ybatis常见面试题汇总
-
Nginx那些面试题汇总
-
Zookeeper面试题汇总
-
RabbitMQ常见面试题汇总
JVM常频面试:
[外链图片转存中…(img-kJA0h23h-1711557011148)]
Mysql面试题汇总(一)
[外链图片转存中…(img-fsZAjkmX-1711557011148)]
Mysql面试题汇总(二)
[外链图片转存中…(img-NApL95MR-1711557011149)]
Redis常见面试题汇总(300+题)
[外链图片转存中…(img-J5IJzhTl-1711557011149)]