Condividi tramite


Visualizzazione di spostamento inferiore personalizzata

Importante

Questi articolo descrive le funzionalità e il materiale sussidiario disponibili nell'anteprima pubblica, che potrebbero tuttavia subire modifiche sostanziali prima del rilascio della versione disponibile a livello generale. Microsoft non riconosce alcuna garanzia, espressa o implicita, in merito alle informazioni qui fornite.

BottomNavigationView è un controllo BottomNavigationView in grado di rilevare una funzionalità di riduzione e di posizionarne le visualizzazioni figlio a sinistra o a destra.

displayPosition: determina lo schermo su cui verrà eseguito il rendering della visualizzazione. Può contenere uno dei tre valori seguenti:

  • DisplayPosition.START - raggruppati a sinistra della caratteristica di piegatura. START: tabs on the first screen

  • DisplayPosition.END - raggruppati a destra della caratteristica di riduzione. END: tabs on the first screen

  • DisplayPosition.DUAL - si estende sull'intero schermo (potrebbe apparire sotto la cerniera). DUAL: tabs on the first screen

bottomNavigationView.displayPosition = DisplayPosition.START

È possibile ottenere lo stesso risultato usando l'attributo app:display_position:

<com.microsoft.device.dualscreen.bottomnavigation.BottomNavigationView
    android:id="@+id/nav_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:menu="@menu/bottom_nav_menu"
    tool:tools_application_mode="dual_screen"
    .....
    app:display_position="start"
     />

arrangeButtons : quando l'applicazione è estesa sulla funzionalità di riduzione e il componente ha un numero dispari di pulsanti, quello centrale verrà coperto dalla cerniera (se il dispositivo ha una cerniera fisica). Per evitare questo problema, è possibile disporre i pulsanti in modo diverso in ogni schermo:

The buttons can be arranged in different ways on the two screens

bottomNavigationView.arrangeButtons(3, 2)

useTransparentBackground : quando l'applicazione è estesa sull'intera larghezza dello schermo e parte del componente non contiene pulsanti, lo sfondo su tale parte dello schermo può essere reso trasparente:

The background on the first screen is transparent

bottomNavigationView.useTransparentBackground = true

useAnimation : determina se viene usata un'animazione quando viene modificata la disposizione dei pulsanti. Per impostazione predefinita, verrà usato .AccelerateDecelerateInterpolator Con la proprietà animationInterpolator, questo può essere modificato in qualsiasi altro interpolatore.

bottomNavigationView.useAnimation = true
bottomNavigationView.animationInterpolator = OvershootInterpolator()

allowFlingGesture : se impostato su true, displayPosition può essere impostato su DisplayPosition.START o DisplayPosition.END con un movimento di scorrimento sul componente.

bottomNavigationView.allowFlingGesture = true