Android Compose Text文本控件

最新推荐文章于 2025-03-30 10:50:11 发布
最新推荐文章于 2025-03-30 10:50:11 发布
阅读量1k 收藏
点赞数
分类专栏： Android 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_41899289/article/details/120158136
版权
本文主要介绍了Android Compose中的Text控件，包括其预览效果和在UI构建中的应用。此外，还提到了一系列相关组件，如Button、TextField、Image、Switch、Slider、CheckBox、RadioButton、AlertDialog、LazyColumn/LazyRow、网络布局控件以及Tab+ViewPager的使用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 

 
 

 

 

Text(
            text = "这是一个Text控件这是一个Text控件这是一个Text控件",                   //文字内容
            modifier = Modifier
                .height(50.dp)
                .fillMaxWidth(),
            color = WeTheme.colors.textPrimary,           //字体颜色，这里是引用了主题里的颜色，也可以直接用比如Color.Red这种
            fontSize = 18.sp,                             //字体大小,sp为单位
            fontStyle = FontStyle.Italic,                //正常/斜体
            fontWeight = FontWeight.Bold,                //字体的粗细（范围1-1000），Bold为700,每100系统都有一个预定义好的常量,数值越大字体越粗
//            fontWeight= FontWeight(777),              //也可以自己自定义
            fontFamily = FontFamily.Cursive,             //字体系列,提供了几种字体，Cursive为手写体
            letterSpacing = 5.sp,                         //字符间距

                

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        


    



                



	

		

			

				
					
Android Compose Text 文本控件属性详解

				
			

			

				

					金戈鐡馬
				

				

					04-11
					
					2733
					
				

			

		

		

			
				
Text 是 Compose 提供的文本显示控件，也是基于 BasicText 而来，下面引用官方文档对 Text 的描述，帮助大家更好理解。​
Compose 提供了基础的BasicText和BasicTextField，它们是用于显示文字以及处理用户输入的主要函数。Compose 还提供了更高级的Text和TextField，它们是遵循 Material Design 准则的可组合项。建议在 Android 平台上使用这些构建块，因为它们的外观和样式非常适合 Android 用户，而且还包括

			
		

	



                

            
              



	

		

			

				
					
【Android】Compose学习之Text

				
			

			

				

					Androiddddd的博客
				

				

					03-30
					
					1183
					
				

			

		

		

			
				
如果想要成为架构师或想突破20~30K薪资范畴，那就不要局限在编码，业务，要会选型、扩展，提升编程思维。此外，良好的职业规划也很重要，学习的习惯很重要，但是最重要的还是要能持之以恒，任何不能坚持落实的计划都是空谈。如果你没有方向，这里给大家分享一套由阿里高级架构师编写的《Android八大模块进阶笔记》，帮大家将杂乱、零散、碎片化的知识进行体系化的整理，让大家系统而高效地掌握Android开发的各个知识点。

			
		

	



              


  
              

                


	

		

			

				
					
Android开发之Compose基础学习-Text基本用法-TextSamples

				
			

			

				

					xiayiye5的博客
				

				

					06-05
					
					557
					
				

			

		

		

			
				
compose文本控件

			
		

	





	

		

			

				
					
android Compose Text文本

				
			

			

				

					sinat_35541927的博客
				

				

					11-28
					
					1643
					
				

			

		

		

			
				
android Compose Text文本

			
		

	



		

			
		



	

		

			

				
					
Android Compose 框架的主题与样式模块之文本样式深度剖析(四十四)

					
最新发布

				
			

			

				

					Android开发领域创作者
				

				

					03-30
					
					918
					
				

			

		

		

			
				
kotlin// 定义自定义文本样式，设置字体大小为 20sp，字体颜色为红色// 使用 Text 组件显示文本，应用自定义文本样式在上述代码中，首先创建了一个TextStyle对象，并设置了字体大小和颜色属性。然后在Text组件中使用style属性应用该自定义文本样式。kotlin// 定义自定义字体家族// 加载字体文件，设置字体样式为正常，字体粗细为正常// 加载字体文件，设置字体样式为正常，字体粗细为粗体// 定义自定义文本样式集合。

			
		

	





	

		

			

				
					
Compose - Text 详解

				
			

			

				

					2401_83641634的博客
				

				

					03-24
					
					724
					
				

			

		

		

			
				
其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。当然我也为你们整理好了百度、阿里、腾讯、字节跳动等等互联网超级大厂的历年面试真题集锦。这也是我这些年来养成的习惯，一定要学会把好的东西，归纳整理，然后系统的消化吸收，这样才能极大的提高学习效率和成长进阶。碎片、零散化的东西，我觉得最没有价值的。就好比你给我一张扑克牌，我只会觉得它是一张废纸，但如果你给我一副扑克牌，它便有了它的价值。

			
		

	





	

		

			

				
					
Android开发系列（二）Jetpack Compose 之Text控件

				
			

			

				

					
				

				

					06-17
					
					993
					
				

			

		

		

			
				
Jetpack Compose是一种全新的声明式UI框架，用于构建Android应用程序。Jetpack Compose Text控件是Compose中用于显示文本的基本UI组件。Text是一个可组合函数，函数声明如下所示。下面通过示例说明Text的使用方法。

			
		

	





	

		

			

				
					
Android Compose TextField输入框控件

				
			

			

				

					qq_41899289的博客
				

				

					09-13
					
					1550
					
				

			

		

		

			
				
@Composable
fun TextFieldDemo(){
    Column(Modifier.statusBarsPadding()) {
        var text by remember { mutableStateOf("") }
        //rememberSaveable与remember相似，但存储的值将使用保存的实例状态机制在活动或进程重新创建后继续存在（例如，在 Android 应用程序中旋转屏幕时会发生这种情况）。
        var isError by .

			
		

	





	

		

			

				
					
Android Compose Button按钮控件

				
			

			

				

					qq_41899289的博客
				

				

					09-13
					
					1413
					
				

			

		

		

			
				
@Composable
fun ButtonDemo(){
    val btnValue=remember{
        mutableStateOf("点击此处")
    }
    val count=remember{
        mutableStateOf(0)
    }
    Column(modifier = Modifier.statusBarsPadding()) {               //状态栏高度间距
        //点击按钮
        Butt.

			
		

	





	

		

			

				
					
Android compose学习之路（一） Text组件

				
			

			

				

					weixin_42782922的博客
				

				

					03-30
					
					1040
					
				

			

		

		

			
				
在 Compose 中，pop 函数通常与 push 函数一起使用，用于在一组样式或注释上下文中恢复先前的状态。push 函数将一个样式或注释添加到当前上下文中，而 pop 函数将该样式或注释从上下文中移除，使其不再影响后续文本的样式。这样，Hello 一词的样式仅在 withStyle 和 pop 函数之间有效，而不会影响其他文本的样式。其中，withStyle 函数用于指定文本的样式，append 函数用于添加文本。需要注意的是，push 和 pop 函数不仅可以用于样式，也可以用于注释。

			
		

	





	

		

			

				
					
Android Compose四： 常用的组件 Text

				
			

			

				

					weixin_41648633的博客
				

				

					05-14
					
					852
					
				

			

		

		

			
				
于是乎我们可以复制一下Text 改造一下或者  自己定义一个组件= null,= null,= null,= null,= null,){效果那么问题来了，屏幕适配怎么整，后边再整吧！

			
		

	





	

		

			

				
					
compose-richtext：用于高级文本格式设置和替代显示类型的Compose库的集合

				
			

			

				

					02-03
				

			

		

		

			
				
compose-richtext：用于高级文本格式设置和替代显示类型的Compose库的集合

			
		

	





	

		

			

				
					
Android Jetpack Compose 中 Text 的使用

				
			

			

				

					qq_36861770的博客
				

				

					03-29
					
					2642
					
				

			

		

		

			
				
Android Jetpack Compose中Text的使用Text的介绍（机翻）基本使用使用字符串资源Text设置样式设置颜色设置字号设置斜体设置粗体设置文字内容居中使用字体缺陷
Text的介绍（机翻）
文本是任何UI的核心部分，Jetpack Compose使显示或编写文本变得更容易。Compose利用其构建块的组合，这意味着您不需要覆盖属性和方法，也不需要扩展大型类，就可以按照您想要的方式使用特定的可组合设计和逻辑。
作为基础，Compose提供了BasicText和BasicTextField，它

			
		

	





	

		

			

				
					
android让字体左右对齐,Android 实现文字左右对齐

				
			

			

				

					weixin_36090062的博客
				

				

					05-25
					
					2622
					
				

			

		

		

			
				
这里会涉及到实现原理的解析，如果只是需要使用轮子，请拉到最底下；1. TextView 效果首先，让我们先来看一下TextView的显示效果：中文情况下还好，但是英文情况下的显示效果就不是很好看了，右边会留了很长的空白，对于追求用户体验的，这样的显示效果肯定是不能满足的；但是TextView内部也没有提供API给我们，那么就只能自己来实现了；2. 对齐原理原理：将一行剩余的宽度平分给当前单词的间距...

			
		

	





	

		

			

				
					
Compose中的Text组件

				
			

			

				

					juer2017的博客
				

				

					10-07
					
					1035
					
				

			

		

		

			
				
纵向布局为：Column横向布局为：Row。

			
		

	





	

		

			

				
					
Compose学习-＞ Text()

				
			

			

				

					qq_27400335的博客
				

				

					11-30
					
					1046
					
				

			

		

		

			
				
Compose学习

			
		

	





	

		

			

				
					
Compose - Text 详解，2024年Android社招面试题精选

				
			

			

				

					m0_60721649的博客
				

				

					03-30
					
					1041
					
				

			

		

		

			
				
ClipEllipsisVisible关于最后一个Visible在中可以找到示例去演示器效果。笔者这边简化了一下。示例如下。

			
		

	





	

		

			

				
					
Android Compose Text圆角

				
			

			

				

					丿灬安之若死
				

				

					05-31
					
					1019
					
				

			

		

		

			
				
【代码】Android Compose Text圆角。

			
		

	





	

		

			

				
					
使用JetPack Compose 的 Text控件，实现跑马灯效果

				
			

			

				

					07-12
				

			

		

		

			
				
要实现跑马灯效果，可以使用`Animatable`和`AnimatableVector`来创建一个自定义的跑马灯效果的`Text`控件。

首先，需要添加以下依赖到你的项目中：

```kotlin
implementation "androidx.compose.animation:animation:1.0.0"
implementation "androidx.compose.animation:animation-core:1.0.0"
implementation "androidx.compose.animation:animation-graphics:1.0.0"
```

然后，可以创建一个自定义的`MarqueeText`控件，继承自`Text`：

```kotlin
import androidx.compose.animation.animateColorAsState
import androidx.compose.animation.core.*
import androidx.compose.animation.core.AnimationConstants.Infinite
import androidx.compose.foundation.layout.Box
import androidx.compose.material.Text
import androidx.compose.runtime.*
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.alpha
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.ColorFilter
import androidx.compose.ui.graphics.vector.PathNode
import androidx.compose.ui.platform.LocalDensity
import androidx.compose.ui.unit.Dp
import androidx.compose.ui.unit.dp

@Composable
fun MarqueeText(
    text: String,
    modifier: Modifier = Modifier,
    speed: Dp = 100.dp,
    textColor: Color = Color.Black,
    backgroundColor: Color = Color.White,
) {
    var textWidth by remember { mutableStateOf(0f) }
    var offsetX by remember { mutableStateOf(0f) }
    var isRunning by remember { mutableStateOf(false) }

    val infiniteTransition = rememberInfiniteTransition()

    val animatedValue = animateFloatAsState(
        targetValue = if (isRunning) -textWidth else 0f,
        animationSpec = infiniteRepeatable(
            animation = tween(durationMillis = (textWidth / speed).toInt(), easing = LinearEasing),
            repeatMode = RepeatMode.Restart,
        )
    )

    LaunchedEffect(text) {
        isRunning = true
    }

    Box(modifier = modifier) {
        Text(
            text = text,
            modifier = Modifier.alpha(0f),
            onTextLayout = { layoutResult ->
                textWidth = layoutResult.size.width.toFloat()
            }
        )

        Box(
            modifier = Modifier.offset(x = animatedValue.value)
                .onSizeChanged { size ->
                    offsetX = size.width.toFloat()
                }
        ) {
            Text(
                text = text,
                modifier = Modifier.offset(x = offsetX),
                color = textColor,
                onTextLayout = { layoutResult ->
                    textWidth = layoutResult.size.width.toFloat()
                }
            )
        }

        Box(
            modifier = Modifier.offset(x = animatedValue.value + offsetX)
                .onSizeChanged { size ->
                    offsetX += size.width.toFloat()
                }
        ) {
            Text(
                text = text,
                color = textColor,
                backgroundColor = animateColorAsState(targetValue = backgroundColor).value,
                onTextLayout = { layoutResult ->
                    textWidth = layoutResult.size.width.toFloat()
                }
            )
        }
    }
}
```

然后，你可以在你的Compose函数中使用`MarqueeText`控件来实现跑马灯效果：

```kotlin
@Composable
fun MyScreenContent() {
    MarqueeText(
        text = "Hello, Jetpack Compose!",
        modifier = Modifier.fillMaxWidth(),
        speed = 100.dp,
        textColor = Color.White,
        backgroundColor = Color.Blue,
    )
}
```

这样，你就可以在你的界面上看到一个带有跑马灯效果的文本了。你可以根据需要调整`speed`来控制跑马灯的速度，`textColor`和`backgroundColor`来设置文本和背景颜色。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
淘气章鱼哥

			
你的鼓励将是我创作的最大动力

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值