Java之父詹姆斯·高斯林 (James Gosling)学鸿蒙(HarmonyOS),HarmonyOS ...

打印 上一主题 下一主题

主题 760|帖子 760|积分 2280

我们在使用Image组件的时候,只需要事先搞懂它的属性,使用起来就很方便了(官方指定的全部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_src
图像
Element范例
可直接设置色值,也可引用color资源或引用media/graphic下的图片资源。
ohos:image_src="#FFFFFFFF"
ohos:image_src="$color:black"
ohos:image_src="$media:warning"
ohos:image_src="$graphic:graphic_src"
scale_mode
图像缩放范例
zoom_center
表示原图按照比例缩放到与Image最窄边同等,并居中显示。
ohos:scale_mode="center"
zoom_start
表示原图按照比例缩放到与Image最窄边同等,并靠起始端显示。
zoom_end
表示原图按照比例缩放到与Image最窄边同等,并靠竣事端显示。
stretch
表示将原图缩放到与Image大小同等。
center
表示不缩放,按Image大小显示原图中间部门。
inside
表示将原图按比例缩放到与Image相同或更小的尺寸,并居中显示。
clip_center
表示将原图按比例缩放到与Image相同或更大的尺寸,并居中显示。
3、使用

3.1 上传资源

在使用Image组件之前,需要知道HarmonyOS的应用程序布局中,图片资源的存放位置。 我们创建一个项目之后,打开项目标entry > src > main > resources > base > media目录,这个下面会有一张默认的icon.png图片。这里就是图片指定存放位置了。

我们接下来使用Java之父(詹姆斯·高斯林 (James Gosling)),来做测试,保佑各人都成为Java之母,哈哈哈哈哈!!!

将图片放置到entry > src > main > resources > base > media即可!

3.2 代码中使用

HarmonyOS的Java语义开发中,组件可以通过XML设置和Java代码直接构建,这里两种方式都演示一下。
3.2.1 XML创建Image
在src -> main -> resources -> base -> layout -> ability_main.xml中实现如下代码:
<?xml version="1.0" encoding="utf-8"?> <DirectionalLayout
xmlnshos=“http://schemas.huawei.com/res/ohos”
ohos:height=“match_parent”
ohos:width=“match_parent”
ohos:alignment=“center”
ohosrientation=“vertical”>
  <Image
ohos:id=“$+id:imageComponent”
ohos:height=“200vp”
ohos:width=“200vp”
ohos:image_src=“$media:JamesGosling”
/>
启动应用程序看下效果,我们来瞅瞅Java之父(嗯嗯嗯,有点小呀!!)

3.2.2 Java代码创建Image
解释掉XML中设置的Image,我们改用Java代码实现。 在com.liziba.image.slice.MainAbilitySlice类的onStart方法中,创建Image代码如下:
package com.liziba.image.slice;
import com.liziba.image.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.DirectionalLayout;
import ohos.agp.components.Image;
public class MainAbilitySlice extends AbilitySlice {
@Override
public void onStart(Intent intent) {
super.onStart(intent);
//创建一个Image组件
Image image = new Image(getContext());
image.setPixelMap(ResourceTable.Media_JamesGosling);
image.setHeight(500);
image.setWidth(500);
image.setScaleMode(Image.ScaleMode.STRETCH);
//创建一个布局
DirectionalLayout layout = new DirectionalLayout(getContext());
//Image组件添加到DirectionalLayout布局中
layout.addComponent(image);
super.setUIContent(layout);
}
@Override
public void onActive() {
super.onActive();
}
@Override
public void onForeground(Intent intent) {
super.onForeground(intent);
}
}
这里做了一个简单的缩放,将原图缩放到与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,可以不设置:
自我先容一下,小编13年上海交大结业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数Java工程师,想要提拔技能,往往是本身摸索发展或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。本身不成体系的自学效果低效又漫长,而且极易遇到天花板技能停滞不前!
因此网络整理了一份《2024年Java开发全套学习资料》,初衷也很简单,就是希望可以或许帮助到想自学提拔又不知道该从何学起的朋友,同时减轻各人的负担。



既有适合小白学习的零基础资料,也有适合3年以上履历的小伙伴深入学习提拔的进阶课程,基本涵盖了95%以上Java开发知识点,真正体系化!
由于文件比力大,这里只是将部门目录截图出来,每个节点里面都包罗大厂面经、学习笔记、源码课本、实战项目、解说视频,而且会连续更新!
假如你觉得这些内容对你有帮助,可以扫码获取!!(备注Java获取)
最后

看完美团、字节、腾讯这三家的面试问题,是不是感觉问的特别多,可能咱们又得开启面试造火箭、工作拧螺丝的模式去预备下一次的面试了。
开篇有提及我可是足足背下了1000道题目,多少还是有点用的呢,我看了下,上面这些问题大部门都能从我背的题里找到的,所以今天给各人分享一下互联网工程师必备的面试1000题
   注意不论是我说的互联网面试1000题,还是后面提及的算法与数据布局、计划模式以及更多的Java学习笔记等,皆可分享给各位朋友
  

互联网工程师必备的面试1000题
而且从上面三家来看,算法与数据布局是必备不可少的呀,因此我建议各人可以去刷刷这本左程云大佬著作的《程序员代码面试指南 IT名企算法与数据布局题目最优解》,里面近200道真实出现过的经典代码面试题

《一线大厂Java面试题解析+核心总结学习笔记+最新解说视频+实战项目源码》点击传送门即可获取!
式以及更多的Java学习笔记等,皆可分享给各位朋友
[外链图片转存中…(img-FkwuwPNT-1711984475805)]
互联网工程师必备的面试1000题
而且从上面三家来看,算法与数据布局是必备不可少的呀,因此我建议各人可以去刷刷这本左程云大佬著作的《程序员代码面试指南 IT名企算法与数据布局题目最优解》,里面近200道真实出现过的经典代码面试题
[外链图片转存中…(img-0MYVQX79-1711984475805)]
《一线大厂Java面试题解析+核心总结学习笔记+最新解说视频+实战项目源码》点击传送门即可获取!

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

梦见你的名字

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表