Wie kann ich feststellen, welche HubSection ausgewählt ist?

Question

Ich muss den Inhalt einer AppBar ändern, wenn ein Benutzer die Ansicht in einem Hub-Steuerelement ändert.

Die Art, wie ich es bei der Verwendung eines Pivot-Steuerelements gemacht habe, ist das SelectionChanged-Ereignis zu hören und auf den SelectIndex-Wert zu reagieren.

Der Hub verfügt jedoch nur über ein SectionsInViewChanged-Ereignis, das eine Auflistung mehrerer Abschnitte zurückgibt. Normalerweise interagiert der eine Benutzer mit dem benachbarten, kaum sichtbaren Abschnitt.

Also meine Frage ist, wie kann ich sagen, welche Sektion ist die, die derzeit prominent für den Benutzer angezeigt wird (so kann ich die AppBar-Icons entsprechend ändern)?

Answer 1

In der Hub-Steuerung können wir auf das Ereignis SectionsInViewChanged hören. Wir können die HubSection erhalten, die in Bildschirm durch diese angezeigt wird:

var section = hubDemo.SectionsInView[0]; 

hubDemo ist der Name meiner Hub Kontrolle. Und wir können Tag Eigenschaft für jede HubSection festlegen. Zum Beispiel:

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

So können wir AppBar Inhalt von Tag ändern:

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