Jak określić, która usługa HubSection jest wybrana?

Question

Potrzebuję zmienić zawartość AppBar, gdy użytkownik zmieni widok w kontrolce Hub.

Sposób, w jaki zrobiłem to przy użyciu kontrolki przestawnej, nasłuchuje zdarzenie SelectionChanged i odpowiada na wartość SelectIndex.

Koncentrator ma jednak tylko zdarzenie SectionsInViewChanged, które zwraca kolekcję wielu sekcji. Zwykle jeden użytkownik wchodzi w interakcję, a następnie sąsiednią, ledwo widoczną sekcję.

Moje pytanie brzmi: jak mogę określić, która sekcja jest tą, która jest aktualnie widoczna dla użytkownika (czy mogę odpowiednio zmienić ikony AppBar)?

Answer 1

W sterowaniu Hub, możemy posłuchać zdarzenia SectionsInViewChanged. Możemy uzyskać HubSection który jest wyświetlany na ekranie przez to:

var section = hubDemo.SectionsInView[0]; 

hubDemo jest nazwą moją kontrolą Hub. I możemy ustawić właściwość Tag dla każdego HubSection. Na przykład:

<Hub x:Name="hubDemo" SectionsInViewChanged="demoHub_SectionsInViewChanged"> 
    <HubSection Tag="0" Header="Section1" Width="800"/> 
    <HubSection Tag="1" Header="Section2" Width="400"/> 
    <HubSection Tag="2" Header="Section3" Width="400"/> 
    <HubSection Tag="3" Header="Section4" Width="400"/> 
    <HubSection Tag="4" Header="Section5" Width="600"/> 
</Hub> 

Więc możemy zmienić zawartość AppBar etykiet:

private void demoHub_SectionsInViewChanged(object sender, SectionsInViewChangedEventArgs e) 
{ 
    var section = hubDemo.SectionsInView[0]; 
    var tag = section.Tag.ToString(); 
    switch (tag) 
    { 
     // Change your AppBar by tag 
    } 
}