Я пытаюсь реализовать список элементов с возможностью удаления элементов с помощью смахивания. В основном я использовал составные элементы LazyColumn и SwipeToDismiss.
С конфигурацией по умолчанию вертикальная прокрутка LazyColumn и горизонтальное пролистывание SwipeToDismiss смешиваются, и я в основном запускаю SwipeToDismiss при попытке выполнить вертикальную прокрутку.
Чтобы иметь возможность изменять чувствительность SwipeToDismiss, я посмотрел, как работает сенсорная система. Насколько я понимаю, детские компонуемые объекты должны спрашивать родителей, прежде чем использовать события перетаскивания, и родители могут использовать их перед детьми, используя вложенныйScroll. Но есть проблема с SwipeToDismiss: он не отправляет события перетаскивания родителям, если угол перетаскивания по оси x&y находится в диапазоне от 0 до 45 градусов. Таким образом, родители не могут использовать события перетаскивания.
Проблему можно воспроизвести, изменив пример на странице документацииnestedScroll. Просто замените элементы на SwipeToDismiss. Вы также можете найти измененный исходный код примера ниже.
Я пытаюсь понять, является ли это ошибкой или я что-то упускаю, и как я могу улучшить совместную работу SwipeToDismiss и вертикальной прокрутки.
// here we use LazyColumn that has build-in nested scroll, but we want to act like a
// parent for this LazyColumn and participate in its nested scroll.
// Let's make a collapsing toolbar for LazyColumn
val toolbarHeight = 48.dp
val toolbarHeightPx = with(LocalDensity.current) { toolbarHeight.roundToPx().toFloat() }
// our offset to collapse toolbar
val toolbarOffsetHeightPx =
remember { mutableStateOf(0f) }
// now, let's create connection to the nested scroll system and listen to the scroll
// happening inside child LazyColumn
val nestedScrollConnection = remember {
object : NestedScrollConnection {
override fun onPreScroll(available: Offset, source: NestedScrollSource): Offset {
// try to consume before LazyColumn to collapse toolbar if needed, hence pre-scroll
val delta = available.y
val newOffset = toolbarOffsetHeightPx.value + delta
toolbarOffsetHeightPx.value = newOffset.coerceIn(-toolbarHeightPx, 0f)
// here's the catch: let's pretend we consumed 0 in any case, since we want
// LazyColumn to scroll anyway for good UX
// We're basically watching scroll without taking it
return Offset.Zero
}
}
}
Box(
Modifier
.fillMaxSize()
// attach as a parent to the nested scroll system
.nestedScroll(nestedScrollConnection)
) {
// our list with build in nested scroll support that will notify us about its scroll
LazyColumn(contentPadding = PaddingValues(top = toolbarHeight)) {
items(100) { index ->
val state = remember { DismissState(DismissValue.Default) { true } }
SwipeToDismiss(state = state, background = {
Text(text = "Background", modifier = Modifier.fillMaxWidth().background(color = androidx.compose.ui.graphics.Color.Red))
}) {
Text("I'm item $index", modifier = Modifier
.fillMaxWidth()
.background(color = Color.Black)
.padding(16.dp))
}
}
}
TopAppBar(
modifier = Modifier
.height(toolbarHeight)
.offset { IntOffset(x = 0, y = toolbarOffsetHeightPx.value.roundToInt()) },
title = { Text("toolbar offset is ${toolbarOffsetHeightPx.value}") }
)
}
Подробнее здесь: https://stackoverflow.com/questions/705 ... ck-compose
SwipeToDismiss и NestedScroll не работают вместе - Jetpack Compose ⇐ Android
Форум для тех, кто программирует под Android
-
Anonymous
1763960292
Anonymous
Я пытаюсь реализовать список элементов с возможностью удаления элементов с помощью смахивания. В основном я использовал составные элементы LazyColumn и SwipeToDismiss.
С конфигурацией по умолчанию вертикальная прокрутка LazyColumn и горизонтальное пролистывание SwipeToDismiss смешиваются, и я в основном запускаю SwipeToDismiss при попытке выполнить вертикальную прокрутку.
Чтобы иметь возможность изменять чувствительность SwipeToDismiss, я посмотрел, как работает сенсорная система. Насколько я понимаю, детские компонуемые объекты должны спрашивать родителей, прежде чем использовать события перетаскивания, и родители могут использовать их перед детьми, используя вложенныйScroll. Но есть проблема с SwipeToDismiss: он не отправляет события перетаскивания родителям, если угол перетаскивания по оси x&y находится в диапазоне от 0 до 45 градусов. Таким образом, родители не могут использовать события перетаскивания.
Проблему можно воспроизвести, изменив пример на странице документацииnestedScroll. Просто замените элементы на SwipeToDismiss. Вы также можете найти измененный исходный код примера ниже.
Я пытаюсь понять, является ли это ошибкой или я что-то упускаю, и как я могу улучшить совместную работу SwipeToDismiss и вертикальной прокрутки.
// here we use LazyColumn that has build-in nested scroll, but we want to act like a
// parent for this LazyColumn and participate in its nested scroll.
// Let's make a collapsing toolbar for LazyColumn
val toolbarHeight = 48.dp
val toolbarHeightPx = with(LocalDensity.current) { toolbarHeight.roundToPx().toFloat() }
// our offset to collapse toolbar
val toolbarOffsetHeightPx =
remember { mutableStateOf(0f) }
// now, let's create connection to the nested scroll system and listen to the scroll
// happening inside child LazyColumn
val nestedScrollConnection = remember {
object : NestedScrollConnection {
override fun onPreScroll(available: Offset, source: NestedScrollSource): Offset {
// try to consume before LazyColumn to collapse toolbar if needed, hence pre-scroll
val delta = available.y
val newOffset = toolbarOffsetHeightPx.value + delta
toolbarOffsetHeightPx.value = newOffset.coerceIn(-toolbarHeightPx, 0f)
// here's the catch: let's pretend we consumed 0 in any case, since we want
// LazyColumn to scroll anyway for good UX
// We're basically watching scroll without taking it
return Offset.Zero
}
}
}
Box(
Modifier
.fillMaxSize()
// attach as a parent to the nested scroll system
.nestedScroll(nestedScrollConnection)
) {
// our list with build in nested scroll support that will notify us about its scroll
LazyColumn(contentPadding = PaddingValues(top = toolbarHeight)) {
items(100) { index ->
val state = remember { DismissState(DismissValue.Default) { true } }
SwipeToDismiss(state = state, background = {
Text(text = "Background", modifier = Modifier.fillMaxWidth().background(color = androidx.compose.ui.graphics.Color.Red))
}) {
Text("I'm item $index", modifier = Modifier
.fillMaxWidth()
.background(color = Color.Black)
.padding(16.dp))
}
}
}
TopAppBar(
modifier = Modifier
.height(toolbarHeight)
.offset { IntOffset(x = 0, y = toolbarOffsetHeightPx.value.roundToInt()) },
title = { Text("toolbar offset is ${toolbarOffsetHeightPx.value}") }
)
}
Подробнее здесь: [url]https://stackoverflow.com/questions/70570319/swipetodismiss-nestedscroll-does-not-work-well-together-jetpack-compose[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия