在 Silverlight 4 中，如何向 BusyIndi​​cator 控件添加取消按钮？

Question

我相信您可以编辑 BusyIndi​​cator 的模板，但是，我没有表达式混合，而且我不熟悉这样做。有人有我可以开始使用的示例 XAML 吗？

我认为混合只是让它更容易完成，但我不确定如何从标准 VS.NET 开始。

Answer 1

无需使用 Expression Blend - 您只需为控件提供 BusyContentTemplate 即可。 Silverlight Toolkit 示例在此演示了这一点： http://www.silverlight .net/content/samples/sl4/toolkitcontrolsamples/run/default.html。复制并粘贴这些示例中的片段：

<controlsToolkit:BusyIndicator IsBusy="True" DisplayAfter="0">
    <controlsToolkit:BusyIndicator.BusyContentTemplate>
        <DataTemplate>
            <StackPanel Margin="4">
                <TextBlock Text="Downloading Email" FontWeight="Bold" HorizontalAlignment="Center"/>
                <StackPanel Margin="4">
                    <TextBlock Text="Downloading message 4/10..."/>
                    <ProgressBar Value="40" Height="15"/>
                </StackPanel>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                    </Grid.ColumnDefinitions>
                    <Button Grid.Column="0" Content="Pause" HorizontalAlignment="Right" Margin="0 0 2 0"/>
                    <Button Grid.Column="1" Content="Cancel" HorizontalAlignment="Left" Margin="2 0 0 0"/>
                </Grid>
            </StackPanel>
        </DataTemplate>
    </controlsToolkit:BusyIndicator.BusyContentTemplate>
</controlsToolkit:BusyIndicator>

希望这有帮助......

克里斯

Answer 2

此 xaml 解决了我在使用 Toolkit 源中的标准示例 XAML（由 Chris 发布）时遇到的两个问题。我还简化了 XAML，仅添加一个取消按钮。

1. 数据绑定（请参见此处：http://forums.silverlight.net/forums/p /163280/368692.aspx )
2. 隐藏默认进度条，b/c 一旦您使用数据模板，您应该使用自己的进度条，这样您就可以控制定位

注意：我正在使用 Caliburn Micro 进行 MVVM ，如果您不使用 MVVM，您可能只使用“取消”按钮的普通单击事件处理程序。

代码示例：

<Controls:BusyIndicator IsBusy="{Binding IsBusy}" BusyContent="{Binding}">
    <Controls:BusyIndicator.BusyContentTemplate>
        <DataTemplate>
            <StackPanel Margin="4">
                <TextBlock Text="{Binding BusyContent}" FontWeight="Bold" HorizontalAlignment="Center" Margin="2"/>
                <ProgressBar IsIndeterminate="True" Height="15" Margin="2"/>
                <Button cal:Message.Attach="CancelBusyIndicator()" Content="Cancel"  HorizontalAlignment="Right" Margin="2 2 2 2"/>
            </StackPanel>
        </DataTemplate>
    </Controls:BusyIndicator.BusyContentTemplate>
    <Controls:BusyIndicator.ProgressBarStyle>
        <Style TargetType="ProgressBar">
            <Setter Property="Visibility" Value="Collapsed"/>
        </Style>
    </Controls:BusyIndicator.ProgressBarStyle>