我想创建一个切换按钮,在点击时会产生一个矩形面板。由于矩形没有click属性,所以我将它包含在一个按钮中。请给我进一步的指导。
<Window x:Class="AnimatedRectangle.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window1" Height="300" Width="300" BorderBrush="Black" BorderThickness="2" Foreground="White" VerticalAlignment="Stretch" WindowStartupLocation="CenterScreen">
<Grid>
<Button Name="MyButton">
<Button.Template>
<ControlTemplate>
<Rectangle
Name="MyRectangle"
Width="150"
Height="30"
Fill="Cyan"
Margin="0,220,0,0">
<Rectangle.Triggers>
<!-- Animates the rectangle's opacity. -->
<EventTrigger RoutedEvent="Rectangle.Loaded">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="MyRectangle"
Storyboard.TargetProperty="Opacity"
From="1.0" To="0.0" Duration="0:0:5"
AutoReverse="True" RepeatBehavior="Forever" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Rectangle.Triggers>
</Rectangle>
</ControlTemplate>
</Button.Template>
</Button>
</Grid>
请以这种方式显示:矩形和按钮的宽度相同,最初按钮与矩形重叠(或以任何其他方式隐藏)。单击该按钮时,将出现矩形,看起来矩形体是按钮的一部分。
就像我们在地址栏中按向下符号一样,历史/建议显示在矩形体中。但是在这里我想要一个按钮来产生一个矩形体,而不是像地址栏中那样的向下符号。
StackOverflow不允许我发布图片,因为我需要有10个声望帖子:( 非常感谢.. !!