Drag Select Compose:实现多平台图片多选功能的利器
在现代移动应用开发中,图片多选功能是一个常见且实用的需求。而实现这种功能可能涉及到复杂的手势处理和状态管理。今天,我将介绍一款强大的Compose多平台库——Drag Select Compose,它能够轻松实现类似于Google Photos的多选功能,并支持多平台使用。
适用平台
Drag Select Compose是一个为Compose多平台编写的库,支持以下平台:
- Android
- iOS
- JVM(桌面)
- JavaScript/WASM(浏览器)
灵感来源
这个库的灵感来源于这篇文章以及这个gist。同时,还借鉴了drag-select-recyclerview库的设计思路。
设置
您可以通过Gradle将该库添加到项目中。以下是单平台和多平台的设置方法。
单平台设置
在单平台项目(如Android)中添加依赖:
dependencies {
// 包含核心功能和所有可选模块
implementation("com.dragselectcompose:dragselect:2.3.0")
// 或者选择需要的模块
// 核心功能
implementation("com.dragselectcompose:core:2.3.0")
// 为Grid项添加语义和toggle修饰符的可选扩展
implementation("com.dragselectcompose:extensions:2.3.0")
// 为LazyGrid实现选择UI的可选包装器
implementation("com.dragselectcompose:grid:2.3.0")
}
多平台设置
在多平台项目中添加依赖:
kotlin {
sourceSets {
commonMain {
dependencies {
// 包含核心功能和所有可选模块
implementation("com.dragselectcompose:dragselect:2.3.0")
// 或者选择需要的模块
// 核心功能
implementation(