百度360必应搜狗淘宝本站头条
vba高级教程svn连接scheduledtaskmybatis plus结构体数组
当前位置：网站首页 > 编程网 > 正文

零基础学鸿蒙编程-UI控件_Image 鸿蒙 ui框架

yuyutoo 2024-10-21 12:07 1 浏览 0 评论

什么是Image

Image是用于显示图片的UI控件.

基础样例

1.展示本地图片

效果图

代码

<Image
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:scale_mode="clip_center"
        ohos:image_src="$media:beauty"/>

图片文件放在resources/base/media下

2.展示网络图片

效果图

代码

使用第三方开源库Glide加载网络图片

Image image = (Image) findComponentById(ResourceTable.Id_image);
Uri uri =Uri.parse("https://c-ssl.duitang.com/uploads/blog/202105/21/20210521205533_613b9.jpg");
Glide.with(getContext()).load(uri).into(image);

完整代码:

  • build.gradle中添加依赖
implementation 'io.openharmony.tpc.thirdlib:glide:1.1.2'
  • 完整加载图片代码
public class MainAbilitySlice extends AbilitySlice {
    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_main_net);
        Image image = (Image) findComponentById(ResourceTable.Id_image);
        Uri uri =Uri.parse("https://c-ssl.duitang.com/uploads/blog/202105/21/20210521205533_613b9.jpg");
        Glide.with(getContext()).load(uri).into(image);
    }
}

基础样例完整源代码

https://gitee.com/hspbc/harmonyos_demos/tree/master/imageDemo

常用属性说明

属性名

用途

ohos:width

设置控件宽度,可设置为:match_parent(和父控件一样),match_content(按照内容自动伸缩),设置固定值(如200vp)

ohos:height

设置控件高度,可设置为:match_parent(和父控件一样),match_content(按照内容自动伸缩),设置固定值(如200vp)

ohos:layout_alignment

在父控件内对齐方式,可选值：left：居左；start：居左；center：居中；right：居右；end：居右；top：居上；bottom：居下；horizontal_center：水平居中；vertical_center：垂直居中

ohos:background_element

设置背景,可以是色值(如#FF0000)或图片等

ohos:visibility

可选值: visible(显示), invisible(隐藏,但是仍占据UI空间),hide(隐藏,且不占UI空间)

ohos:image_src

设置图片，样例：ohos:image_src="$media:icon"

ohos:scale_mode

设置图片缩放模式，可选值：zoom_center：居中缩放展示；zoom_start：居上缩放展示；zoom_end：居下缩放展示；center：居中展示(不缩放)；clip_center：居中裁剪；inside：左右拉伸铺满屏幕；stretch：上下拉伸铺满屏幕；

更多属性及实际效果,可以在开发工具里自行体验.

相关推荐

mysql数据库如何快速获得库中无主键的表

概述总结一下MySQL数据库查看无主键表的一些sql,一起来看看吧~1、查看表主键信息--查看表主键信息SELECTt.TABLE_NAME,t.CONSTRAINT_TYPE,c.C...

一文读懂MySQL的架构设计

MySQL是一种流行的开源关系型数据库管理系统，它由四个主要组件构成:协议接入层...

MySQL中的存储过程和函数

原文地址：https://dwz.cn/6Ysx1KXs作者：best.lei存储过程和函数简单的说，存储过程就是一条或者多条SQL语句的集合。可以视为批文件，但是其作用不仅仅局限于批处理。本文主要介...

创建数据表:MySQL 中的 CREATE 命令深入探讨

数据库是企业日常运营和业务发展的不可缺少的基石。MySQL是一款优秀的关系型数据库管理系统，它支持数据的插入、修改、查询和删除操作。在数据库中，表是一个关系数据库中用于保存数据的容器，它由表定义、表...

SQL优化——IN和EXISTS谁的效率更高

IN和EXISTS被频繁使用在SQL中，虽然作用是一样的，但是在使用效率谁更高这点上众说纷纭。下面我们就通过一组测试来看，在不同场景下，使用哪个效率更高。...

在MySQL中创建新的数据库，可以使用命令，也可以通过MySQL工作台

摘要：在本教程中，你将学习如何使用MySQLCREATEDATABASE语句在MySQL数据库服务器上创建新数据库。MySQLCREATEDATABASE语句简介...

SQL查找是否&quot;存在&quot;，别再用count了

根据某一条件从数据库表中查询『有』与『没有』，只有两种状态，那为什么在写SQL的时候，还要SELECTCOUNT(*)呢?无论是刚入道的程序员新星，还是精湛沙场多年的程序员老白，都是一如既往...

解决Mysql数据库提示innodb表不存在的问题

发现mysql的error.log里面有报错：>InnoDB:Error:Table"mysql"."innodb_table_stats"notfo...

Mysql实战总结&amp;面试20问

1、MySQL索引使用注意事项1.1、索引哪些情况会失效查询条件包含or，可能导致索引失效如果字段类型是字符串，where时一定用引号括起来，否则索引失效...

MySQL创建数据表

数据库有了后，就可以在库里面建各种数据表了。创建数据表的过程是规定数据列的属性的过程，同时也是实施数据完整性（包括实体完整性、引用完整性和域完整性）约束的过程。后面也是通过SQL语句和Navicat...

MySQL数据库之死锁与解决方案

一、表的死锁产生原因:...

MySQL创建数据库

我的重点还是放在数据表的操作，但第一篇还是先介绍一下数据表的容器数据库的一些操作。主要涉及数据库的创建、修改、删除和查看，下面演示一下用SQL语句创建和用图形工具创建。后面主要使用的工具是Navica...

MySQL中创建触发器需要执行哪些操作?

什么是触发器触发器，就是一种特殊的存储过程。触发器和存储过程一样是一个能够完成特定功能、存储在数据库服务器上的SQL片段，但是触发器无需调用，当对数据库表中的数据执行DML操作时自动触发这个SQL片段...

《MySQL 入门教程》第 17 篇 MySQL 变量

原文地址：https://blog.csdn.net/horses/article/details/107736801原文作者：不剪发的Tony老师来源平台：CSDN变量是一个拥有名字的对象，可以用于...

关于如何在MySQL中创建表，看这篇文章就差不多了

数据库技术是现代科技领域中至关重要的一部分，而MySQL作为最流行的关系型数据库管理系统之一，在数据存储和管理方面扮演着重要角色。本文将深入探讨MySQL中CREATETABLE语句的应用，以及如何...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表