varnitgoyal95/uitron
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

TP-32960 | scroll direction change action in list (#90)

Browse Source
This commit is contained in:
Maila Rajanikanth
2023-06-19 18:35:18 +05:30
committed by GitHub Enterprise
parent 7e19d1a36a
commit 0e0ebcde20
7 changed files with 216 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

152
app/src/main/res/raw/mock.json
View File

@@ -7527,5 +7527,157 @@
"text": "Text 2"
}
}
},
"scrollDirectionMock": {
"data": {
"list": {
"viewType": "LazyColumn",
"scrollDirection": {
"up": {
"actions": [
{
"type": "UpdateDataAction",
"viewDataList": [
{
"layoutId": "item_text",
"data": {
"viewType": "Text",
"text": "Scrolling Up"
}
}
]
}
]
},
"down": {
"actions": [
{
"type": "UpdateDataAction",
"viewDataList": [
{
"layoutId": "item_text",
"data": {
"viewType": "Text",
"text": "Scrolling Down"
}
}
]
}
]
}
}
},
"item_text": {
"viewType": "Text",
"text": "List Item"
}
},
"view": [
{
"property": {
"viewType": "LazyColumn",
"width": "MATCH_PARENT",
"layoutId": "list",
"height": "WRAP_CONTENT",
"horizontalAlignment": "Start",
"verticalScroll": {
"enabled": true
}
},
"childrenViews": [
{
"property": {
"viewType": "Text",
"layoutId": "item_text",
"width": "MATCH_PARENT",
"height": "100",
"isStateFul": true
}
},
{
"property": {
"viewType": "Text",
"layoutId": "item_text",
"width": "MATCH_PARENT",
"height": "100",
"isStateFul": true
}
},
{
"property": {
"viewType": "Text",
"layoutId": "item_text",
"width": "MATCH_PARENT",
"height": "100",
"isStateFul": true
}
},
{
"property": {
"viewType": "Text",
"layoutId": "item_text",
"width": "MATCH_PARENT",
"height": "100",
"isStateFul": true
}
},
{
"property": {
"viewType": "Text",
"layoutId": "item_text",
"width": "MATCH_PARENT",
"height": "100",
"isStateFul": true
}
},
{
"property": {
"viewType": "Text",
"layoutId": "item_text",
"width": "MATCH_PARENT",
"height": "100",
"isStateFul": true
}
},
{
"property": {
"viewType": "Text",
"layoutId": "item_text",
"width": "MATCH_PARENT",
"height": "100",
"isStateFul": true
}
},
{
"property": {
"viewType": "Text",
"layoutId": "item_text",
"width": "MATCH_PARENT",
"height": "100",
"isStateFul": true
}
},
{
"property": {
"viewType": "Text",
"layoutId": "item_text",
"width": "MATCH_PARENT",
"height": "100",
"isStateFul": true
}
},
{
"property": {
"viewType": "Text",
"layoutId": "item_text",
"width": "MATCH_PARENT",
"height": "100",
"isStateFul": true
}
}
]
}
]
}
}

32
navi-uitron/src/main/java/com/navi/uitron/helpers/ScrollEventHandler.kt
View File

@@ -10,10 +10,14 @@ package com.navi.uitron.helpers
import androidx.compose.foundation.lazy.LazyListState
import androidx.compose.runtime.Composable
import androidx.compose.runtime.derivedStateOf
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import com.navi.uitron.model.data.ScrollAction
import com.navi.uitron.model.data.ScrollDirection
import com.navi.uitron.viewmodel.UiTronViewModel
import dpToPx
import androidx.compose.runtime.setValue
import androidx.compose.runtime.getValue
class ScrollEventHandler(private val viewModel: UiTronViewModel) {
@@ -75,4 +79,32 @@ class ScrollEventHandler(private val viewModel: UiTronViewModel) {
viewModel.handleActions(scrollAction?.down)
}
}
@Composable
fun ScrollDirectionChangeListener(listState: LazyListState, scrollDirection: ScrollDirection) {
if (listState.isScrollingUp()) {
viewModel.handleActions(scrollDirection.up)
} else {
viewModel.handleActions(scrollDirection.down)
}
}
@Composable
private fun LazyListState.isScrollingUp(): Boolean {
var previousIndex by remember(this) { mutableStateOf(firstVisibleItemIndex) }
var previousScrollOffset by remember(this) { mutableStateOf(firstVisibleItemScrollOffset) }
return remember(this) {
derivedStateOf {
if (previousIndex != firstVisibleItemIndex) {
previousIndex > firstVisibleItemIndex
} else {
previousScrollOffset >= firstVisibleItemScrollOffset
}.also {
previousIndex = firstVisibleItemIndex
previousScrollOffset = firstVisibleItemScrollOffset
}
}
}.value
}
}

11
navi-uitron/src/main/java/com/navi/uitron/model/data/LazyColumnData.kt
View File

@@ -12,8 +12,8 @@ import com.google.gson.annotations.SerializedName
class LazyColumnData(
@SerializedName("scrollData")
val scrollData: Map<String, ScrollAction>? = null,
@SerializedName("childrenDataList")
var childrenDataList: List<UiTronData?>? = null
@SerializedName("scrollDirection")
val scrollDirection: ScrollDirection? = null
) : UiTronData()
data class ScrollAction(
@@ -24,3 +24,10 @@ data class ScrollAction(
@SerializedName("down")
val down: UiTronActionData? = null
)
data class ScrollDirection(
@SerializedName("up")
val up: UiTronActionData? = null,
@SerializedName("down")
val down: UiTronActionData? = null
)

4
navi-uitron/src/main/java/com/navi/uitron/model/data/LazyRowData.kt
View File

@@ -12,6 +12,6 @@ import com.google.gson.annotations.SerializedName
class LazyRowData(
@SerializedName("scrollData")
val scrollData: Map<String, ScrollAction>? = null,
@SerializedName("childrenDataList")
var childrenDataList: List<UiTronData?>? = null
@SerializedName("scrollDirection")
val scrollDirection: ScrollDirection? = null
) : UiTronData()

20
navi-uitron/src/main/java/com/navi/uitron/render/AnimationRenderer.kt
View File

@@ -9,8 +9,10 @@ package com.navi.uitron.render
import androidx.compose.animation.AnimatedVisibility
import androidx.compose.animation.core.*
import androidx.compose.animation.expandIn
import androidx.compose.animation.fadeIn
import androidx.compose.animation.fadeOut
import androidx.compose.animation.shrinkOut
import androidx.compose.foundation.layout.Box
import androidx.compose.runtime.*
import androidx.compose.ui.Modifier
@@ -122,12 +124,18 @@ class AnimationRenderer(
.scale(scaleX = scaleXAnimation, scaleY = scaleYAnimation)) {
AnimatedVisibility(
visible = property.visible.orTrue(),
enter = fadeIn(
animationSpec = tween(property.fadeIn?.durationInMillis.orZero())
),
exit = fadeOut(
animationSpec = tween(property.fadeOut?.durationInMillis.orZero())
),
enter = property.fadeIn?.let {
fadeIn(animationSpec = tween(property.fadeIn?.durationInMillis.orZero()))
} ?: run {
fadeIn() + expandIn()
},
exit = property.fadeOut?.let {
fadeOut(
animationSpec = tween(property.fadeOut?.durationInMillis.orZero())
)
} ?: run {
shrinkOut() + fadeOut()
},
) {
uiTronRenderer.Render(composeViews = childrenComposeViews)
}

8
navi-uitron/src/main/java/com/navi/uitron/render/LazyColumnRenderer.kt
View File

@@ -100,10 +100,10 @@ class LazyColumnRenderer(
}
}
lazyColumnData?.scrollData?.let {
scrollEventHandler.HandleListScroll(
listState = lazyListState,
scrollData = it
)
scrollEventHandler.HandleListScroll(listState = lazyListState, scrollData = it)
}
lazyColumnData?.scrollDirection?.let {
scrollEventHandler.ScrollDirectionChangeListener(lazyListState, it)
}
}
}

3
navi-uitron/src/main/java/com/navi/uitron/render/LazyRowRenderer.kt
View File

@@ -107,6 +107,9 @@ class LazyRowRenderer(
scrollData = it
)
}
lazyRowData?.scrollDirection?.let {
scrollEventHandler.ScrollDirectionChangeListener(lazyListState, it)
}
}
}