首页 > 其他分享 >ARKUI控件属性及使用

ARKUI控件属性及使用

时间:2024-08-17 20:52:06浏览次数:14  
标签:控件 读取 Resource 属性 Image 设置 宽高比 ARKUI 图片

Text

textOverflow,设置文本超出时的处理
请添加图片描述
decoration设置自定义属性
请添加图片描述
textCase设置文本字母大小写输出
请添加图片描述
也可以添加onclick事件

Image控件

Image(scr:string|PixelMap|Resource)

1.本地资源:创建文件夹,将本地图片放入ets文件夹下的任意位置
Image(“images/maniu.jpg”)
2.网络资源:使用网络图片时,需要申请权限ohos.permission.INTERNET
Image(“https://www-file.huawei.com/logo_400.png”)
3.Resource资源:通过 r 资源接口读取到 r e s o u r c e 目录,并转到 R e s o u r c e 格式 I m a g e ( r资源接口读取到resource目录,并转到Resource格式 Image( r资源接口读取到resource目录,并转到Resource格式Image(r(‘app.media.icon’))

如果只设置一个width属性,那么高度会以原来的宽高比来进行调整

objectFit:设置图片的填充效果
{cover:保持宽高比进行缩小或者放大,使得图片两边都大于或等于边界
Contain:保持宽高比进行缩小或者放大,使得图片完全显示在边界内
Auto:自适应显示
Fill:不保持宽高比进行放大缩小,使得图片充满显示边界
ScaleDown:保持宽高比显示,图片缩小或者保持不变
None:保持原有尺寸显示}

objectRepeat:设置图片的重复样式,从中心点向两边重复,剩余空间不足放下一张图片时会截断

标签:控件,读取,Resource,属性,Image,设置,宽高比,ARKUI,图片
From: https://blog.csdn.net/qq_36197716/article/details/141187837

相关文章

  • 010、Vue3+TypeScript基础,通过toRefs和toRef把对象的属性变成响应式引用
    1、App.vue代码如下:<template><divclass="app"><h1>好好学习,天天向上</h1><Person/></div></template><script>//JS或TSimportPersonfrom'./view/Person.vue'exportdefault{//A......
  • 【vue讲解:vue3介绍、setup、ref、reactive、监听属性、生命周期、toRef、setup写法】
    1vue3介绍#Vue3的变化 -vue3完全兼容vue2---》但是vue3不建议用vue2的写法 -拥抱TypeScript -之前咱们用的JavaScript---》ts完全兼容js-组合式API和配置项API vue2是配置项apivue3组合式api#vue4必须要用2vue3项目......
  • WPF控件结构与Content理解
    WPF控件结构WPF中控件继承图我们平时所用的容器如Grid、StackPanel等都是继承Panel控件类型分为3组:内容控件、Items控件、TextBoxBase如何理解Content?凡是继承ContentControl的控件,定义内容为Content,除了TextBlock用text以外,大部分都是用Content设置显示类容。一个窗......
  • 界面控件DevExpress即将推出全新AI功能,WinForms & Blazor组件可用!
    DevExpress拥有.NET开发需要的所有平台控件,包含600多个UI控件、报表平台、DevExpressDashboardeXpressApp框架、适用于VisualStudio的CodeRush等一系列辅助工具。屡获大奖的软件开发平台DevExpress近期重要版本v24.1已正式发布,该版本拥有众多新产品和数十个具有高影响力......
  • 【C#】【语法】类的成员变量(字段)和属性
    1.成员变量(字段)定义:成员变量(通常简称为字段)是类中直接声明的数据成员,用于存储对象的状态。访问修饰符:字段可以用访问修饰符(如public、private、protected等)来控制其访问级别,但通常将字段声明为private,以遵循封装的原则。语法:字段的声明通常是直接的,没有任何附加的逻辑。示例......
  • LinerLayout布局|RecyclerView覆盖其它控件
    已解决,高度设置odp,按权重分配位置 <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical&quo......
  • 滚动条属性overflow
    overflow:visible;-内容超出容器边界,无滚动条。overflow:hidden;-内容被截断,不显示超出部分,无滚动条。overflow:scroll;-内容超出容器,显示滚动条,无论是否需要滚动。overflow:auto;-内容超出容器时,自动出现滚动条。overflow-x和overflow-y;-分别用于控制水平方向和垂......
  • pdf文件改时间有哪些方法?手把手教你6个修改PDF时间属性的方法
    在数字化办公日益普及的今天,PDF(PortableDocumentFormat)文件因其跨平台兼容性和内容不易被篡改的特性,成为了文档传输和分享的首选格式。然而,在某些情况下,我们可能需要修改PDF文件的属性,比如作者名、标题、主题、关键词等元数据,或是调整文件的安全设置。本文将详细介绍如何修改......
  • 界面控件DevExpress .NET MAUI v24.1 - 发布TreeView等新组件
    DevExpress拥有.NET开发需要的所有平台控件,包含600多个UI控件、报表平台、DevExpressDashboardeXpressApp框架、适用于VisualStudio的CodeRush等一系列辅助工具。屡获大奖的软件开发平台DevExpress今年第一个重要版本v23.1正式发布,该版本拥有众多新产品和数十个具有高影响力......
  • 注解给指定属性开启反射accessible
    要实现在属性上使用注解,并通过AOP给该属性的set方法设置setAccessible(true),可以通过以下步骤进行:定义注解:首先定义一个注解,用于标记需要通过反射访问的属性。importjava.lang.annotation.ElementType;importjava.lang.annotation.Retention;importjava.lang.annotation.......