建设部网站注册查询,广州优秀网站设计,wordpress 首页导航代码,如何给网站做权重文章目录 1. 概念介绍2. 使用方法3. 代码与效果3.1 示例代码3.2 运行效果 4. 内容总结 我们在上一章回中介绍了Jetpack多点触控相关的内容#xff0c;本章回中
主要介绍Slider。闲话休提#xff0c;让我们一起Talk Android Jetpack吧#xff01; 1. 概念介绍
我们在本章回… 文章目录 1. 概念介绍2. 使用方法3. 代码与效果3.1 示例代码3.2 运行效果 4. 内容总结 我们在上一章回中介绍了Jetpack多点触控相关的内容本章回中
主要介绍Slider。闲话休提让我们一起Talk Android Jetpack吧 1. 概念介绍
我们在本章回中介绍的Slider就是一个类似进度条的滑动条与进度条不同的是它不能自动显示进度需要用户手动拖动滑块才可以显示进度它常用的场景是调节音量和亮度,这个场景估计大家在手机上都使用过。在Jetpack compose中使用Slider可组合函数表示Slider,本章回中将详细介绍它的使用方法。
2. 使用方法
可组合函数Slider提供了相关参数来控制自己下面是常用的参数
enabled参数主用来控制是否可以拖动滑动块value参数主要用来控制滑动时的进度onValueChange参数滑动值发生变化时调用的函数colors参数主要用来控制滑动块滑动轨道的颜色valueRange参数主要用来控制滑动值的范围默认值为0-1;steps参数主要用来控制滑动时的步进值我觉得理解为滑动轨道划分的份数比较合适
上面介绍的这些参数中我重点对最后一个参数做说明因为它的用法不好理解它实际是把valueRange范围内的数据分成了steps1份真正的步进值需要用valueRange范围内的值除setps1才可以。
除此之外value参数也需要说明最好给它传入一个状态值这样才可以实时控制它的进度。我们将会在后面的小节中通过示例代码介绍这些参数的使用方法。
3. 代码与效果
3.1 示例代码
var sliderPosition2 by remember {mutableStateOf(0f)}Slider(modifier Modifier.padding(horizontal 16.dp),value sliderPosition2,
// enabled false,//滑动值发生变化时调用onValueChange { sliderPosition2 it },colors SliderDefaults.colors(//滑动条头部的颜色thumbColor Color.Red,//滑动轨道的颜色activeTrackColor Color.Green,inactiveTrackColor Color.Blue,//滑动轨道上刻度尺的颜色activeTickColor Color.White,inactiveTickColor Color.Red,),//滑动值的范围默认0-1值为浮点类型valueRange 1f..10f,//滑动的步进值,注意需要用range除setps1才是真正的步进值比如这里的步进值是10/52//它会在进度显示4个分段标记steps 4,
)
Text(text sliderPosition2.toString())我们在上面的示例代码中添加了详细的注释这样有助于大家理解代码代码中使用了状态值sliderPosition2来控制Slider的进度代码中还添加了一个Text它主要用来显示进度值。
结合代码来看一下Slider的步进值:取值范围是1-10setps值为4真正的步进值10/52。这个步进值是不说滑动一次前进2个进度而是把整个滑动轨道分成了5部分它每次步进的内容是按照实际进度值进行的我们在这里不做详细介绍遇到具体的需求了再做分析。
3.2 运行效果
编译并且运行上面的示例代码可以得到以下的运行效果图建议大家自己动手去实践一下这样才能体会到滑动时的值的变化。 此外compose的中Slider与以前View中的Slide在效果上有一个不同点它会在轨道上显示步进的标记点类似刻度尺上的刻度为了方便大家观察我把它设置成了红色。大家可以仔细看一下。
4. 内容总结
最后我们对本章回的内容做一个全面的总结
在compose中使用Slider可组合函数实现滑动条Slider通过相关的参数控制滑动的进度和外观颜色Slider需要配合一个状态值使用这样可以实际控制进度值Slider在外观上会显示步进值这是与其它Slider不同的地方
看官们与Jetpack中Slider相关的内容就介绍到这里欢迎大家在评论区交流与讨论