bytes.cat

La wiki d'FP d'informàtica

Eines de l'usuari

Eines del lloc


android_fragments

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ó

Ambdós costats versió prèvia Revisió prèvia
Següent revisió
Revisió prèvia
android_fragments [2024/02/11 12:44]
enric_mieza_sanchez [App amb fragments]
android_fragments [2025/01/08 01:19] (actual)
enric_mieza_sanchez [ViewModel]
Línia 25: Línia 25:
                 .build();</code>                 .build();</code>
   - Posar una icona adequada pel nou fragment.   - 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).
-<WRAP info> +
-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). +
-</WRAP>+
  
 \\ \\
Línia 48: 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: 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> <code java>homeViewModel.getText().observe(getViewLifecycleOwner(), textView::setText);</code>
 +</tabbox>
 <WRAP info> <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]]. 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 65: Línia 68:
  
 Algo així: 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> <code java>
 homeButton.setOnClickListener(new View.OnClickListener() { homeButton.setOnClickListener(new View.OnClickListener() {
Línia 78: Línia 102:
 }); });
 </code> </code>
 +</tabbox>
  
 Ara posa l'app en marxa, habilita el //autorotate// de l'emulador i observa què passa. Ara posa l'app en marxa, habilita el //autorotate// de l'emulador i observa què passa.
android_fragments.1707655461.txt.gz · Darrera modificació: 2024/02/11 12:44 per enric_mieza_sanchez