49. Compose自定义日历-3

最新推荐文章于 2024-06-17 17:43:24 发布

会编程的猩猩

最新推荐文章于 2024-06-17 17:43:24 发布

阅读量326

点赞数 1

分类专栏： Android Compose 文章标签： Compose Calendar canvas

本文链接：https://blog.csdn.net/u010436867/article/details/131571266

版权

Android Compose 专栏收录该内容

50 篇文章 24 订阅

订阅专栏

文章介绍了使用即时数据来解决前两种实现存在的问题，保证数据轻量且响应快。通过监听pagerState.currentPage，使用snapshotFlow进行收集并更新页面数据。UIState进行了调整以适应数据切换，配合简洁的动效图，提升了用户体验。

摘要由CSDN通过智能技术生成

由于前两种实现都有各种各样的问题，现在使用即时数据的方式，每次数据都是 “新鲜” 的，只生成当前页面的月数据和点击事件对应本行的周数据。这样保证了数据量小，轻量级，响应迅速，不至于创建很大的一个list集合。

并且还是用了以下代码准确的判断滑动的页面，当做回调使用

 LaunchedEffect(pagerState) {
      snapshotFlow { pagerState.currentPage }.collect { page ->
          XLogger.d("snapshotFlow============>$page")
          homeViewModel.dispatch(HomeAction.UpdateData(page))
      }
  }

数据生成的算法和绘制基本一致，UIState 添加了少许参数用于数据切换。
看一下动效图

github地址

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

会编程的猩猩

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
49. Compose自定义日历-3

Compose绘制日历实现周历和月历的切换。
复制链接

扫一扫

专栏目录

docker-compose-Darwin-x86_64.tgz

03-08

【标题】"docker-compose-Darwin-x86_64.tgz" 是一个针对苹果Darwin（即Mac OS）平台的x86_64架构的Docker Compose安装包。Docker Compose是一个用于定义和运行多容器Docker应用程序的工具。它允许通过YAML文件来...

Android Compose 简易日历

fanketly的博客

11-30

2403

初学Compose肯定要做些东西来熟悉，接下来我来分享我做的一个简易日历。首先推荐一个网站，Accompanist是一组库，旨在用开发人员通常需要但尚不可用的功能来补充[Jetpack Compose。]。https://google.github.io/accompanist/pager/ 然后是一个库，帮助我们在compose里创建和管理viewmodel implementation(‘androidx.lifecycle:lifecycle-viewmodel-compose:2.4.0’) 首先

参与评论您还未登录，请先登录后发表或查看评论

48. Compose自定义绘制日历-2

u010436867的博客

07-04

331

Compose UI 实现日历，模式切换。

Compose 可组合项 - 日期选择 DatePicker、DatePickerDialog

最新发布

HugMua的博客

06-17

1136

onDismissRequest: () -> Unit, //关闭对话框回调confirmButton: @Composable () -> Unit, //确认按钮= null, //取消按钮properties: DialogProperties = DialogProperties(usePlatformDefaultWidth = false), //对话框配置，详见。

47. Compose自定义绘制日历-1

u010436867的博客

06-30

853

有个日历的需求, 自己实现一下简单的。

ComposeUI——日历控件（CalendarComponent）

lifeidroid的专栏

11-15

1328

可选择日期范围的日历控件

Jetpack Compose Material3 组件之 DatePicker（日期选择）

sinat_17133389的博客

06-19

2121

本文只是简要介绍了关于 Compsoe Material3 中关于日期选择的基本使用方法，更多的使用方法还需要读者自行探索。可以看到，Compose 的官方组件已经越来越多，越来越趋向于成熟。相较于正式版刚发布没多久时的什么东西都没有，什么都需要自己造轮子的状态，现在几乎已经涵盖了我们开发中常用到的各种控件和需求了。

Android Compose实现数字选择器

wbl9904的博客

11-13

620

好久没有写博客了，现在来写一篇关于compose的实现数字滚动选择器吧，这是因为我公司项目里面的一个组件有用到类似的功能，在刚开始的时候我也去网上查找借鉴了很多的大佬写的实现类似的功能，后面我根据大佬写的去研究了一下重新改了一下比较适合我的一个写法，也认为会比较通用的一个方法，话不多说先上成品给大家看看。写到现在感觉自己写的很粗糙，但还有很多不足之处，这篇文章也是根据前人的基础来进行完成的。如果文章阅读当中有不同的想法欢迎提出来，让我们一起进步。

docker-compose-Linux-v1.25.5.rar

06-02

下载后解压rar，将内部的docker-compose-Linux-x86_64上传到服务器指定目录。重命名：mv docker-compose-Linux-x86_64 docker-compose 授予可执行权限：chmod +x docker-compose 查看版本，验证安装成功：docker-...

docker-compose-Windows-x86_64.exe

12-15

docker-compose 创建并运行 docker-compose up -d 停止docker docker-compose stop 删除docker docker-compose rm --all

docker-compose-Linux-1.29.2.tgz

07-21

docker-compose-Linux-1.29.2原文件及安装程序

Calpose是一款轻巧易用的Calendar渲染器/小部件，适用于Android / Jetpack Compose。-Android开发

05-26

Calpose是一款轻巧易用的Calendar渲染器/小部件，适用于Android / Jetpack Compose。 Calpose是一款轻巧易用的Calendar渲染器/小部件，适用于Android / Jetpack Compose。！注意：给定compose的Alpha状态，重要的是Calpose的Compose版本与您的相匹配。！最好在两种情况下都始终使用最新版本。！请查阅下面的版本变更日志以获取更多信息。渲染器？ Calpose的目标是避免对日历的样式施加任何规则或限制。我们希望您完全控制UI aspe

docker-compose-linux-x86_64

09-21

Docker-Compose项目是Docker官方的开源项目，负责实现对Docker容器集群的快速编排。 Docker-Compose将所管理的容器分为三层，分别是工程（project），服务（service）以及容器（container）。Docker-Compose运行...

Android Compose日期选择器

fanketly的博客

12-18

2723

由于官方还没有推出日期选择器，我们只能自己制作，或者通过AndoirdView和DatePickerDialog。下面是我自己制作的一个Compose日期选择器，以下都只能用作学习，还达不到项目使用需要的效果。将JitPack存储库添加到您的构建文件中(项目根目录下build.gradle文件) allprojects { repositories { … maven { url ‘https://jitpack.io’ } } } 添加依赖项 dependencies { implementation

日程安排工具Calendso

wbsu2004的博客

11-15

4353

什么是 Calendso ？ Calendso 是 Calendly 的开源替代方案，作为日程安排工具可以大大简化我们的生活，可用于商务会议、研讨会、瑜伽课程，甚至与家人通话等，提供 API 接口和 WebHook，支持自托管，可完全由自己掌控数据、事件、流程和 UI。【工作原理】：A 公布自己的时间表，B 根据 A 的时间表进行预约，节省了来回沟通的时间，提高了预约的成功率老苏觉得比较适合于医生、钢琴课等一对一服务的行业安装 Calendso 涉及到两个镜像，比较简单的安装方式是编排 doc.

19. Compose一些难用的控件(Dialog、TextField)

u010436867的博客

12-07

3473

又爱又恨的Compose

25. 加载中Loading-Compose仿制IOS效果 (菊花)

u010436867的博客

03-01

2206

绘制利用生命周期控制转圈圈和倒计时还没研究好如何利用动画周期性的驱动绘制，后面再做优化。 @Composable fun Loading( whiteBackground: Boolean = false, viewModel: LoadingViewModel = androidx.lifecycle.viewmodel.compose.viewModel(), lifecycleOwner: LifecycleOwner = LocalLifecycleOwne...

30. Compose性能优化 (持续更新中)

u010436867的博客

06-14

1625

Compose UI性能优化小知识点长期更新

transforms.Compose 自定义输入

07-27

transforms.Compose 是 torchvision 库中的一个函数，用于将多个图像预处理操作组合在一起，以便对输入数据进行一系列的预处理。你可以使用 transforms.Compose 自定义输入，按照自己的需求组合不同的图像预处理操作。以下是一个示例： ```python import torchvision.transforms as transforms # 自定义预处理操作 custom_transforms = transforms.Compose([ transforms.Resize((256, 256)), # 调整图像大小为 256x256 transforms.CenterCrop(224), # 从中心裁剪出 224x224 的图像 transforms.ToTensor(), # 将图像转换为 Tensor 格式 transforms.Normalize(mean=[0.485, 0.456, 0.406], std=[0.229, 0.224, 0.225]) # 图像标准化 ]) # 使用自定义预处理操作对输入数据进行处理 input_image = custom_transforms(input_image) ``` 上述示例中，我们首先定义了一个自定义的预处理操作列表 `custom_transforms`，其中包括了对图像进行调整大小、中心裁剪、转换为 Tensor 格式和标准化的操作。然后，将输入图像 `input_image` 应用这些预处理操作。通过使用 transforms.Compose，你可以根据自己的需求灵活地组合和定制图像预处理操作，以便符合你的任务需求。