Label中同时有text和image时,需要compound来控制

程序可以为按钮或 Label 等组件同时指定 text 和 image 两个选项,其中 text 用于指定该组件上的文本;image 用于显示该组件上的图片,当同时指定这两个选项时,通常 image 会覆盖 text。 但在某些时候,程序希望该组件能同时显示文木和图片,此时就需要通过 compound 选项进行控制。

compound 选项支持如下属性值:

None:图片覆盖文字。 LEFT 常量(值为‘left’字符串):图片在左,文本在右。 RIGHT 常量(值为‘right’字符串):图片在右,文本在左。 TOP 常量(值为‘top’字符串): 图片在上,文本在下。 BOTTOM 常量(值为‘bottom’字符串):图片在底,文本在上。 CENTER 常量(值为‘center’字符串):文本在图片上方。

点赞
收藏

评论区

加载中...

相关推荐

【Flutter实战】文本、字体样式

3.3文本及样式3.3.1TextText用于显示简单样式文本,它包含一些控制文本显示样式的一些属性,一个简单的例子如下:dartText("Helloworld",textAlign:TextAlign.left,);Text("HelloworldI'mJack."4,maxLines:1,ove

uni-app入门教程(4)组件的基本使用

@toc前言本文主要介绍了uniapp中的组件,包括四大类:基础组件(scrollview、swiper、text等)、表单组件(button、checkbox、input等)、导航组件navigator和页面传参、媒体组件(audio、image和video等),详细说明了这些组件的常用属性和方法,并进行使用举例和演示。一、基础组件组件是视

【Flutter实战】图片和Icon

3.5图片及ICON3.5.1图片Flutter中,我们可以通过Image组件来加载并显示图片,Image的数据源可以是asset、文件、内存以及网络。ImageProviderImageProvider是一个抽象类,主要定义了图片数据获取的接口load(),从不同的数据源获取图片需要实现不同的ImageProvi

Vue方向:prop验证

我们可以为组件的prop指定验证规则,如果传入的数据不符合要求,Vue会发出警告,这对于开发给他人使用的组件非常有用。要指定验证规则,需要用对象的形式来定义prop,而不能用字符串数组;1、验证父组件传递过来的数据类型props选项值如果为数据,则表示只是单纯的罗列父组件传递过来的数据而已如果props选项的值是一个对象,那么表示要验证接收的

手把手教你使用CSS3为文本和元素实现添加阴影效果

使用CSS3,你可以为文本和元素添加阴影。一、浏览器支持表中的数字指定完全支持该属性的第一个浏览器版本。数字后面的webkit或者moz使用时需要指定前缀。|属性|Chrome|Firefox|Safari|Opera|IE|||||||||text

Unity中利用委托与监听解耦合的思路

这篇随笔是一篇记录性的随笔,记录了从http://www.sikiedu.com/my/course/304,这门课程中学到的内容,附带了一些自己的思考。一.单例模式的应用首先假想一种情况,现在需要有一个按钮和一个Text,当按下按钮时,Text上显示“你好”两个字。一个最常见的方法是在按钮下挂载一个脚本BtnClick,它持有一个Text组件,