Cut geometry sample

samples/cut-geometry/README.md

@@ -23,6 +23,10 @@ Tap the "Cut" button to cut the polygon with the polyline and see the resulting
 * Polygon
 * Polyline
 
+## Additional information
+
+This sample uses the GeoView-Compose Toolkit module to be able to implement a composable MapView.
+
 ## Tags
 
-cut, geometry, split
+cut, geometry, geoview-compose, split, toolkit

samples/cut-geometry/README.metadata.json

@@ -1,30 +1,34 @@
 {
-    "category": "Edit and Manage Data",
-    "description": "Cut a geometry along a polyline.",
-    "formal_name": "CutGeometry",
-    "ignore": false,
-    "images": [
-        "cut-geometry.png"
-    ],
-    "keywords": [
-        "cut",
-        "geometry",
-        "split",
-        "GeometryEngine",	
-        "Polygon",	
-        "Polyline"
-    ],
-    "language": "kotlin",
-    "redirect_from": [
-        "/android/latest/sample-code/cut-geometry.htm"
-    ],
-    "relevant_apis": [
-        "GeometryEngine",
-        "Polygon",
-        "Polyline"
-    ],
-    "snippets": [
-        "src/main/java/com/esri/arcgismaps/sample/cutgeometry/MainActivity.kt"
-    ],
-    "title": "Cut geometry"
+  "category": "Edit and Manage Data",
+  "description": "Cut a geometry along a polyline.",
+  "formal_name": "CutGeometry",
+  "ignore": false,
+  "images": [
+      "cut-geometry.png"
+  ],
+  "keywords": [
+      "cut",
+      "geometry",
+      "geoview-compose",
+      "split",
+      "toolkit",
+      "GeometryEngine",
+      "Polygon",
+      "Polyline"
+  ],
+  "language": "kotlin",
+  "redirect_from": [
+      "/android/latest/sample-code/cut-geometry.htm"
+  ],
+  "relevant_apis": [
+      "GeometryEngine",
+      "Polygon",
+      "Polyline"
+  ],
+  "snippets": [
+      "src/main/java/com/esri/arcgismaps/sample/cutgeometry/components/CutGeometryViewModel.kt",
+      "src/main/java/com/esri/arcgismaps/sample/cutgeometry/MainActivity.kt",
+      "src/main/java/com/esri/arcgismaps/sample/cutgeometry/screens/CutGeometryScreen.kt"
+  ],
+  "title": "Cut geometry"
 }

samples/cut-geometry/build.gradle.kts

@@ -1,5 +1,6 @@
 plugins {
     alias(libs.plugins.arcgismaps.android.library)
+    alias(libs.plugins.arcgismaps.android.library.compose)
     alias(libs.plugins.arcgismaps.kotlin.sample)
     alias(libs.plugins.gradle.secrets)
 }
@@ -11,9 +12,7 @@ secrets {
 
 android {
     namespace = "com.esri.arcgismaps.sample.cutgeometry"
-    // For view based samples
     buildFeatures {
-        dataBinding = true
         buildConfig = true
     }
 }

samples/cut-geometry/src/main/AndroidManifest.xml

@@ -6,7 +6,7 @@
     <application><activity
             android:exported="true"
             android:name=".MainActivity"
-            android:label="@string/cut_geometry_app_name">
+            android:label="@string/display_composable_map_view_app_name">
 
         </activity>
     </application>

samples/cut-geometry/src/main/java/com/esri/arcgismaps/sample/cutgeometry/MainActivity.kt

@@ -1,4 +1,4 @@
-/* Copyright 2022 Esri
+/* Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -17,182 +17,37 @@
 package com.esri.arcgismaps.sample.cutgeometry
 
 import android.os.Bundle
-import androidx.appcompat.app.AppCompatActivity
-import androidx.databinding.DataBindingUtil
+import androidx.activity.ComponentActivity
+import androidx.activity.compose.setContent
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Surface
+import androidx.compose.runtime.Composable
 import com.arcgismaps.ApiKey
 import com.arcgismaps.ArcGISEnvironment
-import com.arcgismaps.Color
-import com.arcgismaps.geometry.GeometryEngine
-import com.arcgismaps.geometry.Point
-import com.arcgismaps.geometry.PolygonBuilder
-import com.arcgismaps.geometry.Polyline
-import com.arcgismaps.geometry.PolylineBuilder
-import com.arcgismaps.geometry.SpatialReference
-import com.arcgismaps.mapping.ArcGISMap
-import com.arcgismaps.mapping.BasemapStyle
-import com.arcgismaps.mapping.Viewpoint
-import com.arcgismaps.mapping.symbology.SimpleFillSymbol
-import com.arcgismaps.mapping.symbology.SimpleFillSymbolStyle
-import com.arcgismaps.mapping.symbology.SimpleLineSymbol
-import com.arcgismaps.mapping.symbology.SimpleLineSymbolStyle
-import com.arcgismaps.mapping.view.Graphic
-import com.arcgismaps.mapping.view.GraphicsOverlay
-import com.arcgismaps.mapping.view.MapView
-import com.esri.arcgismaps.sample.cutgeometry.databinding.CutGeometryActivityMainBinding
+import com.esri.arcgismaps.sample.sampleslib.theme.SampleAppTheme
+import com.esri.arcgismaps.sample.cutgeometry.screens.CutGeometryScreen
 
-class MainActivity : AppCompatActivity() {
-
-    private val lakeSuperiorPolygon by lazy {
-        PolygonBuilder(SpatialReference.webMercator()) {
-            addPoint(Point(-10254374.668616, 5908345.076380))
-            addPoint(Point(-10178382.525314, 5971402.386779))
-            addPoint(Point(-10118558.923141, 6034459.697178))
-            addPoint(Point(-9993252.729399, 6093474.872295))
-            addPoint(Point(-9882498.222673, 6209888.368416))
-            addPoint(Point(-9821057.766387, 6274562.532928))
-            addPoint(Point(-9690092.583250, 6241417.023616))
-            addPoint(Point(-9605207.742329, 6206654.660191))
-            addPoint(Point(-9564786.389509, 6108834.986367))
-            addPoint(Point(-9449989.747500, 6095091.726408))
-            addPoint(Point(-9462116.153346, 6044160.821855))
-            addPoint(Point(-9417652.665244, 5985145.646738))
-            addPoint(Point(-9438671.768711, 5946341.148031))
-            addPoint(Point(-9398250.415891, 5922088.336339))
-            addPoint(Point(-9419269.519357, 5855797.317714))
-            addPoint(Point(-9467775.142741, 5858222.598884))
-            addPoint(Point(-9462924.580403, 5902686.086985))
-            addPoint(Point(-9598740.325877, 5884092.264688))
-            addPoint(Point(-9643203.813979, 5845287.765981))
-            addPoint(Point(-9739406.633691, 5879241.702350))
-            addPoint(Point(-9783061.694736, 5922896.763395))
-            addPoint(Point(-9844502.151022, 5936640.023354))
-            addPoint(Point(-9773360.570059, 6019099.583107))
-            addPoint(Point(-9883306.649729, 5968977.105610))
-            addPoint(Point(-9957681.938918, 5912387.211662))
-            addPoint(Point(-10055501.612742, 5871965.858842))
-            addPoint(Point(-10116942.069028, 5884092.264688))
-            addPoint(Point(-10111283.079633, 5933406.315128))
-            addPoint(Point(-10214761.742852, 5888134.399970))
-            addPoint(Point(-10254374.668616, 5901877.659929))
-        }.toGeometry()
-    }
-
-    private val borderPolyline by lazy {
-        PolylineBuilder(SpatialReference.webMercator()) {
-            addPoint(Point(-9981328.687124, 6111053.281447))
-            addPoint(Point(-9946518.044066, 6102350.620682))
-            addPoint(Point(-9872545.427566, 6152390.920079))
-            addPoint(Point(-9838822.617103, 6157830.083057))
-            addPoint(Point(-9446115.050097, 5927209.572793))
-            addPoint(Point(-9430885.393759, 5876081.440801))
-            addPoint(Point(-9415655.737420, 5860851.784463))
-        }.toGeometry()
-    }
+class MainActivity : ComponentActivity() {
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
-
         // authentication with an API key or named user is
         // required to access basemaps and other location services
         ArcGISEnvironment.apiKey = ApiKey.create(BuildConfig.ACCESS_TOKEN)
 
-        // set up data binding for the activity
-        val activityMainBinding: CutGeometryActivityMainBinding =
-            DataBindingUtil.setContentView(this, R.layout.cut_geometry_activity_main)
-        val mapView = activityMainBinding.mapView
-        lifecycle.addObserver(mapView)
-        val cutButton = activityMainBinding.cutButton
-        val resetButton = activityMainBinding.resetButton
-
-        // set the map to be displayed in this view
-        mapView.map = ArcGISMap(BasemapStyle.ArcGISTopographic)
-
-        // create a graphic overlay
-        val graphicsOverlay = GraphicsOverlay()
-        mapView.graphicsOverlays.add(graphicsOverlay)
-
-        val (polygonGraphic, polylineGraphic) = createGraphics(graphicsOverlay, mapView)
-
-        cutButton.setOnClickListener {
-            // cut the graphic along the polyline to create 2 graphic parts
-            polygonGraphic.geometry?.let { graphicGeometry ->
-                val parts = GeometryEngine.tryCut(
-                    graphicGeometry,
-                    polylineGraphic.geometry as Polyline
-                )
-
-                // create graphics for the US and Canada sides
-                val canadaSide = Graphic(
-                    parts[0], SimpleFillSymbol(
-                        SimpleFillSymbolStyle.BackwardDiagonal,
-                        Color.green, SimpleLineSymbol(SimpleLineSymbolStyle.Null, Color.blue, 0F)
-                    )
-                )
-                val usSide = Graphic(
-                    parts[1], SimpleFillSymbol(
-                        SimpleFillSymbolStyle.ForwardDiagonal,
-                        Color.yellow, SimpleLineSymbol(SimpleLineSymbolStyle.Null, Color.blue, 0F)
-                    )
-                )
-                // add the graphics to the graphics overlay
-                graphicsOverlay.graphics.addAll(listOf(canadaSide, usSide))
-
-                // swap button state
-                cutButton.isEnabled = false
-                resetButton.isEnabled = true
+        setContent {
+            SampleAppTheme {
+                CutGeometryApp()
             }
         }
-
-        resetButton.setOnClickListener {
-            // clear existing graphics
-            graphicsOverlay.graphics.clear()
-
-            // recreate original graphics
-            createGraphics(graphicsOverlay, mapView)
-
-            // swap button state
-            cutButton.isEnabled = true
-            resetButton.isEnabled = false
-        }
-
     }
 
-    /**
-     * Create polygon and polyline graphics.
-     *
-     * @return polygon and polyline graphics
-     */
-    private fun createGraphics(
-        graphicsOverlay: GraphicsOverlay,
-        mapView: MapView
-    ): Pair<Graphic, Graphic> {
-        // create a blue polygon graphic to cut
-        val polygonGraphic = Graphic(
-            lakeSuperiorPolygon,
-            SimpleFillSymbol(
-                SimpleFillSymbolStyle.Solid, Color(R.color.transparentBlue),
-                SimpleLineSymbol(SimpleLineSymbolStyle.Solid, Color.blue, 2F)
-            )
-        )
-        graphicsOverlay.graphics.add(polygonGraphic)
-
-        // create a red polyline graphic to cut the polygon
-        val polylineGraphic = Graphic(
-            borderPolyline, SimpleLineSymbol(
-                SimpleLineSymbolStyle.Dot,
-                Color.red, 3F
+    @Composable
+    private fun CutGeometryApp() {
+        Surface(color = MaterialTheme.colorScheme.background) {
+            CutGeometryScreen(
+                sampleName = getString(R.string.cut_geometry_app_name)
             )
-        )
-        graphicsOverlay.graphics.add(polylineGraphic)
-        // zoom to show the polygon graphic
-        polygonGraphic.geometry?.let { graphicGeometry ->
-            mapView.setViewpoint(Viewpoint(graphicGeometry))
         }
-        return Pair(polygonGraphic, polylineGraphic)
     }
-
-    private val Color.Companion.blue: Color
-        get() {
-            return fromRgba(0, 0, 255, 255)
-        }
 }