Diferències

Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.

Enllaç a la visualització de la comparació

--- android_multimedia [2025/12/10 11:19]
enric_mieza_sanchez [Exercicis]
+++ android_multimedia [2025/12/10 20:16] (actual)
enric_mieza_sanchez [Exercicis]
@@ Línia 2: / Línia 2: @@
 Per multimèdia s'entenen els diferents mitjans que permeten a la persona humana percebre l'entorn. Els més destacats son la visió i la oïda, però també podrien incloure's el tacte, el gust i l'olfacte. I també la orientació, sabem si estem cap per avall mercès als canals semicirculars de la oïda (no és ni una brúixola ni un GPS però algo és algo).
+{{ android:sunset-camera-musica.png?450 }}
 Tot el relacionat amb sensors és susceptible d'entrar en aquesta categoria, però per raons d'extensió ens centrarem en:
@@ Línia 85: / Línia 87: @@
 {{ android:external-camera-app.png }}
-Així, els passos que cal fer son:
+Per a realitzar la foto //full-size// i guardar-la a l'espai privat caldrà:
-  - Crear un ''FileProvider'' al ''AndroidManifest.xml''
+  - Afegir un arxiu ''res/xml/file_paths.xml'' on s'indiquen carpetes i arxius compartibles.
-  - Definir els directoris a un arxiu de Recursos (res) ''file_paths.xml''
+  - Declarar el ''FileProvider'' al ''AndroidManifest.xml''.
-  - Crear un arxiu temporal amb l'objecte ''File.createTempFile''.
+  - Al codi de l'''Activity'' transformar el ''File'' estàndard a ''Uri'' (recurs compartible) amb el ''FileProvider''.
-    - Utilitza també les funcions d'emmagatzematge intern o extern (<del>''getFilesDir''</del> o ''getExternalFilesDir'').
+  - Engegar l'App Camera amb la ''Activity Result API'' (similar al fet fins ara per la galeria i el //thumbnail//).
-  - Transforma el ''File'' en ''Uri'' amb ''FileProvider.getUriForFile''
-  - Llançar el ''Intent'' per a la App Camera amb l'afegit perquè ens retorni la foto //full-size//. Hauriem de tenir una cosa similar a això al ''Button.onClickListener'':<code java>
-    // creem arxiu on volem guardar la imatge
-    String filePath = getExternalFilesDir(Environment.DIRECTORY_PICTURES
-                      ).toString() + "/tmpImg.jpg";
-    File photoFile = new File( filePath );
-    // li donem permisos amb FileProvider pq hi pugui escriure l'app camera
-    // ULL: la authority ha de ser la del vostre package "com....fileprovider"
-    //      igual que la que heu d'haver configurat al AndroidManifest.xml
-    photoURI = FileProvider.getUriForFile(MainActivity.this,
-            "com.enricmieza.gallery25.fileprovider",
-            photoFile);
-    // Create Intent
-    Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
+==== Arxius XML ====
-    // Afegir arxiu amb permisos del FileProvider al Intent
-    intent.putExtra(MediaStore.EXTRA_OUTPUT, photoURI);
+<code xml res/xml/file_paths.xml>
-    cameraResultLauncher.launch(intent);
+<?xml version="1.0" encoding="utf-8"?>
+<paths xmlns:android="http://schemas.android.com/apk/res/android">
+    <files-path name="my_images" path="fotos" />
+    <!-- si volguessim una carpeta de l'espai compartit seria external-files-path -->
+</paths>
 </code>
-  - Quan rebem el resultat a la callback ''cameraResultLauncher'', podem utilitzar la mateixa ''Uri'' que ja hem fet servir per al ''FileProvider'':<code java>
-    @Override
-    public void onActivityResult(ActivityResult result) {
-        if (result.getResultCode() == AppCompatActivity.RESULT_OK) {
-            // display foto
-            ImageView imageView = findViewById(R.id.imageView);
-            Intent data = result.getData();
-            Bundle extras = data.getExtras();
-            // si ve un bitmap, pinto el bitmap
-            if( extras!=null ) {
-                Bitmap imageBitmap = (Bitmap) extras.get("data");
-                imageView.setImageBitmap(imageBitmap);
-                return;
-            } else {
-                // si no em retorna res, agafo la photoURI
-                // que hem configurat pel FileProvider
-                if( photoURI!=null ) {
-                    imageView.setImageURI(photoURI);
-                    return;
-                }
-                Log.e("ERROR","No hi ha cap photoURI");
-            }
-        }
-    }</code>
-<WRAP todo>
-**Exercici take photo full size**
-Segueix la **part "Take full size photo"** del [[https://developer.android.com/training/camera-deprecated/photobasics?hl=en#TaskPath|tutorial Photo Basics]] oficial.
+<code xml AndroidManifest.xml>
+<application ...>
-**Recorda ha de ser la versió en anglès**, la traducció al castellà té errors.
+    <provider
+        android:name="androidx.core.content.FileProvider"
+        android:authorities="${applicationId}.fileprovider"
+        android:exported="false"
+        android:grantUriPermissions="true">
+        <meta-data
+            android:name="android.support.FILE_PROVIDER_PATHS"
+            android:resource="@xml/file_paths"></meta-data>
+    </provider>
+</application>
+</code>
-**App v0.3** - Afegeix un altre botó a l'app que hem fet a l'exercici previ que permeti agafar fotos //full-size// com s'explica al tutorial. Recorda que ara cal fer servir la ''Activity Results API''. Millor crea un nou objecte ''ActivityLauncher'' per no embolicar el tractament post-camera.
+==== Codi MainActivity.kt ====
+Preparació del recurs compartit i inici de l'App Camera:
+<code kotlin MainActivity.kt>
+val photoButton = findViewById<Button>(R.id.photoButton)
+photoButton.setOnClickListener {
+    // Assegurem que existeix la carpeta de fotos (igual que al FileProvider)
+    val carpeta = File(filesDir.toString(),"fotos")
+    carpeta.mkdirs()
+    // Preparem l'arxiu pq hi pugui escriure l'App Camera
+    val file = File(filesDir.toString(),"fotos/tmpimage.jpg")
+    fotoUri = FileProvider.getUriForFile(this,
+              "com.enric.galleryk2.fileprovider",file)
+    // engeguem l'App Camera
+    takeFullPic.launch(fotoUri)
+}
+</code>
+I la //callback// implementada amb la Results Activity API:
+<code kotlin MainActivity.kt>
+val takeFullPic = registerForActivityResult(
+    ActivityResultContracts.TakePicture()) { success ->
+    if (success) {
+        // netejar imatge i pintar nova
+        imageView.setImageDrawable(null)
+        imageView.setImageURI(fotoUri)
+    } else {
+        // notifiquem error
+        Toast.makeText(this, "Error al guardar la foto", Toast.LENGTH_SHORT).show()
+    }
+}
+</code>
+\\
+===== Àrea privada i àrea compartida =====
+L'exemple anterior s'ha fet compartint un arxiu a la carpeta "fotos" de l'**espai privat de l'aplicació**, que està a ''/data/data/{AppId}/files''.
+L'**àrea compartida** d'arxius està a ''/storage/emulated/0'' on trobarem carpetes conegudes com:
+  * Pictures
+  * Music
+  * Movies
+  * **Android/data/{AppId}** : aquesta és l'**àrea compartida d'aplicació** (Android 10+)
+On ''{AppId}'' és l'identificador d'aplicació corresponent al //package//, per exemple ''com.ieti.multimedia''
+Els directoris on s'emmagatzema la info son diferents:
+^  ^ Funció d'accés ^ Directori ^ XML ^
+| Arxius privats de l'app    | filesDir | /data/data/{AppId}/files | files-path |
+| Arxius compartits de l'app | getExternalFilesDir( null ) | /storage/emulated/0/Android/data/{AppId}/files | external-files-path |
+| Arxius compartits de fotos | Environment.getExternalStoragePublicDirectory( Environment.DIRECTORY_PICTURES ) | /storage/emulated/0/Pictures/ | external-path |
+\\
+==== Àrea compartida d'aplicació ====
+Si volem fer servir l'àrea compartida de l'aplicació, caldrà fer algunes modificacions.
+Al ''file_paths.xml'' caldrà emprar ''external-files-path'' enlloc de ''files-path'':
+<code xml file_paths.xml>
+<external-files-path name="my_images" path="fotos" />
+</code>
+A ''MainActivity.kt'' caldrà emprar ''getExternalFilesDir(...)'' enlloc de ''filesDir''. Amb el paràmetre //null// ens escriurà en la carpeta compartida d'aplicacions.
+<code kotlin MainActivity.kt>
+val carpeta = File(getExternalFilesDir(null).toString(),"fotos")
+...
+val file = File(getExternalFilesDir(null).toString(),"fotos/tmpimage.jpg")
+</code>
+Utilitzeu el **Device Explorer** del Android Studio per visualitzar les carpetes i arxius.
+\\
+==== Carpetes compartides generals públiques ====
+Si volem fer servir l'àrea compartida de l'aplicació, caldrà fer algunes modificacions.
+Al ''file_paths.xml'' caldrà emprar ''external-path'' enlloc de ''files-path'' o ''external-files-path'' que hem emprat anteriorment:
+<code xml file_paths.xml>
+<external-path name="my_images" path="Pictures" />
+</code>
+A ''MainActivity.kt'' caldrà emprar ''Environment.getExternalStoragePublicDirectory(
+                Environment.DIRECTORY_PICTURES))'' :
+<code kotlin MainActivity.kt>
+val carpeta = File(Environment.getExternalStoragePublicDirectory(
+    Environment.DIRECTORY_PICTURES).toString(),"fotos")
+...
+val file = File(Environment.getExternalStoragePublicDirectory(
+    Environment.DIRECTORY_PICTURES).toString(),"fotos/tmpimage.jpg")
+</code>
+\\
+===== Exercicis =====
+<WRAP todo>
+**Captura de fotos //full-size//**
+Implementa la captura de fotos //full-size// en l'app de la galeria i el thumb, afegint un nou botó per la captura actual.
 </WRAP>
@@ Línia 148: / Línia 233: @@
 **Exercici MyGallery**
-Implementa la recuperació de la imatge a l'inici de l'aplicació. Si existeix ja un arxiu de foto, mostra'l al ImageView.
+Implementa una app de captura de fotos i conserva tots els arxius amb un nom que eviti col·lisions, com afegir un //timestamp//.
-**App v0.4** - Implementa la visualització de les fotos que anem prenent en l'àrea compartida de l'aplicació. Segueix les instruccions a l'article [[Android RecyclerView]] per visualitzar les fotos amb una //preview// en format //grid//.
+Visualització les fotos que anem prenent en l'àrea compartida de l'aplicació i visualitza-les en una nova ''Activity''. Segueix les instruccions a l'article [[Android RecyclerView]] per visualitzar les fotos amb una //preview// en format //grid//.
 </WRAP>

bytes.cat

Eines de l'usuari

Eines del lloc

Diferències

Eines de la pàgina