Animate images with image overlay

[TADraeseke]

Description

PR to add a new Kotlin sample "Animate images with image overlay" in Visualization category.

Links and Data

Sample issue: https://devtopia.esri.com/runtime/kotlin/issues/1138

• a vTest Job for this PR has been run
  • link: https://runtime-kotlin.esri.com/view/all/job/vtest/job/sampleviewer/64/

What To Review

[TADraeseke]

Thanks for all the detailed suggestions @shubham7109 -- changes made!

[shubham7109]

@TADraeseke The sample looks great. Thanks for making the changes, just a few minor enhancement suggestions.

[shubham7109]

fps could be part of an internal flow that creates a new fixedRateTimer on each update. This would allow us to change the fps of the animation in real-time.

[shubham7109]

Could use a @Preview function here:

Suggested change

	}
	}
	@Preview(showBackground = true)
	@Preview(uiMode = Configuration.UI_MODE_NIGHT_YES, showBackground = true)
	@Composable
	fun ClusterInfoContentPreview() {
	SampleAppTheme {
	Surface {
	ImageOverlayMenu(
	isStarted = true,
	fps = 60,
	opacity = 1F,
	fpsOptions = listOf(60, 30, 15),
	onFpsOptionSelected = { },
	onOpacityChanged = { },
	onIsStartedChanged = {}
	)
	}
	}
	}

[shubham7109]

Name change:

Suggested change

	updateFpsOption: KFunction1<Int, Unit>,
	updateOpacity: KFunction1<Float, Unit>,
	updateIsStarted: KFunction1<Boolean, Unit>
	onFpsOptionSelected: (Int) -> Unit,
	onOpacityChanged: (Float) -> Unit,
	onIsStartedChanged: (Boolean) -> Unit

[shubham7109]

This could be removed in favor of the fps provided by the view model.

Suggested change

var selectedFps by remember { mutableIntStateOf(60) }