{"id":17054,"date":"2025-10-30T19:10:50","date_gmt":"2025-10-30T17:10:50","guid":{"rendered":"https:\/\/www.beseit.net\/?page_id=17054"},"modified":"2025-11-03T11:27:45","modified_gmt":"2025-11-03T09:27:45","slug":"com-substituir-mainactivity-kt-duna-app-compose-per-una-basada-en-xml-i-texttospeech","status":"publish","type":"page","link":"https:\/\/www.beseit.net\/?page_id=17054","title":{"rendered":"Com substituir MainActivity.kt d\u2019una app Compose per una basada en XML i TextToSpeech (codi)"},"content":{"rendered":"\n

S\u00ed, \u00e9s possible substituir<\/strong> el MainActivity.kt<\/code> que et va generar Android Studio per una versi\u00f3 que no utilitzi Jetpack Compose<\/strong> i que en canvi faci servir vistes cl\u00e0ssiques (XML)<\/strong> com al codi Java que proposes \u2014 per\u00f2 caldr\u00e0 fer alguns canvis addicionals<\/strong> al projecte, perqu\u00e8 ara est\u00e0 configurat per funcionar amb Jetpack Compose<\/strong>, i el teu codi Java fa servir AppCompatActivity + XML<\/strong>.<\/p>\n\n\n\n

A continuaci\u00f3 t\u2019explico pas a pas<\/strong> qu\u00e8 has de fer per fer aquest canvi de forma neta i funcional.<\/p>\n\n\n\n

\n\n\n\n

? Objectiu<\/h3>\n\n\n\n

Passar d\u2019un projecte Compose<\/strong> (modern) a un projecte basat en XML i AppCompatActivity<\/strong> (cl\u00e0ssic), per poder usar el codi Java que tens (o la seva versi\u00f3 en Kotlin).<\/p>\n\n\n\n

\n\n\n\n

\u2705 Passos necessaris<\/h2>\n\n\n\n

1. Canvia la classe base de MainActivity<\/code><\/strong><\/h3>\n\n\n\n

El teu codi Java hereta de AppCompatActivity<\/code>, per\u00f2 el projecte actual usa ComponentActivity<\/code> (per Compose).
Aix\u00f2 est\u00e0 b\u00e9, per\u00f2 caldr\u00e0 afegir la depend\u00e8ncia d\u2019AppCompat<\/strong> si no hi \u00e9s.<\/p>\n\n\n\n

2. Afegeix les depend\u00e8ncies d\u2019AppCompat (si no hi s\u00f3n)<\/strong><\/h3>\n\n\n\n

Obre el fitxer app\/build.gradle.kts<\/code><\/strong> (o build.gradle<\/code> si \u00e9s en Groovy) i assegura\u2019t que tens:<\/p>\n\n\n\n

dependencies {\n    implementation(\"androidx.appcompat:appcompat:1.7.0\")\n    implementation(\"com.google.android.material:material:1.12.0\")\n    \/\/ ... altres depend\u00e8ncies\n}<\/pre>\n\n\n\n
\n
Si ja tens aquestes l\u00ednies, perfecte. Si no, afegeix-les i fes Sync Now<\/strong>.<\/p>\n<\/blockquote>\n\n\n\n
\n\n\n\n
3. Crea el fitxer de disseny XML<\/strong><\/h3>\n\n\n\n
El teu codi Java fa servir setContentView(R.layout.activity_main)<\/code> i findViewById<\/code>, aix\u00ed que necessites un fitxer XML.<\/p>\n\n\n\n
Crea res\/layout\/activity_main.xml<\/code>:<\/h4>\n\n\n\n
Dins de app\/src\/main\/res\/layout\/<\/code>, crea (o substitueix) el fitxer:<\/p>\n\n\n\n
<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<LinearLayout\n    xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n    android:layout_width=\"match_parent\"\n    android:layout_height=\"match_parent\"\n    android:orientation=\"vertical\"\n    android:padding=\"16dp\">\n\n    <EditText\n        android:id=\"@+id\/editText\"\n        android:layout_width=\"match_parent\"\n        android:layout_height=\"wrap_content\"\n        android:hint=\"Escriu aqu\u00ed...\"\n        android:inputType=\"textMultiLine\"\n        android:lines=\"3\" \/>\n\n    <Button\n        android:id=\"@+id\/btnSpeak\"\n        android:layout_width=\"match_parent\"\n        android:layout_height=\"wrap_content\"\n        android:text=\"Parla!\" \/>\n\n<\/LinearLayout><\/pre>\n\n\n\n
\n\n\n\n
4. Reescriu MainActivity.kt<\/code> en Kotlin (versi\u00f3 moderna del teu Java)<\/strong><\/h3>\n\n\n\n
Pots mantenir Kotlin (recomanat) i fer el mateix que el teu Java, per\u00f2 en Kotlin:<\/p>\n\n\n\n
package com.example.mytest\n\nimport android.os.Bundle\nimport android.speech.tts.TextToSpeech\nimport android.widget.Button\nimport android.widget.EditText\nimport android.widget.Toast\nimport androidx.appcompat.app.AppCompatActivity\nimport java.util.Locale\n\nclass MainActivity : AppCompatActivity() {\n\n    private lateinit var tts: TextToSpeech\n    private lateinit var editText: EditText\n    private lateinit var btnSpeak: Button\n\n    override fun onCreate(savedInstanceState: Bundle?) {\n        super.onCreate(savedInstanceState)\n        setContentView(R.layout.activity_main)\n\n        editText = findViewById(R.id.editText)\n        btnSpeak = findViewById(R.id.btnSpeak)\n\n        tts = TextToSpeech(this) { status ->\n            if (status == TextToSpeech.SUCCESS) {\n                val result = tts.setLanguage(Locale(\"ca\", \"ES\"))\n                if (result == TextToSpeech.LANG_MISSING_DATA || result == TextToSpeech.LANG_NOT_SUPPORTED) {\n                    Toast.makeText(this, \"\u26a0\ufe0f Veu catalana no disponible\", Toast.LENGTH_LONG).show()\n                }\n            }\n        }\n\n        btnSpeak.setOnClickListener {\n            val text = editText.text.toString()\n            if (text.isNotEmpty()) {\n                tts.speak(text, TextToSpeech.QUEUE_FLUSH, null, null)\n            }\n        }\n    }\n\n    override fun onDestroy() {\n        tts.stop()\n        tts.shutdown()\n        super.onDestroy()\n    }\n}<\/pre>\n\n\n\n
\n
? Nota: El package<\/code> ha de ser com.example.mytest<\/code> (el del teu projecte), no<\/strong> com.exemple.ttscatala<\/code>.<\/p>\n<\/blockquote>\n\n\n\n
\n\n\n\n
5. Elimina o comenta el codi de Compose<\/strong><\/h3>\n\n\n\n
Ja no necessites:<\/p>\n\n\n\n