Blend Multiple trigger

Version imprimable

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:

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

15/10/2010, 12h08
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
15/10/2010, 12h16
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.
15/10/2010, 12h46
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
15/10/2010, 16h32
Arnaoud

Sais tu comment checker ce statut sous Blend?
21/10/2010, 13h56
ikeas

c'est a dire ?
21/10/2010, 21h17
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...

voila tu peux faire ca

Code:

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