![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Jetpack Compose
文章平均质量分 80
Ping_xp
一名程序员
展开
-
Jetpack Compose之LazyCoumn - 类似RecyclerView
LazyCoumn是一个类似ListView和RecyclerView的View,LazyColumn仅会呈现屏幕上的可见项目,从而在呈现大列表时提高性能。它可以添加单个item或者传入数据集合,添加多个Item,它的使用方法很简单,不需要像原来一样使用Adapter://定义数据集合val itemsList = (0..20).toList()val itemsIndexedList = listOf("A", "B", "C")LazyColumn { //添加多个item,回调中没原创 2021-12-08 14:30:46 · 1580 阅读 · 0 评论 -
Jetpack Compose布局之Row
基本使用Row纵向线性布局,类似于LinearLayout设置为android:orientation="horizontal"时的效果:Row() { Text(text = "千里之行,") Text(text = "始于足下")}上方两个Text将按照垂直排列布局,Row默认大小为内部子控件的大小,类似于wrap_content大小调整可以使用modifier来设置Row的大小:Row(modifier = Modifier .height(200.dp).原创 2021-12-02 10:35:22 · 6572 阅读 · 2 评论 -
Jetpack Compose 之 Button
基本使用Compose本身没有给我提供Button,但是Material Design库给我提供了很多中样式的Button:Button(onClick = { Log.i(TAG_B,"button点击了") }) { //button的内容 Text(text = "点我点我")}参数onClick传入一个lambda,在按钮被点击时调用,按钮内容需要在下方自己定义,这里接收的是一个视图函数,我们可以随意的编写enabledenabled参数可以设置按钮是否可用,fal.原创 2021-12-01 17:26:04 · 1039 阅读 · 0 评论 -
Jetpack Compose布局之Column
基本使用Column纵向线性布局,类似于LinearLayout设置为android:orientation="vertical"时的效果:Column() { Text(text = "千里之行") Text(text = "始于足下")}上方两个Text将按照垂直排列布局,Column默认大小为内部子控件的大小,类似于wrap_content大小调整可以使用modifier来设置Column的大小:Column(modifier = Modifier .hei.原创 2021-12-01 17:21:53 · 5523 阅读 · 1 评论 -
jetpack compose 之 TextField 文本输入框
基本使用TextField用来显示一个输入框,它是Material Design库提供的,具有Material Design风格:TextField( value = "", onValueChange = { })创建TextField有两个必传的参数,value输入框默认值,onValueChage输入框文本改变事件,在文本改变时,会回调这个方法;此时创建的TextField运行后你会发现输入内容只会回调onValueChage这个方法,TextField上没有任何.原创 2021-11-26 10:27:58 · 2733 阅读 · 0 评论 -
Jetpack Compose Image加载网络图片
在Jetpack Compose中加载网络图片,现在只能使用 Coil这个库!!!且accompanist在几个月之前就弃用了Guild和 Coli库 弃用Guild和Coli!!!现在大多数文章都是错的,且几乎没有文章指出这个问题!!!!...原创 2021-11-24 11:32:07 · 5022 阅读 · 0 评论 -
Jetpack Compose 之 Image
基本使用Image 用来显示一张图片,Image有三个构造方法:传入一个bitmap:ImageBitmap;Image(bitmap = ImageBitmap.imageResource(id = R.mipmap.ic_launcher), contentDescription = "icon")传入一个imageVector: ImageVector矢量图片;painter 图片资源,使用painterResource来获取drawable或者mipmap下的图片,.原创 2021-11-23 16:58:29 · 2053 阅读 · 1 评论 -
Jetpack 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(te.原创 2021-11-23 16:19:58 · 2211 阅读 · 0 评论