text

Flutter Text / Text.rich

千次阅读 2021-02-27 19:54:18

data final String data / The text to display(要显示的文本) Text('final String data / The text to display') ...Text.rich(TextSpan(text: 'final InlineSpan textSpan / The text to..

 
 data 
 final String data / The text to display(要显示的文本) 
 Text('final String data / The text to display') 
  
 
 
  TextSpan 
 final InlineSpan textSpan / The text to display as a [InlineSpan]  
 Text.rich(TextSpan(text: 'final InlineSpan textSpan / The text to display as a [InlineSpan]')) 
  
 
 
  style 
 final bool inherit 
 Text('final String data / The text to display',
          style: TextStyle(inherit: true),
) 
 /// If this is false, properties that don't have explicit values will revert
/// to the defaults: white in color, a font size of 10 pixels, in a sans-serif
/// font face.
如果为false，则没有显式值的属性将还原默认值：白色，字体大小为10像素，无衬线字体。
 
 Text(
          'TextStyle(inherit: true)',
          style: TextStyle(inherit: true),
        ), 
  
 Container(
          color: Colors.blue,
          child: Text(
            'TextStyle(inherit: true)',
            style: TextStyle(inherit: false),
          ),
        ), 
   
 final Color? color (颜色) 
 Text(
          'TextStyle(inherit: true)',
          style: TextStyle(inherit: true,color: Colors.blue),
        ), 
  
 final Color? backgroundColor （背景颜色） 
 Text(
          'TextStyle(inherit: true)',
          style: TextStyle(
              inherit: true, color: Colors.white, backgroundColor: Colors.red),
        ), 
  
 final double? fontSize （字体大小） 
 Text(
          'TextStyle(inherit: true)',
          style: TextStyle(
              inherit: true,
              color: Colors.white,
              backgroundColor: Colors.red,
              fontSize: 22.0),
        ) 
  
 final FontWeight? fontWeight （字体粗细） 
 Text(
          'TextStyle(inherit: true)',
          style: TextStyle(
              inherit: true,
              color: Colors.white,
              backgroundColor: Colors.red,
              fontSize: 22.0,
              fontWeight: FontWeight.bold),
        ) 
  
 Text(
          'TextStyle(inherit: true)',
          style: TextStyle(
              inherit: true,
              color: Colors.white,
              backgroundColor: Colors.red,
              fontSize: 22.0,
              fontWeight: FontWeight.w200),
        ) 
  
 final double? letterSpacing（字体间水平距离、可以是正数也可以是负数） 
 Text(
          'TextStyle(inherit: true)',
          style: TextStyle(
              inherit: true,
              color: Colors.white,
              backgroundColor: Colors.red,
              fontSize: 22.0,
              fontWeight: FontWeight.w200,
              letterSpacing: 10.0),
        ) 
  
  
  
 final double? wordSpacing （用于增大空白的距离） 
 Text(
          'TextStyle(inherit true)',
          style: TextStyle(
              inherit: true,
              color: Colors.white,
              backgroundColor: Colors.red,
              fontSize: 22.0,
              fontWeight: FontWeight.bold,
              wordSpacing: 0.0) 
  
  
 final TextBaseline? textBaseline 
 Text(
          '大GgYy1991',
          style: TextStyle(
              inherit: true,
              color: Colors.white,
              backgroundColor: Colors.red,
              fontSize: 66.0,
              fontWeight: FontWeight.bold,
              textBaseline: TextBaseline.ideographic,
              wordSpacing: 0.0),
        ) 
    
  
 final double? height （行高，字体大小的倍数） 
 Container(
          color: Colors.blue,
          child: Text(
            '大GgYy1991',
            style: TextStyle(
                inherit: true,
                color: Colors.white,
                backgroundColor: Colors.red,
                fontSize: 24.0,
                fontWeight: FontWeight.bold,
                textBaseline: TextBaseline.alphabetic,
                height: 2.0,
                wordSpacing: 0.0),
          ),
        ) 
  
  
  
 final Locale? locale（用于选择用户语言和格式首选项的标识符）
 
 Text(
            '此刻为中文',
            style: TextStyle(
                inherit: true,
                color: Colors.white,
                backgroundColor: Colors.red,
                fontSize: 24.0,
                fontWeight: FontWeight.bold,
                textBaseline: TextBaseline.alphabetic,
                height: 6.0,
                wordSpacing: 0.0),
          ) 
 final Paint? foreground （绘制文本的前景色）
 
 Paint paint=new Paint();
paint..color=Colors.green;

Text('此刻为中文',
            style: TextStyle(
                inherit: true,
                //color: Colors.white,
                backgroundColor: Colors.red,
                fontSize: 24.0,
                foreground: paint,
                wordSpacing: 0.0),
          ) 
  
 Paint paint=new Paint();
    paint..color=Colors.blue; 
  
 final Paint? background（绘制文本的背景色） 
  Paint paintBg=new Paint();
    paintBg..color=Colors.cyan;

Text(
            '此刻为中文',
            style: TextStyle(
                inherit: true,
                //color: Colors.white,
                //backgroundColor: Colors.red,
                fontSize: 24.0,
                foreground: paint,
                background: paintBg,
                wordSpacing: 0.0),
          ) 
  
 final List<ui.Shadow>? shadows 
offset 阴影开始坐标(相对于手机屏幕原点偏移量) ,blurRadius 阴影模糊半径 ,spreadRadius 阴影扩散半径.
 
 TextStyle(
                inherit: true,
                //color: Colors.white,
                //backgroundColor: Colors.red,
                fontSize: 24.0,
                foreground: paint,
                background: paintBg,
                shadows: [
                  BoxShadow(
                      color: Colors.purple,
                      offset: Offset(2.0, 2.0),
                      blurRadius: 1.0,
                      spreadRadius: 1.0)
                ],
                wordSpacing: 0.0), 
  
 final TextDecoration? decoration (文本装饰,例如：下划线)
 
 Text(
            '此刻为中文',
            style: TextStyle(
                inherit: true,
                //color: Colors.white,
                //backgroundColor: Colors.red,
                fontSize: 24.0,
                foreground: paint,
                background: paintBg,
                decoration: TextDecoration.lineThrough,
                wordSpacing: 0.0),
          ) 
  
  
  
 final Color? decorationColor (文本装饰颜色)
 
 Text(
            '此刻为中文',
            style: TextStyle(
                inherit: true,
                //color: Colors.white,
                //backgroundColor: Colors.red,
                fontSize: 24.0,
                foreground: paint,
                background: paintBg,
                decoration: TextDecoration.lineThrough,
                decorationColor: Colors.red,
                wordSpacing: 0.0),
          ) 
  
 final TextDecorationStyle? decorationStyle（文本装饰的样式） 
 Text(
            '此刻为中文',
            style: TextStyle(
                inherit: true,
                //color: Colors.white,
                //backgroundColor: Colors.red,
                fontSize: 24.0,
                foreground: paint,
                background: paintBg,
                decoration: TextDecoration.lineThrough,
                decorationColor: Colors.red,
                decorationStyle: TextDecorationStyle.double,
                wordSpacing: 0.0),
          ) 
  
  
  
  
 final double? decorationThickness （文本装饰画笔的宽度）
 
 Text(
            '此刻为中文',
            style: TextStyle(
                inherit: true,
                //color: Colors.white,
                //backgroundColor: Colors.red,
                fontSize: 44.0,
                foreground: paint,
                background: paintBg,
                decoration: TextDecoration.lineThrough,
                decorationColor: Colors.black,
                decorationStyle: TextDecorationStyle.solid,
                decorationThickness: 6.0,
                wordSpacing: 0.0),
          ) 
  
  
  
 final String? debugLabel （文本样式的描述） 
 
 
 StrutStyle 
 final double? fontSize （字体占用高度）
 
 Container(
        color: Colors.blue,
        child: Text(
          '此刻为中文',
          strutStyle: StrutStyle(fontSize: 14.0),
        ),
      ) 
  
     
 final double? height （和fontSize配合使用）
 
 Container(
        color: Colors.blue,
        child: Text(
          '此刻为中文',
          strutStyle: StrutStyle(fontSize: 44.0,height: 2.0),
        ),
      ) 
  
 
 
 textAlign 
 TextAlign.left 
  Container(
          width: 200.0,
          height: 100.0,
          color: Colors.blue,
          child: Text(
            '此刻为中文',
            textAlign: TextAlign.left,
          ),
        ), 
  
 TextAlign.right 
  Container(
          width: 200.0,
          height: 100.0,
          color: Colors.blue,
          child: Text(
            '此刻为中文',
            textAlign: TextAlign.right,
          ),
        ) 
  
 TextAlign.center 
 Container(
          width: 200.0,
          height: 100.0,
          color: Colors.blue,
          child: Text(
            '此刻为中文',
            textAlign: TextAlign.center,
          ),
        ) 
  
 TextAlign.start 
 Container(
          width: 200.0,
          height: 100.0,
          color: Colors.blue,
          child: Text(
            '此刻为中文',
            textAlign: TextAlign.start,
          ),
        ) 
  
 TextAlign.end 
 Container(
          width: 200.0,
          height: 100.0,
          color: Colors.blue,
          child: Text(
            '此刻为中文',
            textAlign: TextAlign.end,
          ),
        ) 
  
 
 
 textDirection 
 文本方向（从左到右、从右到左） 
  Container(
          width: 200.0,
          height: 100.0,
          color: Colors.blue,
          child: Text(
            '此刻为中文',
            textDirection: TextDirection.ltr,
          ),
        ) 
  
 Container(
          width: 200.0,
          height: 100.0,
          color: Colors.blue,
          child: Text(
            '此刻为中文',
            textDirection: TextDirection.rtl,
          ),
        ) 
  
 
 
 softWrap 
 文本超过边界后是否换行 
 softWrap: false 不换行 
 Container(
          width: 200.0,
          height: 100.0,
          color: Colors.blue,
          child: Text(
            '此刻为中文dddddfdsafdsfdsfdsfdafdsfds',
            textDirection: TextDirection.rtl,
            softWrap: false,
          ),
        ) 
  
 softWrap : true 换行 
 Container(
          width: 200.0,
          height: 100.0,
          color: Colors.blue,
          child: Text(
            '此刻为中文dddddfdsafdsfdsfdsfdafdsfds',
            textDirection: TextDirection.rtl,
            softWrap: true,
          ),
        ) 
  
 
 
 overflow 
 文本超过边界后进行处理，例如：显示成省略号 
 TextOverflow.ellipsis
 
 Container(
          width: 200.0,
          height: 100.0,
          color: Colors.blue,
          child: Text(
            '是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、',
            textDirection: TextDirection.ltr,
            overflow: TextOverflow.ellipsis,
          ),
        ) 
  
 TextOverflow.fade 
 Container(
          width: 200.0,
          height: 100.0,
          color: Colors.blue,
          child: Text(
            '是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、',
            textDirection: TextDirection.ltr,
            overflow: TextOverflow.fade,
          ),
        ), 
  
 TextOverflow.clip 
  Container(
          width: 200.0,
          height: 100.0,
          color: Colors.blue,
          child: Text(
            '是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、',
            textDirection: TextDirection.ltr,
            overflow: TextOverflow.clip,
          ),
        ) 
  
 TextOverflow.visible 
 Container(
          width: 200.0,
          height: 100.0,
          color: Colors.blue,
          child: Text(
            '是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、',
            textDirection: TextDirection.ltr,
            overflow: TextOverflow.visible,
          ),
        ) 
  
 
 
 textScaleFactor  
 字体大小缩放比例 
 Container(
          width: 200.0,
          height: 100.0,
          color: Colors.blue,
          child: Text(
            '是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、',
            textDirection: TextDirection.ltr,
            overflow: TextOverflow.visible,
            textScaleFactor: 0.6,
          ),
        ) 
  
  
  
 
 
 maxLines 
 文本显示成一行 
 Container(
          width: 200.0,
          height: 100.0,
          color: Colors.blue,
          child: Text(
            '是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、',
            textDirection: TextDirection.ltr,
            overflow: TextOverflow.visible,
            textScaleFactor: 1.0,
            maxLines: 1,
          ),
        ) 
  
 
 
 textWidthBasis  
 TextWidthBasis.parent / 多行文字将占据父文本给定的全宽，单行文本仅包含文本所需的最小宽度将被使用。常见用例是：段落
 
 Container(
          //width: 200.0,
          height: 100.0,
          color: Colors.blue,
          child: Text(
            '是否显示成省略号、是否显示成省略号、\n是否显示成省略号、是否显示成省略号、是否显示成省略号、\n是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、',
            textDirection: TextDirection.ltr,
            overflow: TextOverflow.visible,
            textScaleFactor: 1.0,
            textWidthBasis: TextWidthBasis.parent,
          ),
        ) 
  
 Container(
          width: 200.0,
          height: 100.0,
          color: Colors.blue,
          child: Text(
            '是否显示成省略号、是否显示成省略号、\n是否显示成省略号、是否显示成省略号、是否显示成省略号、\n是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、是否显示成省略号、',
            textDirection: TextDirection.ltr,
            overflow: TextOverflow.visible,
            textScaleFactor: 1.0,
            textWidthBasis: TextWidthBasis.parent,
          ),
        ) 
  
 TextWidthBasis.longestLine / 宽度刚好能容纳最长的一行，一个常见的用例是聊天气泡。如果屏幕宽度拉伸能显示全部文本

收起

展开全文

mysql text

2021-01-20 02:14:08

TINYINT SMALLINT 字符串类型对照表 MySQL字符串类型 MySQL INPUT GaussDB A OUTPUT CHAR CHAR[(0)] CHAR[(1)] LONGTEXT LONGTEXT TEXT MEDIUMTEXT MEDIUMTEXT TEXT TEXT TEXT TEXT TINYTEXT MySQL创建表失败报错Row...


 云数据库 MySQL
 云数据库(RDS for MySQL)是稳定可靠、可弹性伸缩的云数据库服务。通过云数据库能够让您几分钟内完成数据库部署。云端完全托管，让您专注于应用程序开发，无需为数据库运维烦恼
 价格低至￥0.24/小时起，买1年83折
 云数据库MySQL
 云数据库(RDS for MySQL)是稳定可靠、可弹性伸缩的云数据库服务。通过云数据库能够让您几分钟内完成数据库部署。云端完全托管，让您专注于应用程序开发，无需为数据库运维烦恼
 支持 GEOMETRY BYTEA 支持 JSON JSON 支持 TINYTEXT TEXT 支持 TEXT TEXT 支持 MEDIUMTEXT TEXT 支持 LONGTEXT TEXT 支持 ENUM VARCHAR 支持 SET VARCHAR 支持 TINYINT SMALLINT
 字符串类型对照表 MySQL字符串类型 MySQL INPUT GaussDB A OUTPUT CHAR CHAR[(0)] CHAR[(1)] LONGTEXT LONGTEXT TEXT MEDIUMTEXT MEDIUMTEXT TEXT TEXT TEXT TEXT TINYTEXT
 MySQL创建表失败报错Row size too large的解决方案 场景描述 MySQL用户创建表失败，出现如下报错信息： Row size too large. The maximum row size for the used table type, not counting
 删除索引 MySQL支持DROP INDEX和ALTER TABLE DROP INDEX两种删除索引的语句。DSC工具迁移时会根据GaussDB的特性进行相应适配。 DROP INDEX 输入示例 CREATE TABLE `test_create_table03` (
 `DEMAND_ID`
 conf”文件，对应信息修改成如下内容： sql_host= localhost #服务器名
 sql_user= root #数据库账户名
 sql_pass= Huawei@123 #数据库密码
 sql_db= test #使用Sphinx库名
 sql_port= 3306
 STATS_SAMPLE_PAGES UNION AUTO_INCREMENT 在数据库应用中，我们经常需要用到自动递增的唯一编号来标识记录。在MySQL中，可通过数据列的auto_increment属性来自动生成。可在建表时可用“auto_increment=n”选项来指定一个自增的初始值。可用“alter
 登录主库执行(备库可以自动复制)，用于保存检查信息的库pt和表checksums。 /usr/local/mysql/bin/mysql -uroot -p123456 -S /data/mysql/run/mysql.sock 1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 BTREE索引 GaussDB A 支持 BTREE索引，但USING BTREE关键字在语句中的位置与MySQL存在差异。DSC工具迁移时会根据GaussDB的特性进行相应适配。 内联BTREE索引 输入示例 CREATE TABLE `public`.`test_create_table03`
 业务库中创建事务表 在原有基础上再创建事务数据库表，sql语句如下： MySql CREATE TABLE dtm_tran_info (
 branch_id bigint(20) NOT NULL,
 global_id bigint(20) NOT NULL,
 -- D. RENAME 重命名表名 MySQL重命名表名的语句与GaussDB A有一些差异。DSC工具迁移时会根据GaussDB的特性进行相应适配。 工具暂不支持原表名附有DATABASE(SCHEMA)的场景。 MySQL通过RENAME TABLE语句修改表名 输入示例
 样例 以HBase导出到sqlserver2014数据库为例。 在sqlserver2014上创建一张空表test_1用于存储HBase数据。执行以下语句： create table test_1 (id int, name text, value text); 通过HBase输入步骤，生成三个字段A、B和C。
 业务库中创建事务表 在原有基础上再创建事务数据库表，sql语句如下： MySql CREATE TABLE dtm_tran_info (
 branch_id bigint(20) NOT NULL,
 global_id bigint(20) NOT NULL,
 tran_info
 163 在MySQL兼容性下暂不支持exec_on_extension和exec_hadoop_sql函数的使用。 21.1 SQL on Oracle 21.2 SQL on Spark 21.3 SQL on other GaussDB SQL on Oracle SQL on Spark
 DEFAULT NULL,
 `SEND_TIME` DATETIME NULL DEFAULT NULL,
 `DEMAND_CONTENT` TEXT NOT NULL,
 PRIMARY KEY(`DEMAND_ID`),
 INDEX CON_INDEX(DEMAND_CONTENT(100))
 唯一索引 GaussDB A 不支持唯一索引(约束)。DSC工具迁移时会根据GaussDB的特性进行相应适配。 MySQL唯一索引(约束)与主键约束联合使用的场景在工具迁移时会与OLAP场景下的分布键构成复杂的关系。工具暂不支持唯一索引(约束)与主键约束联合使用的场景。 内联唯一索引，DSC工具迁移时会将其移除

收起

展开全文

Jetpack Compose——Text(文本)的使用

2021-12-09 15:31:35

Text(text = "hello world", fontSize = 30.sp)//设置字体大小 Text( text = stringResource(id = R.string.hello_world),//设置为资源中的文字 color = colorResource(id = R.color.purple_500)//设置字体颜色 ...

首先来看一些基础的参数： 
        Text(text = "hello world", fontSize = 30.sp)//设置字体大小
        Text(
            text = stringResource(id = R.string.hello_world),//设置为资源中的文字
            color = colorResource(id = R.color.purple_500)//设置字体颜色
        )
        Text(text = "HelloWorld", fontStyle = FontStyle.Italic)//设置文字斜体
        Text(text = "Hello World", fontWeight = FontWeight.Bold)//文字粗体
        Text(
            text = "Hello World",
            textAlign = TextAlign.Center,//文字居中对齐
            modifier = Modifier
                .width(150.dp)//控件总宽度
                .background(color = colorResource(id = R.color.teal_200))//控件背景色

        )
        Text(text = "HelloWorld", fontFamily = FontFamily.Serif)//设置字体样式为Serif 
 
设置Text行数及文字溢出 
        Text("Hello".repeat(50), maxLines = 1)//设置行数上线，超出直接截断
        Text(
            "Hello".repeat(50),
            maxLines = 1,//设置最大行数
            color = colorResource(id = R.color.purple_200),
            overflow = TextOverflow.Ellipsis//文字溢出，文末显示...
        ) 
 
多样式配置Text： 
1,Text中个别文字字体及颜色设置 
         Text(buildAnnotatedString {//设置多样式字体
            withStyle(style = SpanStyle(color = Color.Blue)) {
                append("H")
            }
            append("ello ")
            withStyle(style = SpanStyle(fontWeight = FontWeight.Bold, color = Color.Red)) {
                append("W")
            }
            append("orld")
        }) 
  
 2,Text段落样式显示 
         Text(buildAnnotatedString {//设置段落样式
            withStyle(style = ParagraphStyle(lineHeight = 30.sp)) {
                withStyle(style = SpanStyle(color = Color.Blue)) {
                    append("Hello \n")
                }
                withStyle(style = SpanStyle(fontWeight = FontWeight.Bold, color = Color.Red)) {
                    append("World")
                }
            }
        }) 
 
Text用户精细化互动（长按选择复制） 
        SelectionContainer {//用户精细化互动，可以选择复制
            Text(text = "This text is selectable")
        }
        SelectionContainer {//用户精细化互动，可以部分选择复制
            Column {
                Text("This text is selectable")
                Text("This one too")
                Text("This one as well")
                DisableSelection {//该部分停用选择功能，无法复制
                    Text("But not this one")
                    Text("Neither this one")
                }
                Text("But again, you can select this one")
                Text("And this one too")
            }
        } 
  
 Text字符添加点击响应 
        val annotatedText = buildAnnotatedString {
            append("Click ")
            //设置存放的数据和标签，此处定义的tag要和后面调用的tag保持一致
            pushStringAnnotation(tag = "URL", annotation = "https://baidu.com")
            withStyle(style = SpanStyle(color = Color.Blue, fontWeight = FontWeight.Bold)) {
                append("here")
            }
            append("--------------------->")
            //代表设置标签结束，与pushStringAnnotation结合使用
            pop()
        }
        ClickableText(text = annotatedText, onClick = { offset ->//点击文字的下标
            annotatedText.getStringAnnotations(tag = "URL", start = offset, end = offset)
                //firstOrNull是找List中的第一个对象,找不到则则返回null
                .firstOrNull()?.let { annotation ->
                    Log.d("Click URL", annotation.item)
                }
            Log.d("Click offset", offset.toString())
        }) 
 
 Text修改文字 
        var text by remember { mutableStateOf("Hello") }
        //默认填充样式修改文字
        TextField(value = text, onValueChange = {text = it},label = { Text("Lable")})
        //轮廓样式修改文字
        OutlinedTextField(value = text, onValueChange = {text = it},label = {Text("Lable")}) 
 
到这里基本属性就写完了，下面来个大合集： 
@Composable
fun testText() {
    Column(Modifier.padding(20.dp)) {
        Text(text = "hello world", fontSize = 30.sp)//设置字体大小
        Text(
            text = stringResource(id = R.string.hello_world),//设置为资源中的文字
            color = colorResource(id = R.color.purple_500)//设置字体颜色
        )
        Text(text = "HelloWorld", fontStyle = FontStyle.Italic)//设置文字斜体
        Text(text = "Hello World", fontWeight = FontWeight.Bold)//文字粗体
        Text(
            text = "Hello World",
            textAlign = TextAlign.Center,//文字居中对齐
            modifier = Modifier
                .width(150.dp)//控件总宽度
                .background(color = colorResource(id = R.color.teal_200))//控件背景色

        )
        Text(text = "HelloWorld", fontFamily = FontFamily.Serif)//设置字体样式为Serif
        Text(buildAnnotatedString {//设置多样式字体
            withStyle(style = SpanStyle(color = Color.Blue)) {
                append("H")
            }
            append("ello ")
            withStyle(style = SpanStyle(fontWeight = FontWeight.Bold, color = Color.Red)) {
                append("W")
            }
            append("orld")
        })
        Text(buildAnnotatedString {//设置段落样式
            withStyle(style = ParagraphStyle(lineHeight = 30.sp)) {
                withStyle(style = SpanStyle(color = Color.Blue)) {
                    append("Hello \n")
                }
                withStyle(style = SpanStyle(fontWeight = FontWeight.Bold, color = Color.Red)) {
                    append("World")
                }
            }
        })
        Text("Hello".repeat(50), maxLines = 1)//设置行数上线，超出直接截断
        Text(
            "Hello".repeat(50),
            maxLines = 1,//设置最大行数
            color = colorResource(id = R.color.purple_200),
            overflow = TextOverflow.Ellipsis//文字溢出，文末显示...
        )
        SelectionContainer {//用户精细化互动，可以选择复制
            Text(text = "This text is selectable")
        }
        SelectionContainer {//用户精细化互动，可以部分选择复制
            Column {
                Text("This text is selectable")
                Text("This one too")
                Text("This one as well")
                DisableSelection {//该部分停用选择功能，无法复制
                    Text("But not this one")
                    Text("Neither this one")
                }
                Text("But again, you can select this one")
                Text("And this one too")
            }
        }
        val annotatedText = buildAnnotatedString {
            append("Click ")
            //设置存放的数据和标签，此处定义的tag要和后面调用的tag保持一致
            pushStringAnnotation(tag = "URL", annotation = "https://baidu.com")
            withStyle(style = SpanStyle(color = Color.Blue, fontWeight = FontWeight.Bold)) {
                append("here")
            }
            append("--------------------->")
            //代表设置标签结束，与pushStringAnnotation结合使用
            pop()
        }
        ClickableText(text = annotatedText, onClick = { offset ->//点击文字的下标
            annotatedText.getStringAnnotations(tag = "URL", start = offset, end = offset)
                //firstOrNull是找List中的第一个对象,找不到则则返回null
                .firstOrNull()?.let { annotation ->
                    Log.d("Click URL", annotation.item)
                }
            Log.d("Click offset", offset.toString())
        })

        var text by remember { mutableStateOf("Hello") }
        //默认填充样式修改文字
        TextField(value = text, onValueChange = {text = it},label = { Text("Lable")})
        //轮廓样式修改文字
        OutlinedTextField(value = text, onValueChange = {text = it},label = {Text("Lable")})

    }

}

收起

展开全文

Jetpack Compose Text

Jetpack Compose之Text

千次阅读 2021-11-23 16:17:51

Text是显示文本的组件，最常用的组件，都没有之一，text参数是必须要传的，其它的可以为空。基本用法如下： Text(text = "ping 老师很帅") 通常我们都会把文字放到string.xml文件里面，在Compose的Text里面，需要...

 
基本使用 
Text是显示文本的组件，最常用的组件，都没有之一，text参数是必须要传的，其它的可以为空。基本用法如下： 
Text(text = "ping 老师很帅")
 
通常我们都会把文字放到string.xml文件里面，在Compose的Text里面，需要使用stringResource(id)来获取string.xml里面的值： 
Text(text = stringResource(id = R.string.ping))
 
 
color 
设置color参数可以调整text的文字颜色 
Text(text = stringResource(id = R.string.ping),color = Color.Red)
 
 
fontSize 
fontSize参数可以调整text文字大小 
Text(text = stringResource(id = R.string.ping),
    color = Color.Red,
    fontSize = 18.sp
)
 
 
maxLines 
maxLines参数可以设置文本显示的最大行数 
Text(text = stringResource(id = R.string.pings),
    maxLines = 2
)

 
 
overflow 
overflow设置文字显示不下时的显示方式，TextOverflow.Clip 超出部分截断不显示，TextOverflow.Ellipsis 显示省略号，TextOverflow.Visible 显示省所有文本，如果显示不下，则会显示到屏幕外面： 
Text(text = stringResource(id = R.string.pings),
	maxLines = 1,
	overflow = TextOverflow.Ellipsis
)
 
 
fontStyle 
fontStyle可以设置字体的风格，如斜体： 
Text(text = stringResource(id = R.string.ping),
   color = Color.Red,
   fontSize = 18.sp,
   fontStyle = FontStyle.Italic
)
 
 
fontWeight 
fontWeith参数可以调整text文字粗细，接收的是一个FontWeight对象，系统给我定义了一些合适的大小，比如
FontWeight.Bold 粗体 
Text(text = stringResource(id = R.string.ping),
    color = Color.Red,
    fontSize = 18.sp,
    fontStyle = FontStyle.Italic,
    fontWeight = FontWeight.Bold
)
 
我们也可以自己定义FontWeight 
val W1000 = FontWeight(11000)

Text(text = stringResource(id = R.string.ping),
    color = Color.Red,
    fontSize = 18.sp,
    fontStyle = FontStyle.Italic,
    fontWeight = W1000
)
 
注意：fontWeight的范围为[1,1000]，小于1会使用1，大于1000会使用1000！
  
textAlign 
通过 textAlign 参数，可以设置文字的对齐方式。
默认情况下，Text 会根据其内容值选择自然的文字对齐方式： 
对于从左到右书写的文字，如拉丁语、西里尔文或朝鲜文，向 Text 容器的左边缘对齐
对于从右到左书写的文字，如阿拉伯语或希伯来语，向 Text 容器的右边缘对齐 
Text(text = stringResource(id = R.string.ping),
    textAlign = TextAlign.Center,
    modifier = Modifier.width(200.dp)
)
 
值 效果
TextAlign.Center 文字居中对齐
TextAlign.Left 文字靠左对齐
TextAlign.Right 文字靠右对齐
TextAlign.Justify 文字拉伸填满容器的宽度
TextAlign.Start 文字对齐到容器的前端，有些语言的前端是右边，有些语言的前端是左边，会根据系统设置的语言变化，对于中文，效果和TextAlign.Left一样
TextAlign.End 文字对齐到容器的末尾
 
textDecoration 
textDecorantion参数，用于设置文本的下划线和中划线， TextDecoration.Underline下划线， TextDecoration.LineThrough中划线 
Text(text = stringResource(id = R.string.ping),
    textDecoration = TextDecoration.Underline
)
 
TextDecoration还提供了一个combine函数，可以将下划线和中划线组合： 
val combineDecoration = listOf(TextDecoration.Underline, TextDecoration.LineThrough)
Text(
    text = stringResource(R.string.ping),
    textDecoration = TextDecoration.combine(combineDecoration)
)
 
 
fontFamily 
fontFamily 参数，用于设置可组合项中使用的字体。默认情况下，系统会添加 Serif、Sans Serif、等宽和 Cursive 字体系列： 
Text(text = stringResource(id = R.string.ping),
    fontFamily = FontFamily.SansSerif
)
 
可以自己指定其它的字体，把字体文件放到res/font文件夹下，使用FontFamily来读取： 
//读取res/font文件夹下的字体资源
val myFont = FontFamily(Font(R.font.my_font))
Column( modifier = Modifier.width(100.dp)) {
   Text(text = stringResource(id = R.string.ping),
        fontFamily = myFont
   )
}
 
如果文本中需要添加不同的样式，则需要使用 **AnnotatedString**，在**AnnotatedString**中可以使用_withStyle_来设置每个文字的样式 
Text(
    buildAnnotatedString {
       withStyle(style = SpanStyle(color = Color.Blue)) {
           append("ping")
       }
       append("老师")
       withStyle(style = SpanStyle(fontWeight = FontWeight.Bold, color = Color.Red)) {
           append("很帅")
       }
       append("！")
})
 
 
SelectionContainer 
默认情况下，文字不可选择，这意味着在默认情况下用户无法从您的应用中选择和复制文字。要启用文字选择，需要使用 SelectionContainer 可组合项封装文字元素： 
SelectionContainer {
    Text(text = stringResource(id = R.string.pings),
         maxLines = 1,
         overflow = TextOverflow.Ellipsis
    )
}
 
如果在文字段落中，有部分文字不可选择，则可以使用DisableSelection： 
SelectionContainer () {
    Column() {
        Text(text = stringResource(id = R.string.pings),
             maxLines = 1,
             overflow = TextOverflow.Ellipsis
        )
        DisableSelection {
            Text(text = stringResource(id = R.string.pings),
                 maxLines = 1,
                 overflow = TextOverflow.Ellipsis
            )
        }
    }
}
 
DisableSelection里面的text内容将不可以被选取
  
所有属性 
@Composable
fun Text(
    // 显示的文本字符串 
    text: String,
    // 修改器，可以配置文本的大小及显示外观
    modifier: Modifier = Modifier,
    // 文本的颜色
    color: Color = Color.Unspecified,
    // 文本的字号大小
    fontSize: TextUnit = TextUnit.Unspecified,
    // 文字样式
    fontStyle: FontStyle? = null,
    // 文字粗细
    fontWeight: FontWeight? = null,
    // 文本字体
    fontFamily: FontFamily? = null,
    // 文字间的间距
    letterSpacing: TextUnit = TextUnit.Unspecified,
    // 文字添加装饰，可以添加下划线、中划线
    textDecoration: TextDecoration? = null,
    // 文本的对齐方式
    textAlign: TextAlign? = null,
    // 每一行的行高
    lineHeight: TextUnit = TextUnit.Unspecified,
    // 文本溢出的显示效果
    overflow: TextOverflow = TextOverflow.Clip,
    // 是否自动换行
    softWrap: Boolean = true,
    // 最多显示几行
    maxLines: Int = Int.MAX_VALUE,
    // 计算布局时的回调
    onTextLayout: (TextLayoutResult) -> Unit = {},
    // 字体风格
    style: TextStyle = LocalTextStyle.current
) {
  ...
}

 
 
ClickableText 
val annotatedText = buildAnnotatedString {
    append("勾选即代表同意")
    //添加Tag
    pushStringAnnotation(
        tag = "tag",
        annotation = "用户协议"
    )
    withStyle(
        style = SpanStyle(
            color = Color(0xFF0E9FF2),
            fontWeight = FontWeight.Bold
        )
    ) {
        append("用户协议")
    }
    //必须调用pop()，不然后面append添加的内容都会响应点击事件
    pop()
}

ClickableText(
    text = annotatedText,
    onClick = { offset ->
        annotatedText.getStringAnnotations(
            tag = "tag", start = offset,
            end = offset
        ).firstOrNull()?.let { annotation ->
            Log.d(TAG, "你已经点到 ${annotation.item}")
        }
    }
)

值	效果
TextAlign.Center	文字居中对齐
TextAlign.Left	文字靠左对齐
TextAlign.Right	文字靠右对齐
TextAlign.Justify	文字拉伸填满容器的宽度
TextAlign.Start	文字对齐到容器的前端，有些语言的前端是右边，有些语言的前端是左边，会根据系统设置的语言变化，对于中文，效果和TextAlign.Left一样
TextAlign.End	文字对齐到容器的末尾

收起

展开全文

android 安卓

Oracle text是什么？
2021-05-01 01:59:44
Oracle一直致力于全文检索技术的研究，当Oracle9i Rlease2发布之时，Oracle数据库的全文检索技术已经非常完美，Oracle Text使Oracle9i具备了强大的文本检索能力和智能化的文本管理能力。Oracle Text是Oracle9i采用的...
收起
mysql的varchar与text对比
2021-01-18 20:24:10
varchar和text是mysql字符存储争议比较多的领域,究竟大字段用那个比较好,我们来对比一下,然后自行选择.大小对比VARCHAR:varchar在mysql中必须满足最大行宽度限制，也就是 65535(64k)字节，而varchar本身是按字符串个...
收起
svg中text标签字体、颜色、样式、大小、居中、旋转、垂直、text长度、tspan、textPath详解
千次阅读 2021-02-05 18:05:01
svg中text标签属性 < text >基本属性定位 x、y，颜色 fill，描边 stroke，字号 font-size，粗细 font-weight，字体 font-family,，字体样式 font-style，文本修饰 font-decoration,，间距 word-spacing、letter-...
收起
svg css
sublime text4 插件安装
2021-08-28 09:15:41
sublime text4 插件安装说明package control插件说明安装package control插件 package control插件
收起
varchar和text说不清的那些事 - MySQL Life
千次阅读 2021-01-20 20:25:30
最近有几个同学问我varchar和text有啥别吗，这个问题，以前说真的也没太多的整理，以前遇到text在设计中就是尽可能的拆到另一个表中，保持主表尽量的瘦小，可以让innodb bp缓存更多的数据。今天借次机会系统整理一下...
收起
PaddleOCR二次全流程——2.使用StyleText合成图片
2021-04-06 10:25:03
使用StyleText字体+背景生成某种风格的图片（数据合成） github链接（PaddleOCR的说明文档） 1. 介绍 1.1 工具简介其实github上介绍的不错，同时在PaddlePaddle的微信公众号，知乎上也都有介绍，传送门在此，自行...
收起
Unity-Text空格造成自动换行+自定义Text
2020-12-21 16:04:33
一、Text空格造成自动换行在开发的过程中遇到一个问题，当Text的文本中有空格时，会造成空格后的字不显示，(目标是当内容超出时多余的字不显示，其中Text的Horizontal Overflow 设为 Warp)如下：拉长控件后发现是...
收起
鸿蒙开发（1）---Text组件
千次阅读 多人点赞 2021-06-05 12:46:02
目录鸿蒙开发Text组件鸿蒙开发从2021年6月2号开始，鸿蒙系统已经完全开源。目前学习鸿蒙开发正当其时，如果你之前学习过Android开发，那么鸿蒙完全可以直接上手。不过，博主写的鸿蒙开发课程任何人都可以学习，...
收起
java Text组件鸿蒙开发移动开发
Unity text
千次阅读 2021-11-09 13:35:58
Text 首行缩进：<color=#FFFFFF00>缩进空格：<color=#aaaaaa00>a(a空一格；aa空两格)
收起
unity
数据库的中text类型，对应Java中的什么类型数据库的中text类型
千次阅读 2021-03-08 00:22:25
String 或Clobchar varchar text数据库诸如此类的类型 , 在java中都对应String还是 String 类型，不知你们是否使用Hibernate框架，使用的话可以给String 类型设置最大长度；@Column(length = 1024) private String.....
收起
MySQL TEXT数据类型的最大长度
千次阅读 2021-01-19 02:47:55
TINYTEXT256 bytesTEXT65,535 bytes~64kbMEDIUMTEXT16,777,215 bytes~16MBLONGTEXT4,294,967,295 bytes~4GBhttp://blog.sina....
收起
MySQL之text字段
2021-01-18 18:13:11
TEXT类型一般分为 TINYTEXT(255长度)、TEXT(65535)、 MEDIUMTEXT(int最大值16M)，和LONGTEXT(long最大值4G)这四种，它被用来存储非二进制字符集，二进制字符集使用blob类型的字段来存储。对于text列，插入时MySQL...
收起
mysql text
MySQL优化之大字段longtext、text引发的生产问题
千次阅读 2021-03-19 15:40:29
对接多个外部接口，需要保存请求参数以及返回参数，方便消息的补偿，因为多个外部接口，多个接口字段都不统一，整体使用一个大字段（longtext）进行存储，但是当数据只有40w的时候查询速度就非常慢长达40s左右。...
收起
【Unity3D-UGUI系列】（二）Text文本组件详解
2021-08-26 11:43:42
在Hierarchy视图，选择“UI→Text”新建Text文本：三、Text文本属性 Text文本组件面板：属性说明 Text 用于显示的文本 Font 文本的字体 Font Style 文本的样式（正常、加粗、斜线） Font Size 字体的大小 Line ...
收起
html css UGUI text
【NLP】2安装word2vec库与基于text8数据集实例
2021-02-09 13:08:40
2.2 参考word2vec Jupyter notebook，从以下网址下载text8.zip这个数据集，长这个样子：这就是语料库了，看起来感觉杂乱无章的样子，还是先跟着做下去，代码：
收起
python nlp 自然语言处理
es的text类型的排序问题
千次阅读 2020-12-24 11:41:43
es版本6.8.4解决方式：对字段索引两次，一次索引分词(用于搜索)一次索引不分词(用于排序)字符串类型排序报错演示：##mapping创建PUT test_text_sort{"mappings": {"doc": {"properties": {"name": {"type": "text"}}...
收起
es 指定排序字段
Java Text类代码示例
千次阅读 2021-02-12 17:20:27
import com.day.text.Text; //导入依赖的package包/类/*** This is where all the work is done in processing the ClientLibrary.** @param type the client library type (CSS or JS)* @param source The client ...
收起
Android Jetpack Compose 中 Text 的使用
2021-03-29 12:00:43
Android Jetpack Compose中Text的使用Text的介绍（机翻）基本使用使用字符串资源Text设置样式设置颜色设置字号设置斜体设置粗体设置文字内容居中使用字体缺陷 Text的介绍（机翻）文本是任何UI的核心部分，Jetpack ...
收起
如何使用text-decoration
2021-06-16 06:54:41
那么我们就要用到text-decoration了，如何使用呢？今天我们给大家好好介绍一下。使用CSS属性单词：text-decoration : none || underline || blink || overline || line-throughtext-decoration下划线CSS单词值参数...
收起
Excel中text函数的使用方法
千次阅读 2021-06-29 00:35:06
说到Excel，相信大家都再熟悉不过了，但说到Excel中text函数的使用方法，可能很多人都不太熟悉，下面随学习啦小编一起看看吧。Excel中text函数的使用方法首先解释一下text函数的基本概念。text函数的整体结构为TEXT...
收起
MySql中LongText类型大字段查询优化
千次阅读 2021-01-27 16:43:36
在本次项目表结构中，有一个longtext字段，用于存储长文本，仅万条数据，InnoDB存储文件就达G级，由于是一个小项目，受限于服务器与运维人员水平，不适合使用hdfs，MongoDB等拓展技术栈来解决这种问题，因此直接对...
收起
React Native - Text组件使用详解（样式、属性、方法）
2020-12-23 06:48:20
Text一个用于显示文本的 React组件，并且它也支持嵌套、样式，以及触摸处理。1，简单的样例(1)效果图下面给 Text设置了字体大小、颜色、阴影，并加粗。(2)样例代码import React, { Component } from 'react';import ...
收起
react 加粗
TextRank中文,英文关键词提取
千次阅读 2021-01-28 15:02:13
1.基于pytextrank英文关键词提取 # pip install pytextrank ...text = "Compatibility of systems of linear constraints over the set of natural numbers. Criteria of compatibility of a system of linear
收起
机器学习 nlp
input text
千次阅读 2021-06-08 15:46:05
The element is used to select user information.is single line by definitionAn element can vary in many ways, depending on the type attribute. An element can be of typetext field, checkbox, passwor...
收起
compose Text简单使用
2021-07-17 14:51:19
Text 任何前端框架对文字的处理都是最重要的，Compose中文字的展示和文字的编辑分别使用的Text控件和TextField控件实现。 Text使用简单使用代码 @Composable fun SimpleText() { Text("Hello World") } 效果 ...
收起
mysql的text字段长度？mysql数据库中text字段长度不够的问题
千次阅读 2021-01-19 20:28:36
类型是可变长度的字符串，最多65535个字符；可以把字段类型改成MEDIUMTEXT(最多存放16777215... MySQL supports 4 TEXT field types (TINYTEXT, TEXT, MEDIUMTEXT and LONGTEXT) and this post looks at the maximu...
收起

Flutter Text / Text.rich

data

TextSpan

style

StrutStyle

textAlign

textDirection

softWrap

overflow

textScaleFactor

maxLines

textWidthBasis

mysql text

Jetpack Compose——Text(文本)的使用

Jetpack Compose之Text

基本使用

color

fontSize

maxLines

overflow

fontStyle

fontWeight

textAlign

textDecoration

fontFamily

SelectionContainer

所有属性

ClickableText

Oracle text是什么？

mysql的varchar与text对比

svg中text标签字体、颜色、样式、大小、居中、旋转、垂直、text长度、tspan、textPath详解

sublime text4 插件安装

varchar和text说不清的那些事 - MySQL Life

PaddleOCR二次全流程——2.使用StyleText合成图片

Unity-Text空格造成自动换行+自定义Text

鸿蒙开发（1）---Text组件

Unity text

数据库的中text类型，对应Java中的什么类型 数据库的中text类型

MySQL TEXT数据类型的最大长度

MySQL之text字段

MySQL优化之大字段longtext、text引发的生产问题

【Unity3D-UGUI系列】（二）Text文本组件详解

【NLP】2安装word2vec库与基于text8数据集实例

es的text类型的排序问题

Java Text类代码示例

Android Jetpack Compose 中 Text 的使用

如何使用text-decoration

Excel中text函数的使用方法

MySql中LongText类型大字段查询优化

React Native - Text组件使用详解（样式、属性、方法）

TextRank中文,英文关键词提取

input text

compose Text简单使用

mysql的text字段长度？mysql数据库中text字段长度不够的问题

数据库的中text类型，对应Java中的什么类型数据库的中text类型