首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

HarmonyOS实战—Text组件宽高三种的写法和颜色属性

文本组件(Text) 概述: 文本(Text)是用来显示字符串的组件,在界面上显示为一块文本区域。仅仅作为展示数据使用,用户不能在App中修改文本组件中的内容。...宽高三种的写法 2.1 宽高为:match_content [在这里插入图片描述] 2.2 宽高为:match_parent,铺满整个父元素 [在这里插入图片描述] 2.3 宽高为:具体的 具体的...但是近似在使用或展示的时候影响并不是很大。...给这三种颜色设置不同的越大表示当前的颜色越浓,越小,表示当前的颜色越淡 如果红色的设置为:43,蓝色:123,绿色:194,那么就可以这样理解了,用43份红色颜料跟123份绿色颜料、194份蓝色颜料...相较于前面的褐色就稍微淡了点 [在这里插入图片描述] 扩展:写三原色的时候是可以省略的,条件就是:当三组颜色中的两个是一样的,如:#1188DD,11、88、DD都是一样的,就可以写成: [在这里插入图片描述

1.7K50

tkinter -- Text (2)

使用 tag 来指定文本的属性 创建一个指定背景颜色的 TAG 代码: import tkinter as tk root = tk.Tk() t = tk.Text(root) # 创建一个 TAG,...结果是文本颜色改变为红色了 同时使用两个文本指定同一个属性 没有特别设置的话,最后创建的那个会覆盖掉其它所有的设置 代码: import tkinter as tk root = tk.Tk() t = tk.Text...先向 Text 中添加了10行文本,创建一 tag,将第2行第6个至第二行行尾使用此 tag 使用自定义 mark 对文本块添加 tag 代码: import tkinter as tk root = ...tk.Tk() t = tk.Text(root) # 创建一个 TAG,其前景色为蓝色 t.tag_config('b', foreground='blue') # 使用 tag_lower 来降低...先向 Text 中添加了10行文本,创建两个 mark('ab'和'cd'),将使用这两个 tag 指定文本的文本块使用此 tag 使用 indexes 获得 Text 中的内容 分别使用内置的 indexes

63330

tkinter -- Text(1)

创建第一个 Text 代码: import tkinter as tk root = tk.Tk() t = tk.Text(root) t.pack() root.mainloop() 效果: ?...root 中含有一 Text 控件,可以在这个控件内输入文本,可以使用 Ctrl+C/V 向 Text 内添加剪切板上的内容(文本),不接受 Ctrl+Z 执行操作 向 Text 中添加文本 代码: import... tkinter as tk root = tk.Tk() t = tk.Text(root) # 向第一行,第一列添加文本0123456789 t.insert(1.0, '0123456789')...insert 的第一个参数为索引;第二个为添加的内容 使用 \n来换行 代码: import tkinter as tk root = tk.Tk() t = tk.Text(root) # 向第一行...SEL_LAST:选中文本域的最后一个字符,如果没有选中区域则会引发 异常 代码: import tkinter as tk root = tk.Tk() t = tk.Text(root) # 向Text

57031

Vue - 插表达式、v-text、v-html的基本使用

基本使用方式 插表达式 {{ msg }} v-text v-html 区别1:插表达式存在网络延迟问题...区别2:插表达式可以增加其他字符串内容,v-text、v-html只能根据data设置的内容渲染元素。...从上面的示例可以看到插表达式、v-text、v-html都可以渲染数据,那么为什么需要提供三种方式呢?...可以看到只有插表达式显示html元素内增加的字符串。v-text和v-html都会将html元素内的信息进行覆盖。 所以,如果当需要写一定字符串显示,这时候就应该使用插表达式了。...区别3:插表单式和v-text都会转义,v-html则可以渲染html元素 ? 将需要渲染的信息设置为h1标签,下面来看看渲染的效果,如下: ?

2.5K20

文字描边-webkit-text-stroke和text-shadow

一、-webkit-text-stroke属性 用caniuse查看text-stroke兼容性的时候,发现了一件令我震惊的事情,最新版的Firefox以及Edge已经支持text-stroke描边属性了...CSS属性合体:text-stroke-width和text-stroke-color,也就是描边的宽度和描边的颜色,和border不同,对于text-stroke属性,我们无法指定描边的类型,只能是实线描边...-webkit-text-stroke-color: red; } 另外,和border属性还有一个不同之处是宽度的默认不一样。...border-width的默认是medium,最终表现等同于设置3px,但是text-stroke-width的默认确是0,这就意味着,当我们使用text-stroke属性的时候,描边宽度是必不可少的...四、-webkit-text-stroke与多重描边效果 text-shadow属性可以不断累加,但是text-stroke属性却不行,如果想要实现多重描边效果,可以借助伪元素多层叠加模拟。

3K21
领券