Ver encuadernación: ¿cómo obtengo una encuadernación para los diseños incluidos?

Mientras trabajaba con el enlace de vista, me encontré con un par de casos sin documentar.

Primero: ¿Cómo obtengo el enlace para las partes del diseño de vista incluidas? El enlace principal solo ve los elementos definidos en el diseño principal.

Segundo: ¿Cómo obtengo enlaces para partes de diseño fusionadas? Nuevamente, ¿el enlace principal solo ve elementos en el diseño principal?

En caso de:

1. Incluir con diseño genérico (no fusionar nodo), necesitamos asignar ID a la parte incluida, de esta manera en el enlace tendremos acceso a la subparte incluida

<include
    android:id="@+id/your_id"
    layout="@layout/some_layout" />

De esta manera en su código de actividad:

private lateinit var exampleBinding: ActivityExampleBinding  //activity_example.xml layout

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    exampleBinding = ActivityExampleBinding.inflate(layoutInflater)
    setContentView(exampleBinding.root)
    //we will be able to access included layouts view like this
    val includedView: View = exampleBinding.yourId.idOfIncludedView
//[...]
}

2. Incluir con bloque de combinación en diseño externo. No podemos agregarle ID porque el bloque de combinación no es una vista. Digamos que tenemos un diseño de combinación eterno (merge_layout.xm):

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:showIn="@layout/activity_example">

    <TextView
        android:id="@+id/some_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World" />
</merge>

Para vincular correctamente dicho diseño de combinación, necesitamos:

En tu código de actividad:

private lateinit var exampleBinding: ActivityExampleBinding  //activity_example.xml layout
private lateinit var mergeBinding: MergeLayoutBinding  //merge_layout.xml layout

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    exampleBinding = ActivityExampleBinding.inflate(layoutInflater)
    //we need to bind the root layout with our binder for external layout
    mergeBinding = MergeLayoutBinding.bind(exampleBinding.root)
    setContentView(exampleBinding.root)
    //we will be able to access included in merge layout views like this
    val mergedView: View = mergeBinding.someView
//[...]
}

Con respecto a su primera pregunta, puede obtener un enlace de vista para el diseño incluido.

aquí hay una muestra main_fragment.xml expediente:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycler_view_main"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

    <include
        android:id="@+id/toolbar"
        layout="@layout/toolbar" />

</LinearLayout>

Y MainFragment.java puede ser asi:

public class MainFragment extends Fragment {

    private MainFragmentBinding binding;
    private ToolbarBinding toolbarBinding;

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {

        binding = MainFragmentBinding.inflate(inflater, container, false);
        toolbarBinding = binding.toolbar;

        return binding.getRoot();
    }

    @Override
    public void onDestroy() {
        super.onDestroy();

        toolbarBinding = null;
        binding = null;
    }
}

Ahora tiene dos enlaces: uno corresponde al diseño principal y el otro corresponde al diseño incluido.

Si desea vincular el diseño incluido, entonces,

Para actividad

YourMainLayoutBinding mainLayoutBinding = MainLayoutBinding.inflate(getLayoutInflater);

View view = mainLayoutBinding.getRoot();

YourIncludedLayoutBinding includedLayoutBinding = YourIncludedLayoutBinding.bind(View);

para fragmento

YourMainLayoutBinding mainLayoutBinding = MainLayoutBinding.inflate(inflater,container,false);

View view = mainLayoutBinding.getRoot();

YourIncludedLayoutBinding includedLayoutBinding = YourIncludedLayoutBinding.bind(View);

Asegúrese de que si la raíz principal principal de enlace de su diseño principal es LinearLayout, entonces, el diseño principal incluidoLayoutBinding también será un diseño lineal

Supongamos que incluí un diseño en mi activity_main.xml archivo de la siguiente manera:

<include
    android:id="@+id/ll_layout1"
    layout="@layout/layout1"
    android:visibility="gone" />

Y supongamos que quisiera cambiar su visibilidad. Puedo hacerlo de la siguiente manera:

activityMainBinding.llLayout1.root.visibility = View.VISIBLE

Siga los pasos: –

1. private val binding : FragmentBinding

   por viewBinding(FragmentBinding::bind)

2. asegúrese de hacer lo siguiente en “onViewCreated(vista: Vista, estado de instancia guardado: ¿Paquete?)“

    val binding2 = binding.root.include_layout_id
   

p.ej val binding2 = binding.root.tool_bar_layout

Ahora acceda a su diseño incluido, vistas aquí. p.ej

binding2.textView.text = "your text"

En el diseño de inclusión, debe crear un diseño de contenedor y poner aquí la identificación.

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/example"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toTopOf="parent">
    </androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

Uso de la biblioteca de enlace de datos. Luego envuelva su diseño XML con <layout> etiqueta

actividad_principal.xml

<?xml version="1.0" encoding="utf-8"?>
<layout>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    ... 

    <include 
      android:id="@+id/toolbar"
      layout="@layout/toolbar" />
    
    ...

</LinearLayout>
</layout>

barra de herramientas.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageView 
        android:id="@+id/ivImage"
        ... />

    <TextView 
        android:id="@+id/tvTitle"
        ... />


</LinearLayout>

MainActivity.kt

private lateinit var binding: ActivityMainBinding  

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    binding = DataBindingUtil.setContentView(this, R.layout.activity_main)

    // Access include layout views
    binding.toolbar.rootView.ivImage.setImageResource(R.drawable.ic_back_arrow)
    binding.toolbar.rootView.tvTitle.text = getString(R.string.home)
   
    ...
}