🧭 Apartat	📘 Què mostra
Project	Vista general del projecte amb carpetes reals (carpeta res/ values-> nom projecte
Packages	Agrupa fitxers per package (més útil per Java/Kotlin)
Project Files	Tots els fitxers incloent ocults i de configuració
Production	Fitxers que es compilen (activitats, fragments, etc.)
Tests	Fitxers de proves unitàries o d’integració
Project Source Files	Fonts del projecte (codi font, layouts…)
Project Non-Source Files	Recursos i configuració (manifest, icones…)
Open Files	Fitxers oberts actualment a l’editor
Scratches and Consoles	Notes temporals, proves ràpides, scripts…
Android	Vista més clara: mostra només el contingut rellevant

✅ OBJECTIU:

Crear una app Android que:

• Es mostri com una app normal (amb nom i icona personalitzats).
• Carregui automàticament la web especificada dins un WebView.
• Funcioni sense mostrar la barra d’adreces.
• Opcional: funcioni a pantalla completa, sense toolbar.

---

Qwen3-Coder

Perfecte! Et guiaré pas a pas per crear una app Android que carregui la calculadora web en un WebView amb els requisits que has especificat.

PAS 1: Crear el Projecte

1. Obre Android Studio
2. Create New Project
3. Selecciona Empty Activity
4. Nom del projecte: “CalculadoraWebView”
5. Package name: com.example.calculadorawebview
6. Language: Kotlin (el tipic d’Android)
7. Finish

PAS 2: Configurar els Permisos

A AndroidManifest.xml, afegeix el permís d’Internet abans de l’etiqueta <application>:

xml

<uses-permission android:name="android.permission.INTERNET" />

---

PAS 3: Crear la MainActivity (Kotlin)

Substitueix el contingut de MainActivity.kt amb aquest codi:

kotlin

package com.example.calculadorawebview

import android.os.Bundle
import android.view.View
import android.webkit.WebChromeClient
import android.webkit.WebView
import android.webkit.WebViewClient
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.viewinterop.AndroidView

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        
        // Amaga la barra d'estat (pantalla completa)
        window.decorView.systemUiVisibility = (
            View.SYSTEM_UI_FLAG_IMMERSIVE
            or View.SYSTEM_UI_FLAG_LAYOUT_STABLE
            or View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
            or View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
            or View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
            or View.SYSTEM_UI_FLAG_FULLSCREEN
        )
        
        setContent {
            WebViewApp()
        }
    }
}

@Composable
fun WebViewApp() {
    AndroidView(
        factory = { context ->
            WebView(context).apply {
                webViewClient = object : WebViewClient() {
                    override fun shouldOverrideUrlLoading(
                        view: WebView?,
                        url: String?
                    ): Boolean {
                        // Carrega totes les URLs dins del mateix WebView
                        return false
                    }
                }
                
                webChromeClient = WebChromeClient()
                settings.javaScriptEnabled = true
                settings.domStorageEnabled = true
                settings.mediaPlaybackRequiresUserGesture = false
                
                // Carrega la URL sense barra d'adreces
                loadUrl("https://www.beseit.net/calculadora/")
            }
        },
        modifier = Modifier.fillMaxSize()
    )
}

---

PAS 4: Personalitzar el Nom de l’App

A app/src/main/res/values/strings.xml, canvia el nom:

<resources>
    <string name="app_name">Calculadora</string>
</resources>

---

PAS 5: Personalitzar la Icona de l’App

1. Ves a File > New > Image Asset
2. Icon Type: Launcher Icons
3. Name: ic_launcher
4. Asset Type: Clip Art
5. A Clip Art, fes clic a la icona i busca “calculator”
6. Background Layer: Tria un color de fons
7. Next > Finish

PAS 6: Configurar Pantalla Completa (opcional)

Per assegurar que sempre sigui pantalla completa, afegeix això a themes.xml:

A app/src/main/res/values/themes.xml:

xml

<resources xmlns:tools="http://schemas.android.com/tools">
    <style name="Theme.CalculadoraWebView" parent="android:Theme.Material.Light.NoActionBar">
        <item name="android:windowFullscreen">true</item>
    </style>
</resources>

---

PAS 7: Executar l’App

1. Connecta el teu dispositiu Xiaomi (que ja sabem que funciona)
2. Fes clic al botó ▶ (Run)
3. Selecciona el teu dispositiu

Resultat:

L’app:

• ✅ Té un nom personalitzat (“Calculadora”)
• ✅ Té una icona personalitzada
• ✅ Carrega automàticament la web de la calculadora
• ✅ No mostra la barra d’adreces
• ✅ Funciona a pantalla completa (sense toolbar ni barra d’estat)

Un cop verificat això, ja pots executar l’app al teu dispositiu Xiaomi i hauria de mostrar la calculadora web en pantalla completa! 📱

---

---