add onGloballyPositioned Modifier sample

Author: SmartToolFactory

Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/chapter3_layout/Tutorial3_1CustomModifier.kt renamed to Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/chapter3_layout/Tutorial3_1_1CustomModifier.kt

@@ -25,7 +25,7 @@ import com.smarttoolfactory.tutorial1_1basics.ui.components.TutorialText2
 import kotlin.random.Random
 
 @Composable
-fun Tutorial3_1Screen() {
+fun Tutorial3_1Screen1() {
  TutorialContent()
 }
 

Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/chapter3_layout/Tutorial3_1_2OnGloballyPositionedModifier.kt

@@ -0,0 +1,65 @@
+package com.smarttoolfactory.tutorial1_1basics.chapter3_layout
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.*
+import androidx.compose.material.Text
+import androidx.compose.runtime.*
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.geometry.Offset
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.onGloballyPositioned
+import androidx.compose.ui.layout.positionInParent
+import androidx.compose.ui.layout.positionInRoot
+import androidx.compose.ui.layout.positionInWindow
+import androidx.compose.ui.unit.dp
+import com.smarttoolfactory.tutorial1_1basics.ui.components.StyleableTutorialText
+
+@Composable
+fun Tutorial3_1Screen2() {
+ TutorialContent()
+}
+
+@Composable
+private fun TutorialContent() {
+ Column(modifier =Modifier.fillMaxSize()) {
+ StyleableTutorialText(
+ text = "**onGloballyPositioned** Modifier returns position of the Composable " +
+ "inside parent, root or window. Window adds **StatusBar** height to root.",
+ bullets = false)
+ Box(modifier = Modifier
+ .fillMaxWidth()
+ .height(100.dp)
+ .background(Color.Red))
+ Column(modifier = Modifier.fillMaxWidth()) {
+ Box(modifier = Modifier
+ .fillMaxWidth()
+ .height(200.dp)
+ .background(Color.Yellow))
+ MyComposable()
+ }
+ }
+}
+
+@Composable
+private fun MyComposable() {
+
+
+ var text by remember { mutableStateOf("") }
+ Column(modifier = Modifier
+ .fillMaxWidth()
+ .height(300.dp)
+ .border(2.dp, Color.Red)
+ .onGloballyPositioned {
+ val positionInParent: Offset = it.positionInParent()
+ val positionInRoot: Offset = it.positionInRoot()
+ val positionInWindow: Offset = it.positionInWindow()
+ text =
+ "positionInParent: $positionInParent\n" +
+ "positionInRoot: $positionInRoot\n" +
+ "positionInWindow: $positionInWindow"
+ }
+ ) {
+ Text(text = text)
+ }
+}

Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/chapter5_gesture/Tutorial5_10_1.kt renamed to Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/chapter5_gesture/Tutorial5_10_1DetectColorOnTouchPosition.kt

@@ -483,12 +483,12 @@ fun createComponentTutorialList(onBack: () -> Unit): List<TutorialSectionModel>
 @Composable
 fun createLayoutTutorialList(): List<TutorialSectionModel> {
 
- val tutorial3_1 = TutorialSectionModel(
- title = stringResource(R.string.title3_1),
+ val tutorial3_1_1 = TutorialSectionModel(
+ title = stringResource(R.string.title3_1_1),
  description = "Create custom modifiers using layout, Measurable, Constraint, Placeable," +
  " and LayoutModifier.",
  action = {
- Tutorial3_1Screen()
+ Tutorial3_1Screen1()
  },
  tags = listOf(
  TAG_COMPOSE,
@@ -501,6 +501,20 @@ fun createLayoutTutorialList(): List<TutorialSectionModel> {
  tagColor = LayoutListColor
  )
 
+ val tutorial3_1_2 = TutorialSectionModel(
+ title = stringResource(R.string.title3_1_2),
+ description = "Use Modifier.onGloballyPositioned to get position of a Composable" +
+ "in parent, root or window.",
+ action = {
+ Tutorial3_1Screen2()
+ },
+ tags = listOf(
+ TAG_COMPOSE,
+ TAG_COMPOSE_MODIFIER
+ ),
+ tagColor = LayoutListColor
+ )
+
  val tutorial3_2_1 = TutorialSectionModel(
  title = stringResource(R.string.title3_2_1),
  description = "Create custom layout using using layout, Measurable, Constraint, Placeable.",
@@ -643,7 +657,8 @@ fun createLayoutTutorialList(): List<TutorialSectionModel> {
  )
 
  return listOf(
- tutorial3_1,
+ tutorial3_1_1,
+ tutorial3_1_2,
  tutorial3_2_1,
  tutorial3_2_2,
  tutorial3_2_3,

Tutorial1-1Basics/src/main/java/com/smarttoolfactory/tutorial1_1basics/tutorial_list/TutorialList.kt

@@ -28,7 +28,8 @@
  <string name="title2_11">2-11 Snack, Progress, Select</string>
  <string name="title2_12">2-12 Dialog</string>
  <string name="title2_13">2-13 SwipeToDismiss</string>
- <string name="title3_1">3-1 Custom Modifier</string>
+ <string name="title3_1_1">3-1-1 Custom Modifier</string>
+ <string name="title3_1_2">3-1-2 onGloballyPositioned</string>
  <string name="title3_2_1">3-2-1 Custom Layout</string>
  <string name="title_3_3_1">3-3-1 Scope and ParentDataModifier</string>
  <string name="title_3_4">3-4 BoxWithConstraints</string>