Discussion :

[Arnaoud]

Bonjour,

J'utilise Expression Blend 4.

Je souhaite agrandir la taille d'une Panel sur le clic d'un bouton et diminuer sa taille sur un second click.

Je ne parviens pas a partir de blend a faire un click conditionnel (du style si je clique sur le bouton et que le panel est petit alors je souhaite l'agrandir sinon je souhaite diminuer sa taille).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<UserControl.Resources>
        <Storyboard x:Key="Storyboard1">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" Storyboard.TargetName="stackPanel">
                <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="25"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>
    <UserControl.Triggers>
        <EventTrigger RoutedEvent="ButtonBase.Click" SourceName="button">
            <BeginStoryboard x:Name="Storyboard1_BeginStoryboard" Storyboard="{StaticResource Storyboard1}"/>
        </EventTrigger>
    </UserControl.Triggers>

Quelqu'un a t'il une solution sous blend ?

Je vous remercie d'avance.

Arnaud

[ikeas]

le mieux c'est d'utiliser un tooglebutton
a l'etat checked tu agrandi
a l'etat unchecked tu reduit

si tu colle style du toogle comme un bouton pour les checked et unchecked tu as pas le sentiment d'avoir un toggle button

maintenant je me demande si en changeant le style d'un expander ca serait aps encore plus simple lol

[Arnaoud]

Merci pour ta réponse,

Je souhaite faire des actions différentes suivant des états.
J'en ai cité deux mais il y en aura plus.

D'où l'utilité d'ajouter des états, conditions, ... ou autres.

[ikeas]

tu peux tres bien te creer un bouton multi etat
qui renvois un State avec un numero
et tu trig dessus
property="State" Value="1" .....

regarde les triggers sur les checked et uncheck du toogle

[Arnaoud]

Sais tu comment checker ce statut sous Blend?

[ikeas]

c'est a dire ?

[jmix90]

Bonsoir,

Si tu ne veux pas développer un contrôle, tu peux utiliser les triggers du style pour définir la valeur de la propriété Tag et faire des actions différentes en fonction de sa valeur.

Par exemple :
Si Tag = 1 --> déclencher ton action et passer le tag à la valeur 2.
Si Tag = 2 --> déclencher ton action et passer le tag à la valeur 3.
...
Si Tag = n --> déclencher ton action et passer le tag à la valeur 1.

Je pense que c'est possible mais je n'ai pas testé... Mais je vois pas trop le type de contrôle pouvant dépasser 3 états...

[ikeas]

voila tu peux faire ca

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
	<Grid x:Name="LayoutRoot">
		<ContentControl Margin="0,0,240,0" Height="152" VerticalAlignment="Top">
			<ContentControl.Style>
				<Style TargetType="{x:Type ContentControl}">
					<Setter Property="Template">
						<Setter.Value>
							<ControlTemplate TargetType="{x:Type ContentControl}">
								<StackPanel Orientation="Vertical">
									<ToggleButton x:Name="btn" Height="25"/>
									<Rectangle x:Name="rec" Height="50" Fill="red"/>
								</StackPanel>
								<ControlTemplate.Triggers>
									<Trigger Property="IsChecked" Value="true" SourceName="btn" >
										<Setter TargetName="rec" Property="Height" Value="200" />
									</Trigger>
								</ControlTemplate.Triggers>
							</ControlTemplate>
						</Setter.Value>
					</Setter>
				</Style>
			</ContentControl.Style>
		</ContentControl>
	</Grid>

si tu veux te faire un element a plusieurs etat tu fais un control avec une DP sur une enumeration qui va remplacer le toggle
tu changera la value en consequence