Diseño de pestañas

Importante

En este artículo se describen la funcionalidad y las instrucciones que se encuentran en versión preliminar pública, por lo que pueden modificarse de forma sustancial antes de que estén disponibles con carácter general. Microsoft no ofrece ninguna garantía, expresa o implícita, con respecto a la información que se ofrece aquí.

TabLayout es una clase TabLayout personalizada. Cuando la aplicación se extiende entre las pantallas de un dispositivo con una característica de plegado vertical, se puede usar el parámetro displayPosition para que el widget se represente a la izquierda, a la derecha o encima de la característica de plegado.

displayPosition

Devuelve o establece un valor que especifica en qué pantalla se representará la vista. Puede ser uno de tres valores:

• DisplayPosition.START
• DisplayPosition.END
• DisplayPosition.DUAL

Estos valores se explican detalladamente a continuación.

DisplayPosition.START

Las pestañas se agrupan en la primera pantalla.

DisplayPosition.END

Las pestañas se agrupan en la segunda pantalla.

DisplayPosition.DUAL

Las pestañas se distribuyen entre ambas pantallas. Las pestañas pueden aparecer debajo de la característica de plegado, y este suele ser un comportamiento no deseado. Use la función arrangeButtons para evitarlo.

Kotlin

tabLayout.displayPosition = DisplayPosition.START

Java

tabLayout.setDisplayPosition(DisplayPosition.START);

Se puede obtener lo mismo con el atributo app:display_position:

<com.microsoft.device.dualscreen.tabs.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    tool:tools_application_mode="dual_screen"
    ...
    app:display_position="start"
     />

arrangeButtons

Cuando la aplicación se extiende sobre la característica de plegado y el componente tiene un número impar de botones, la bisagra o pliegue podrían obstruir el botón central. Una manera de evitarlo es organizar los botones de manera diferente a cada lado de la característica de plegado:

Para ello, puede usar la función arrangeButtons.

Kotlin

tabLayout.arrangeButtons(2, 4)

Java

tabLayout.arrangeButtons(2, 4);

useTransparentBackground

Si la aplicación está distribuida y no hay botones en una pantalla, el fondo de esa pantalla se puede hacer transparente:

Kotlin

tabLayout.useTransparentBackground = true

Java

tabLayout.setUseTransparentBackground(true);

allowFlingGesture

Si se establece en "true", displayPosition se puede establecer en DisplayPosition.START o DisplayPosition.END con un gesto de deslizamiento en el componente.

Kotlin

tabLayout.allowFlingGesture = true

Java

tabLayout.setAllowFlingGesture(true);

Se puede obtener lo mismo con el atributo "app:allowFlingGesture".

<com.microsoft.device.dualscreen.tabs.TabLayout
   app:allowFlingGesture="true"/>