modifier = Modifier.firstBaselineToTop(40.dp), fontSize = 30.sp ) } } 图5 在code 5 中分别展示了 3 个 Text,都使用了我们自定义的 Modifier 修饰符 firstBaselineToTop,且设置的参数都是 40dp,不同的是字号。从图 5 的显示效果来看,达到了我们想要的自定义 Layout 的效果,即虽然字号大小不同,但...
modifier = Modifier.firstBaselineToTop(40.dp), fontSize = 20.sp ) Spacer(modifier = Modifier.width(20.dp)) Text( text = "我是栗子2", modifier = Modifier.firstBaselineToTop(40.dp), fontSize = 15.sp ) Spacer(modifier = Modifier.width(20.dp)) Text( text = "我是栗子3", modifier...
val dpValue = TextUnitToDp(spValue) println("Converted Dp value: $dpValue") 注意:上述代码中的TextUnitToDp函数接受一个TextUnit参数,并返回一个Float类型的Dp值。该函数首先获取当前的屏幕密度(density),然后根据TextUnit的类型(Sp或Em)进行相应的转换。 然而,需要注意的是,Jetpack Compose 并没有直接提...
sp, ) ) { withStyle( style = SpanStyle( color = Color.Red, shadow = Shadow(//设置阴影 color = Color.Blue,//阴影颜色 blurRadius = 3f,//虚化 offset = Offset(5f, 20f)//x,y轴的偏移 ) ) ) { append("你好\n") } } } ) } 预览效果: 1.4 其他参数 其他参数可以通过源码查看: 代码...
Android Compose可谓之新起之秀,用起来真棒,但是目前还在处于稳定初期,下面归纳了一些常用方法: /** 获取字体大小的单位 **/@Composable@ReadOnlyComposablefunfontDimensionResource(@DimenResid:Int):TextUnit=with(LocalDensity.current){dimensionResource(id).toSp()}/** 绘制Drawable对象 **/@Composablefundrawable...
backgroundColor = Color(0xFFFFA867.toInt()), modifier = Modifier.padding(16.dp).fillMaxWidth() ) { Text( text = "Simple Card", textAlign = TextAlign.Center, style = TextStyle( fontSize = 16.sp ), modifier = Modifier.padding(16.dp) ...
StateOf("") }SetScaffold(title = "首页") {Column(modifier = Modifier.fillMaxSize(), verticalArrangement = Arrangement.Top) {Button(onClick = {text = "hello word"}) {if (text.isEmpty()) {Text(text = "hello", fontSize = 50.sp)} else {Text(text = text, fontSize = 50.sp)}}...
@Composablefun Greeting(name: String) {Text(text = name,fontSize = 18.sp,fontWeight = FontWeight.Medium,color = MaterialTheme.colorScheme.primary,modifier = Modifier.height(30.dp))} Button fun Button(onClick: () -> Unit,//点击时调用modifier: Modifier = Modifier,//同上enabled: Boolean =...
.shadow(1.dp, shape = CutCornerShape(topEnd =8.dp)) .background(getRandomColor()) .padding(6.dp) ) { println("☕ Bottom Column") /** * 🔥🔥 Observing update(mutableState) causes entire composable to recompose */ Text(
// code 5@ComposablefunCustomLayoutDemo(){Row{Text(text="我是栗子1",modifier=Modifier.firstBaselineToTop(40.dp),fontSize=20.sp)Spacer(modifier=Modifier.width(20.dp))Text(text="我是栗子2",modifier=Modifier.firstBaselineToTop(40.dp),fontSize=15.sp)Spacer(modifier=Modifier.width(20.dp))Te...