Jetpack Compose——Scaffold(脚手架)、SnackBar(通知,类似Toast)的简单使用

该博客基于:compose_version = '1.1.0-beta01'

脚手架实现了Material设计的页面基本结构。该组件通过确保其适当的布局策略从而将其他的多个组件组合在一起构成页面,包括标题栏、底部栏、SnackBar(类似Toast功能)、浮动按钮、抽屉组件、剩余内容布局等

Scaffold

首先来看看参数:

Scaffold(
    modifier: Modifier = Modifier,//布局修饰
    scaffoldState: ScaffoldState = rememberScaffoldState(),//脚手架状态(例如控件抽屉是否打开)
    topBar: @Composable () -> Unit = {},//屏幕顶部的标题栏
    bottomBar: @Composable () -> Unit = {},//屏幕底部的标题栏
    snackbarHost: @Composable (SnackbarHostState) -> Unit = { SnackbarHost(it) },//用来展示SnackBar的一个组件
    floatingActionButton: @Composable () -> Unit = {},//悬浮按钮
    floatingActionButtonPosition: FabPosition = FabPosition.End,//	悬浮按钮在屏幕上的位置
    isFloatingActionButtonDocked: Boolean = false,//	如果存在BottomBar,那么是否与BottomBar重叠一半的高度
    drawerContent: @Composable (ColumnScope.() -> Unit)? = null,//	抽屉组件中的内容
    drawerGesturesEnabled: Boolean = true,//否允许手势控制抽屉的打开和关闭
    drawerShape: Shape = MaterialTheme.shapes.large,//抽屉组件的形状
    drawerElevation: Dp = DrawerDefaults.Elevation,//抽屉组件的阴影高度
    drawerBackgroundColor: Color = MaterialTheme.colors.surface,//抽屉组件的背景色
    drawerContentColor: Co
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现类似抖音上下滑动切换视频的功能,可以使用Jetpack Compose中的`LazyColumn`和`Pager`组件。 首先,我们需要准备一些视频数据,可以使用一个包含视频URL的列表: ```kotlin val videos = listOf( "https://example.com/video1.mp4", "https://example.com/video2.mp4", "https://example.com/video3.mp4", // ... ) ``` 然后,我们可以使用`LazyColumn`和`Pager`组件来实现上下滑动和视频切换的功能: ```kotlin LazyColumn { val pagerState = rememberPagerState(pageCount = videos.size) items(count = videos.size) { index -> val videoUrl = videos[index] Pager( state = pagerState, modifier = Modifier.fillMaxWidth(), ) { VideoPlayer(videoUrl) } } } ``` 在上面的代码中,我们首先创建了一个`PagerState`,用于管理视频的切换。然后,我们使用`LazyColumn`组件创建一个垂直滚动列表,每个列表项都是一个`Pager`组件,用于显示一个视频。`Pager`组件的`state`属性绑定了`PagerState`,`modifier`属性设置了组件的宽度为最大,这样视频就可以充满屏幕了。`Pager`组件的内容是一个自定义的`VideoPlayer`组件,用于播放视频。 最后,我们需要实现`VideoPlayer`组件,可以使用`VideoView`和`ExoPlayer`来播放视频。下面是一个简单的`VideoPlayer`组件的实现: ```kotlin @Composable fun VideoPlayer(url: String) { val context = LocalContext.current val videoView = remember { VideoView(context).apply { layoutParams = ViewGroup.LayoutParams( ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT ) setMediaController(MediaController(context)) setOnPreparedListener(MediaPlayer.OnPreparedListener { mp -> mp.isLooping = true }) } } AndroidView( factory = { videoView }, update = { it.setVideoURI(Uri.parse(url)) it.start() } ) } ``` 在上面的代码中,我们首先使用`remember`来创建一个`VideoView`实例,然后使用`AndroidView`组件将其包装成一个Compose组件。在`AndroidView`组件的`update`块中,我们设置`VideoView`的视频URL并开始播放。这样就可以在`Pager`组件中显示一个视频并自动播放了。 以上就是使用Jetpack Compose实现类似抖音上下滑动切换视频的简单示例。当然,这只是一个基础实现,你还可以根据自己的需求进行扩展和优化。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值