Plusieurs Expander ont à s'effondrer si l'ON est élargi

Essayer le code suivant:

XAML:

        <StackPanel Name="StackPanel1">
            <StackPanel.Resources>
                <local:ExpanderToBooleanConverter x:Key="ExpanderToBooleanConverter" />
            </StackPanel.Resources>
            <Expander Header="Expander 1"
                      IsExpanded="{Binding SelectedExpander, Mode=TwoWay, Converter={StaticResource ExpanderToBooleanConverter}, ConverterParameter=1}">
                <TextBlock>Expander 1</TextBlock>
            </Expander>
            <Expander Header="Expander 2"
                      IsExpanded="{Binding SelectedExpander, Mode=TwoWay, Converter={StaticResource ExpanderToBooleanConverter}, ConverterParameter=2}">
                <TextBlock>Expander 2</TextBlock>
            </Expander>
            <Expander Header="Expander 3"
                      IsExpanded="{Binding SelectedExpander, Mode=TwoWay, Converter={StaticResource ExpanderToBooleanConverter}, ConverterParameter=3}">
                <TextBlock>Expander 3</TextBlock>
            </Expander>
            <Expander Header="Expander 4"
                      IsExpanded="{Binding SelectedExpander, Mode=TwoWay, Converter={StaticResource ExpanderToBooleanConverter}, ConverterParameter=4}">
                <TextBlock>Expander 4</TextBlock>
            </Expander>
        </StackPanel>

Converter:

public class ExpanderToBooleanConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return (value == parameter);
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (System.Convert.ToBoolean(value)) return parameter;
        return null;
    }
}

ViewModel:

public class ExpanderListViewModel
{
    public Object SelectedExpander { get; set; }
}

Initialisation

StackPanel1.DataContext = new ExpanderListViewModel();

Explication:

En XAML nous avons 4 modules d'extension. Ils héritent tous d'un ViewModel (de type ExpanderListViewModel) à partir conteneur StackPanel par DataContext.

Ils ont tous se lier à la propriété unique sur ViewModel classe. Et ont défini un index unique pour eux-mêmes à l'aide de ConverterParameter dans la liaison. Cet index est enregistré dans SelectedExpander propriété chaque fois que vous développez un expandeur. Et à l'aide de cet indice, les Converter retourne true si l'index stocké correspond avec l'index et false en cas de stockage de l'index ne correspond pas.

Mettre un point d'arrêt dans Convert et ConvertBack méthodes de Converter classe et vous verrez ce qui se passe.

OriginalL'auteur decyclone

Utiliser MVVM et lier la IsExpanded propriété d'un indicateur booléen sur les modèles de vue. Lorsque l'on est mis à jour pour true, régler tous les autres à false.

OriginalL'auteur OJ.

@wassim-azirar demandé à la accepté de répondre:

Comment puis-je étendre 'Expander 1' au Démarrage de l'application ?

J'ai ajouté dans le ViewModel:

SelectedExpander = "1";

En raison du fait, que le "1" n'est pas le même objet que le "1" dans le code XAML cela ne fonctionne pas, alors j'ai changé decyclone réponse comme ceci:

public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
    return (string)value == (string)parameter;
}

La réponse de decyclone a été très utile pour moi - Merci.

Donc, je tiens à partager mon expérience si quelqu'un en a besoin.

OriginalL'auteur h.m.i.13

J'ai aussi besoin de cela, mais toutes les réponses a trop de travail de l'OMI.
Voici comment j'ai fait:

1. ajouté StackPanel (enfant aligner est fixé à la verticale).
2. ajouté 3 Extenseurs. (3)
3. régler la hauteur des Extenseurs de 120px pour ajouter des éléments.
4. chaque Expander appelé ex1..3.

5. chacun eu 2 événements

   private void ex1_Collapsed(object sender, RoutedEventArgs e)  
   {  
       ex1.Height = 23.0;  
   }  
   
   private void ex1_Expanded(object sender, RoutedEventArgs e)    
   {  
       ex1.Height = 120.0;  
       ex2.IsExpanded = false;  
       ex3.IsExpanded = false;  
   }  

6. réinitialiser tous les dispositifs d'extension qui doit être effondrée hauteur dos à 23px à window_loaded.

qu'il.

OriginalL'auteur VeryNoob