본문 바로가기

.NET/WPF 2D

WPF 기초 이벤트 트리거 에니메이션 주기 샘플 글크기 변경 AutoReverse

반응형



<StackPanel>     <TextBlock x:Name="textblock"      Foreground="Blue" Text="{Binding ElementName=textbox, Path=Text, UpdateSourceTrigger=PropertyChanged}" Width="100" />     <TextBox Name="textbox" Margin="5" Width="100" Text="Hello, WPF!"/>     <Button Margin="5" Width="100" Content="Change Text Color">     <Button.Triggers>         <EventTrigger RoutedEvent="Button.Click" >             <BeginStoryboard>                 <Storyboard>      <ColorAnimation   Storyboard.TargetName="textblock"   Storyboard.TargetProperty="(TextBlock.Foreground).(SolidColorBrush.Color)"      From="Black" To="Red" Duration="0:0:1"/> <!--textbox의  foreground가 null 이면 변경할 수 없는 개체 인스턴스에서 '(0).(1)'에 애니메이션 효과를 줄 수 없습니다.에러--> </Storyboard>          </BeginStoryboard> </EventTrigger> </Button.Triggers>

</Button>


<Button Margin="5" Width="200"  Content="Change Text Size">

<Button.Triggers> <EventTrigger RoutedEvent="Button.Click"> <BeginStoryboard> <Storyboard>     <DoubleAnimation  Storyboard.TargetName="textblock"   Storyboard.TargetProperty="FontSize"  AutoReverse="True" From="11" To="124" Duration="0:0:1.2"/>

<!--AutoReverse 역방향재생여부-->

</Storyboard> </BeginStoryboard> </EventTrigger> </Button.Triggers>

</Button>

</StackPanel>





reference : Practical WPF Graphics Programming