Fordított listák

Listanézettel beszélgetéseket jeleníthet meg egy csevegési felületen olyan elemekkel, amelyek vizuálisan különböznek a feladó/fogadó megjelenítéséhez. Ha különböző színeket és vízszintes igazítást használ az üzenetek feladótól/fogadótól való elválasztásához, a felhasználó gyorsan eligazíthatja magát egy beszélgetésben.

Fontos API-k: ListView osztály, ItemsStackPanel osztály, ItemsUpdatingScrollMode tulajdonság

Általában úgy kell bemutatnia a listát, hogy úgy tűnik, hogy alulról felfelé nő, nem pedig felülről lefelé. Amikor egy új üzenet érkezik és hozzáadódik a lista végére, az előző üzenetek felfelé csúsznak, hogy felkeltsék a felhasználó figyelmét a legújabb érkezésre. Ha azonban egy felhasználó felgörgetett a korábbi válaszok megtekintéséhez, akkor az új üzenet érkezése nem okozhat olyan vizuális eltolódást, amely megzavarná a fókuszt.

Fordított lista létrehozása

Fordított lista létrehozásához használjon listanézetet egy ItemsStackPanel elempanellel. Az ItemsStackPanelen állítsa az ItemsUpdatingScrollMode értéketKeepLastItemInView értékre.

Ez a példa bemutatja, hogyan igazíthatja a listanézet elemeit az alsó részhez, és azt jelzi, hogy az elemek módosításakor az utolsó elemnek nézetben kell maradnia.

XAML

<ListView>
   <ListView.ItemsPanel>
       <ItemsPanelTemplate>
           <ItemsStackPanel VerticalAlignment="Bottom"
                            ItemsUpdatingScrollMode="KeepLastItemInView"/>
       </ItemsPanelTemplate>
   </ListView.ItemsPanel>
</ListView>

Recommendations

• Az üzeneteket a feladó és a fogadó számára ellentétes oldalakra helyezze, hogy a beszélgetés folyamata egyértelmű legyen a felhasználók számára.
• Animálja a meglévő üzeneteket a legújabb üzenet megjelenítéséhez, ha a felhasználó már a beszélgetés végén várja a következő üzenetet.
• Ne zavarja meg a felhasználókat az elemek áthelyezésével, ha nem olvassák a beszélgetés végét.

A mintakód lekérése

Nyissa meg a WinUI 3 Katalógus alkalmazást, és tekintse meg a ListView működését

A WinUI 3 Katalógus alkalmazás interaktív példákat tartalmaz a WinUI vezérlőire és funkcióira. Kérje le az alkalmazást a Microsoft Áruházból vagy keresse meg a forráskódot a GitHub webhelyen.