鸿蒙开发之ArkUI 界面篇五

最新推荐文章于 2024-10-10 14:45:47 发布

codes23457789

最新推荐文章于 2024-10-10 14:45:47 发布

阅读量204

点赞数 3

文章标签：鸿蒙 Image组件 HarmonyOS Image 鸿蒙Image加载图片方式鸿蒙加载网路图片鸿蒙加载本地图片鸿蒙 media目录 ArkTS图片显示

本文链接：https://blog.csdn.net/renfujiang/article/details/142316990

版权

Image 图片组件，用专门用于显示图片
语法：Image(图片源)，这里可以是网络、也可以是本地的图片

例如：Image('https://wxls-cms.oss-cn-hangzhou.aliyuncs.com/online/2024-04-18/218da022-f4bf-456a-99af-5cb8e157f7b8.jpg')效果如下：

这里不需要添加什么网络访问权限，直接一个有效的网络图片地址就行

本地图片本地的图片要放在src/main/resources/base/media 下面，项目中如图所示：

语法格式是：

Image($r('app.media.文件名'))

Image($r('app.media.app_icon')) .width(40).height(40)

加载应用icon，并指定宽高为40，显示如图：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

codes23457789

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

ArkUI组件--image组件

qq_53312564的博客

12-02

502

①string格式，常用来加载网络图片，填写网址。（手机端需要申请网络访问权限：ohos.permission.INTERNET）②PIxelMap格式，可以加载像素图，常在图片中编辑（使用较为繁琐）③Recource格式，加载本地图片（推荐使用）上述是使用两个文件夹下图片源的命令说明。

鸿蒙开发之ArkUI 界面篇六

renfujiang的专栏

09-17

304

只需要两个TextInput 和一个Button就可以了，button默认就是胶囊形状的，“请输入用户名”和“请old，加上。细心的你，估计发现垂直方向上的需要点距离，Android上通常是marginTop，鸿蒙的实现方法就方便很多，只需要。placeholder:'请输入用户名'placeholder:'请输入用户名'placeholder:'请输入密码'placeholder:'请输入密码'Button("登录")Button("登录")

参与评论您还未登录，请先登录后发表或查看评论

鸿蒙开发之ArkUI 界面篇二

renfujiang的专栏

09-17

267

组件”分为基础“组件”和“容器组件”，基础“组件”像Image、Text、Button，“容器组件”像Row、首先垂直方向，是两行，也就是Colum容器来布局，水平方向是。第二行有四个Text，Row来布局。鸿蒙App开发使用的是ArkUI(方舟开发框架)，构建页面最小的单位是“组件”Column，布局的思路，先有大框架、排版，然后再布局具体内容。组件名字(参数).属性。

鸿蒙开发之ArkUI 界面篇二十八 ForEach

renfujiang的专栏

10-10

155

鸿蒙遍历数组

鸿蒙开发之ArkUI 界面篇三

renfujiang的专栏

09-17

376

Column 默认的字组件是剧中的，fontWeight当使用数值时，是100到900，默认400，通用700，常用的属性方法有：width(宽)、height(高)、backgroundColor(北京颜色)、fontSize(字体大小)、

鸿蒙开发之ArkUI 界面篇十一美化篇组件圆角

renfujiang的专栏

09-18

231

borderRadius可以用于所有的组件例如Text、Button和所有的容器。

鸿蒙开发之ArkUI 界面篇八 svg图标的使用

renfujiang的专栏

09-18

362

Image($r('app.media.app_icon')).height(60)，调整宽高也是通过width或者是height来调整，华为提供的图标库地址。一般都是设计师提供，或者是网上找，或者是自己提供，放在media目录下，和加载png图片的方式一样，.width(100).fillColor(Color.Pink)，这句话在原来的基础上加了。如果是png或者是jpeg或者是其他格式的是不能改颜色的，这大大增加了灵活性。svg是矢量图，而且这种矢量图，任意放大不失真，可以修改颜色。

鸿蒙开发之ArkUI 界面篇四

renfujiang的专栏

09-17

294

Text("男频男频男频男频男频男频男频男频男频男频男频男频男频男频男频男频男频男频男频男频男频").textOverflow({lineHeight行高这个属性感觉十分鸡肋不好控制最好不要用。尤其注意，单独的这个设置没有效果，需要和。文字溢出处理、省略号、文字太长的处理用。maxLines一起使用才有效果。

鸿蒙开发之ArkUI 界面篇二十 position绝对定位及层级zIndex

renfujiang的专栏

10-08

244

Text('学习选择1').fontSize(30).fontWeight(777).padding(15).width('100%')Text('学习选择2').fontSize(30).fontWeight(777).padding(15).width('100%')Text('学习选择3').fontSize(30).fontWeight(777).padding(15).width('100%')

鸿蒙开发之ArkUI 界面篇十八京东app登录界面实现

renfujiang的专栏

10-06

783

Column，区域1使用的是子容器Row，左边是Image，右边是Text，区域2是Image，区域3第一感觉是Button，Button的话文字间距只能是空格隔开，这适配就出问题了，实现是子容器Row+背景圆角，左边是Text，最右边是Row+Text+Image，区域4是TextInput，区域5是Row+Checkbox+Text+Span，区域6是Button，区域7是Row+3个Text，取悦8是Text，区域9是Row+4个Image，取悦8和9之间使用了弹性控件。

基于鸿蒙3.0的ArkUI开发的仿微信界面源码.zip

05-17

在鸿蒙操作系统（HarmonyOS）3.0版本中，ArkUI是一个重要的开发框架，用于构建用户界面。这个"基于鸿蒙3.0的ArkUI开发的仿微信界面源码.zip"提供了使用eTS（Extended TypeScript）语言进行开发的源代码，旨在模仿...

鸿蒙ArkUI跨平台应用开发

01-11

ArkUI 是 HarmonyOS 的 UI 开发框架，旨在实现跨平台、跨设备的无缝体验。 ArkUI 的架构设计考虑了跨平台，代码架构解耦，方便移植到不同平台。 ArkUI 采用声明式编程模型，提高开发者工作效率，确保在不同设备上的...

鸿蒙HarmonyOS实战-ArkUI组件（页面路由）_arkui 怎么实现页面跳转(3)

2401_84181070的博客

04-21

1120

/ 弹出自定义的询问框message: ‘您还没有完成支付，确定要返回吗？’,buttons: [text: ‘取消’,},text: ‘确认’,// 用户点击了“取消”按钮// 用户点击了“确认”按钮// 调用router.back()方法，返回上一个页面})@Entry@Componentbuild() {Column() {Row(){Row(){})

Java 代码实现了一个简单的文本编辑器-可运行

10-17

Java 代码实现了一个简单的文本编辑器

MATLAB实现基于Attention-LSTM的多特征分类预测（含完整的程序和代码详解）

10-17

内容概要：本文详细介绍了如何使用MATLAB实现基于Attention机制的LSTM模型进行多特征分类预测。主要内容包括程序设计思路、代码实现、模型构建与训练、模型评估及可视化、以及简单的GUI界面设计。模型可以在多个领域应用，如金融数据分析、医疗诊断等。适合人群：对深度学习和分类预测感兴趣的科研人员和开发人员，具备一定的MATLAB和深度学习基础。使用场景及目标：适用于需要处理时间序列数据并进行分类预测的项目。目标是通过Attention-LSTM模型提高分类准确率，同时提供直观的可视化结果和友好的用户界面。其他说明：文中提供了详细的代码实现和注释，读者可以通过实践加深对模型的理解。此外，还讨论了模型优化和未来的研究方向。

基于Flask和SQLAlchemy 的简易仓库管理系统源码(期末课程设计).zip

10-17

基于Flask和SQLAlchemy 的简易仓库管理系统源码(期末课程设计).zip 1.多数小白下载后，在使用过程，可能会遇到些小问题，若自己解决不了，请及时私信描述你的问题，我会第一时间提供帮助，也可以远程指导 2.项目代码完整可靠，谈不上高分、满分(多数为夸大其词），但难度适中，满足一些毕设、课设要求，且属于易上手的优质项目，项目内基本都有说明文档，按照操作即可，遇到困难也可私信交流 3.适用人群：各大计算机相关专业行业的在校学生、高校老师、公司程序员等下载使用 4.特别是那种爱钻研学习的学霸，强烈推荐此项目，可以二次开发提升自己。如果确定自己是学渣，拿来作毕设、课设直接用也无妨，但自己还是尽可能弄懂项目最好！

民航网上订票系统 JAVA毕业设计源码+数据库+论文 Vue.js+SpringBoot+MySQL.zip

鸿蒙开发之ArkUI 界面篇 五

鸿蒙开发之ArkUI 界面篇五