Add ui_layout.py

owenthcarey · owenthcarey · commit 18b08655ae9c · 2023-05-30T20:49:14.000-07:00
diff --git a/apps/android_pythonnative_3/app/src/main/java/com/pythonnative/pythonnative/MainActivity.kt b/apps/android_pythonnative_3/app/src/main/java/com/pythonnative/pythonnative/MainActivity.kt
@@ -4,47 +4,85 @@ import android.graphics.BitmapFactory
 import androidx.appcompat.app.AppCompatActivity
 import android.os.Bundle
 import android.util.Log
+import android.widget.Button
 import android.widget.ImageView
+import android.widget.TextView
+import android.graphics.Color
+import androidx.constraintlayout.widget.ConstraintLayout
 import com.chaquo.python.PyException
 import com.chaquo.python.Python
 import com.chaquo.python.android.AndroidPlatform
 import kotlinx.coroutines.CoroutineScope
 import kotlinx.coroutines.Dispatchers
 import kotlinx.coroutines.launch
 import kotlinx.coroutines.withContext
+import org.json.JSONObject
 
 class MainActivity : AppCompatActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         setContentView(R.layout.activity_main)
 
-        val imageView = findViewById<ImageView>(R.id.image_home)
-
         // Initialize Chaquopy
         if (!Python.isStarted()) {
             Python.start(AndroidPlatform(this))
         }
+
         val py = Python.getInstance()
-        val plotModule = py.getModule("plot")
-//        val createButtonModule = py.getModule("create_button")
-        val xInput = "1 2 3 4 5"
-        val yInput = "1 4 9 16 25"
-        CoroutineScope(Dispatchers.Main).launch {
-            try {
-                val bytes = plotModule.callAttr(
-                    "plot",
-                    xInput,
-                    yInput
-                ).toJava(ByteArray::class.java)
-                withContext(Dispatchers.IO) {
-                    val bitmap = BitmapFactory.decodeByteArray(bytes, 0, bytes.size)
-                    withContext(Dispatchers.Main) {
-                        imageView.setImageBitmap(bitmap)
+
+        // Generate UI from Python
+        val uiLayoutModule = py.getModule("ui_layout")
+        val layoutJson = uiLayoutModule.callAttr("generate_layout").toString()
+        val layout = JSONObject(layoutJson)
+        val widgets = layout.getJSONArray("widgets")
+
+        for (i in 0 until widgets.length()) {
+            val widget = widgets.getJSONObject(i)
+            when (widget.getString("type")) {
+                "Button" -> {
+                    val button = Button(this)
+                    button.text = widget.getJSONObject("properties").getString("text")
+                    button.setTextColor(Color.parseColor(widget.getJSONObject("properties").getString("textColor")))
+                    button.setBackgroundColor(Color.parseColor(widget.getJSONObject("properties").getString("backgroundColor")))
+
+                    if (widget.has("eventHandlers") && widget.getJSONObject("eventHandlers").has("onClick")) {
+                        val onClickFunctionName = widget.getJSONObject("eventHandlers").getString("onClick")
+                        val onClickFunction = py.getModule("ui_layout").get(onClickFunctionName)
+
+                        button.setOnClickListener {
+                            onClickFunction?.call()
+                        }
                     }
+
+                    // Add button to your layout here
+                    val layoutMain = findViewById<ConstraintLayout>(R.id.layout_main)
+                    layoutMain.addView(button)
                 }
-            } catch (e: PyException) {
-                Log.e("Python Error", "Error executing Python code", e)
+                // Handle other widget types...
             }
         }
+
+        // Existing code for displaying plot
+//        val imageView = findViewById<ImageView>(R.id.image_home)
+//        val plotModule = py.getModule("plot")
+//        val xInput = "1 2 3 4 5"
+//        val yInput = "1 4 9 16 25"
+//        CoroutineScope(Dispatchers.Main).launch {
+//            try {
+//                val bytes = plotModule.callAttr(
+//                    "plot",
+//                    xInput,
+//                    yInput
+//                ).toJava(ByteArray::class.java)
+//                withContext(Dispatchers.IO) {
+//                    val bitmap = BitmapFactory.decodeByteArray(bytes, 0, bytes.size)
+//                    withContext(Dispatchers.Main) {
+//                        imageView.setImageBitmap(bitmap)
+//                    }
+//                }
+//            } catch (e: PyException) {
+//                Log.e("Python Error", "Error executing Python code", e)
+//            }
+//        }
     }
-}
+}
diff --git a/apps/android_pythonnative_3/app/src/main/python/ui_layout.py b/apps/android_pythonnative_3/app/src/main/python/ui_layout.py
@@ -0,0 +1,24 @@
+import json
+
+
+def on_button_click():
+    print("Button clicked!")
+
+
+def generate_layout():
+    layout = {
+        "widgets": [
+            {
+                "type": "Button",
+                "properties": {
+                    "text": "Click me!",
+                    "textColor": "#FFFFFF",
+                    "backgroundColor": "#DB4437",
+                },
+                "eventHandlers": {
+                    "onClick": "on_button_click",
+                }
+            },
+        ]
+    }
+    return json.dumps(layout)
diff --git a/apps/android_pythonnative_3/app/src/main/res/layout/activity_main.xml b/apps/android_pythonnative_3/app/src/main/res/layout/activity_main.xml
@@ -2,6 +2,7 @@
 <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/layout_main"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     tools:context=".MainActivity">
