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_fragments [2023/02/13 19:54]
enric_mieza_sanchez [ViewModel]
+++ android_fragments [2025/01/08 01:19] (actual)
enric_mieza_sanchez [ViewModel]
@@ Línia 16: / Línia 16: @@
 App amb fragments:
-  - Crear app amb el //template// ''Bottom Navigation Activity''
+  - Crear app amb el //template// ''Bottom Navigation Activity''.
   - Afegir un nou ''Fragment'' buit. Tria bé el nom (posarem d'exemple ''NewFragment'') <code>Botó dret -> New -> Fragment -> Fragment (Blank)</code>
   - Afegir el nou ''Fragment'' a la navegació (via XML):<code>res -> navigation -> mobile_navigation.xml</code>
   - Afegir el nou ''Fragment'' al menú de la ''NavigationBar'':<code>res -> menu -> bottom_nav_menu.xml</code>
-  - ...
+  - Anar a ''MainActivity.java'' i afegir ''R.id.navigation_XXX'' al ''onCreate'':<code java>AppBarConfiguration appBarConfiguration = new AppBarConfiguration.Builder(
-  -
+                R.id.navigation_home, R.id.navigation_dashboard,
+                R.id.navigation_notifications, R.id.navigation_XXX)
+                .build();</code>
+  - Posar una icona adequada pel nou fragment.
+  - La plantilla sol tenir un //padding-top// dins el //layout// del ''ActivityMain'' i sol deixar buida la part de dalt. Podeu mirar [[https://stackoverflow.com/questions/65777579/android-studio-bottom-navigation-activity-template-leaves-blank-area-on-the-to|aquest post]] per eliminar-la (simplement eliminant el //padding// o posar-lo a 0).
 \\
@@ Línia 41: / Línia 45: @@
 Un [[https://developer.android.com/topic/libraries/architecture/viewmodel|ViewModel]] ens permetrà connectar la View amb el ViewModel mitjançant la sentència ''observe'', que prové d'un patró de disseny Observer. Aquest és el codi que ve per defecte a la plantilla:
+<tabbox Versió Kotlin>
+<code kotlin>
+        homeViewModel.text.observe(viewLifecycleOwner) {
+            textView.text = it
+        }</code>
+<tabbox Versió Java>
 <code java>homeViewModel.getText().observe(getViewLifecycleOwner(), textView::setText);</code>
+</tabbox>
 <WRAP info>
 Per [[https://learn.microsoft.com/es-es/xamarin/xamarin-forms/enterprise-application-patterns/mvvm|aprendre mes del patró MVVM o Model-View-ViewModel]].
@@ Línia 58: / Línia 68: @@
 Algo així:
+<tabbox Versió Kotlin>
+<file kotlin HomeFragment.kt>
+    _binding!!.button.setOnClickListener(View.OnClickListener {
+        homeViewModel.setText("yeah")
+    })
+</file>
+Cal afegir ''setText'' al ''ViewModel''. Per canviar el valor del model ''_text'' caldrà fer un ''postValue()'', el qual s'encarregarà de notificar els ''observer'' que hi hagi subscrits:
+<file kotlin HomeViewModel.kt>
+class HomeViewModel : ViewModel() {
+    private val _text = MutableLiveData<String>().apply {
+        value = "This is home Fragment"
+    }
+    var text: LiveData<String> = _text
+    fun setText(newtext: String) {
+        _text.postValue(newtext)
+    }
+}
+</file>
+<tabbox Versió Java>
 <code java>
 homeButton.setOnClickListener(new View.OnClickListener() {
@@ Línia 71: / Línia 102: @@
 });
 </code>
+</tabbox>
 Ara posa l'app en marxa, habilita el //autorotate// de l'emulador i observa què passa.

bytes.cat

Eines de l'usuari

Eines del lloc

Diferències

Eines de la pàgina