Compose学习-> Text()
创始人
2024-03-03 11:18:40

设置文本:text = xxx

  1. 直接设置
    Text(text = "我是一个Text")
  2. 引用资源文件:stringResource
    Text(text = stringResource(id = R.string.string_text))
    dd2722813bc91784608da58a3770a6fa.jpeg

设置字体颜色:color = xxx

  1. 引用系统自带的颜色
    Text(text = "我是一个Text", color = Color.Red)
  2. 引用自定义颜色
    Text(text = "我是一个Text", color = colorResource(id = R.color.black))
  3. 使用rgb
    Text(text = "设置rgb颜色", color = Color(255,0,0))
  4. 使用16进制
    Text(text = "16进制", color = Color(0xFFFF8000))
    07be95b5d7c929ff9bf973aa2ddb8d19.jpeg

设置padding+margin

  1. 设置padding
    通过Modifier.padding 必须要在 Modifier.background(Color.Red)之后设置
    Text(text = "设置padding",
    color = Color.White,
    modifier = Modifier.background(Color.Red)
    .padding(10.dp)
    )
  2. 设置margin 必须设置在Modifier.background(Color.Red)之前设置
    Text(text = "设置margin",
    color = Color.White,
    modifier = Modifier.padding(5.dp)
    .background(Color.Red)
    )
  3. 二合一
    Text(text = "二合一",
    color = Color.White,
    modifier = Modifier.padding(5.dp)
    .background(Color.Red)
    .padding(10.dp)
    )
    79b06bd7f1cfdaf0441675f9504c2dc3.jpeg

     

其他属性:

fontSize -> 设置字体大小 

Text(text = "fontSize",fontSize = 25.sp)


fontStyle-> 设置字体样式 

Text(text = "Normal", fontStyle = FontStyle.Normal)

->FontStyle.Invalid 默认 跟Normal 没什么区别

->FontStyle.Normal 直立的

->FontStyle.Italic 倾斜

fontWeight->设置字体权重,值越大字体就越粗 

Text(text = "FontWeight", fontWeight = FontWeight(50))

fontFamily->字体系列 

Text(text = "FontFamily", fontFamily = FontFamily.Monospace)

letterSpacing->设置字体间距 

Text(text = "letterSpacing", letterSpacing = 10.sp)

textDecoration-> 字体装饰,下划线、删除线等等

Text(text = "textDecoration", textDecoration = TextDecoration.Underline)

->TextDecoration.None 无

->TextDecoration.LineThrough 删除线

->TextDecoration.Underline 下划线

 ->TextDecoration.combine(listOf(xxx,xxx))) //多种装饰

textAlign-> 字体对齐方式

Text(text = "textAlign", textAlign = TextAlign.Left)

->TextAlign.Left 向左对齐

->TextAlign.Right 向右对齐

->TextAlign.Center 居中对齐

->TextAlign.Left 向左对齐

->TextAlign.Start 容器开始边缘对齐(默认同 Left )

->TextAlign.End 容器结尾边缘对齐(默认同 Right )

->TextAlign.Justify 两端拉伸对齐

overflow->内容超过容器时,显示样式

Text(text = "overflowoverflowoverflowoverflowoverflow",
modifier = Modifier
.width(200.dp)
.background(Color.Blue),
maxLines = 1,
overflow = TextOverflow.Visible)

->TextOverflow.Clip 把超出部分 裁减掉 并且末尾没有任何表示

->TextOverflow.Ellipsis 把超出部分 裁减掉 末尾用 ··· 表示

->TextOverflow.Visible  文本全部显示(没看懂什么意思

softWrap->  文本是否在该换行时,自动换行。默认true,设置为false时,文本将不会自动换行

lineHeight-> 行间距

maxLines->最大显示行数

onTextLayout->文本计算完毕回调

TextLayoutResult->保存文本布局结果数据类

-firstBaseline:从顶部到第一行的字母基线的距离。

-lastBaseline:从顶部到最后一行的字母基线的距离。

-didOverflowHeight:如果文本太高且无法适应给定高度,则返回true。  

-didOverflowWidth:如果文本太宽且无法适应给定宽度,则返回true。

-hasVisualOverflow:如果发生垂直溢出或水平溢出,则返回true。   

-lineCount:返回布局行数。

这里没写完,可以自己看看源码。

相关内容

热门资讯

埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...
应用未安装解决办法 平板应用未... ---IT小技术,每天Get一个小技能!一、前言描述苹果IPad2居然不能安装怎么办?与此IPad不...
猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗?塑料袋放久了会长猫哦!要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
脚上的穴位图 脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用,包括头部穴位图、胸部穴位图、背部穴位图、胳...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
demo什么意思 demo版本... 618快到了,各位的小金库大概也在准备开闸放水了吧。没有小金库的,也该向老婆撒娇卖萌服个软了,一切只...
埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...