Come posso sapere quale HubSection è selezionato

Question

Ho bisogno di cambiare il contenuto di un AppBar quando un utente cambia la vista in un controllo Hub.

Il modo in cui l'ho fatto mentre si utilizzava un controllo Pivot è ascoltare l'evento SelectionChanged e rispondere al valore SelectIndex.

L'hub, tuttavia, ha solo un evento SectionsInViewChanged, che restituisce una raccolta di più sezioni. Di solito l'unico utente sta interagendo con e quindi la sezione adiacente, appena visibile.

Quindi la mia domanda è, come posso sapere quale sezione è quella che viene attualmente visualizzata in modo visibile all'utente (quindi posso modificare le icone AppBar di conseguenza)?

Answer 1

Nel controllo Hub, siamo in grado di ascoltare l'evento SectionsInViewChanged. Siamo in grado di ottenere il HubSection che viene visualizzato a schermo per questo:

var section = hubDemo.SectionsInView[0]; 

hubDemo è il nome del mio controllo Hub. E possiamo impostare la proprietà Tag per ogni HubSection. Per esempio:

<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> 

in modo che possiamo modificare il contenuto AppBar per tag:

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 
    } 
}