滑块和标签/文本块控件交互 - WPF

Question

我有一个滑块和一个标签控件。文本显示在标签中（几段）。

1. 我一次只需要显示 3 个单词。每隔 1 秒，移动到下一组 3 个单词。
2. 滑块用于选择一次可以看到的单词数。因此，用户可以将其增加到 10，现在每 1 秒需要显示一组 10 个单词。

我如何在 WPF 中实现这种行为？我知道我需要在滑块和标签之间进行某种数据绑定，但不确定如何获得（1）或（2）的效果。

任何帮助表示赞赏！

Answer 1

以下是我在不使用 {edf:ExpressionBinding} 功能（可惜尚未公开提供）的情况下解决该问题的方法：

步骤 1：在类中创建三个 DependencyProperties（不是传统的 NET 属性）：

 Text
 WordsPerGroup
 GroupToShow

步骤 2：绑定滑块到“WordsPerGroup”属性：

 <Slider ... Value="{Binding WordsPerGroups}" />

步骤 3：使用 LinearInt32KeyFrame 创建一个动画，为“GroupToShow”属性设置动画，该属性每秒计数一次并持续多久，例如持续 1 小时并计数到 3600：

 <Int32AnimationUsingKeyFrames Storyboard.TargetProperty="GroupToShow" ...>
   <LinearInt32KeyFrame KeyTime="01:00:00" Value="3600" />
 <Int32AnimationUsingKeyFrames>

步骤 4：创建一个接受“Text”、“GroupToShow”和“WordsPerGroup”并返回要显示的文本的转换器：

public SelectWordsConverter : IMultiValueConverter
{
  public object ConvertTo(object [] values, ...)
  {
    string text = values[0] as string;
    int groupToShow = values[1] as int;
    int wordsPerGroup = values[2] as int;  // maybe double, depending on slider binding

    return
      string.Join(" ",
        text
         .Split(" ", StringSplitOptions.RemoveEmptyEntries)
         .Skip(groupToShow * wordsPerGroup)
         .Take(wordsPerGroup)
      );
   }
   ...

步骤 5：使用 MultiBinding 使用转换器绑定 TextBlock 的 Text 属性：

<TextBlock ...>
  <TextBlock.Text>
    <MultiBinding Converter="{x:Static local:SelectWordsConverter.Instance}">
      <Binding Path="Text" />
      <Binding Path="GroupToShow" />
      <Binding Path="WordsPerGroup" />
    </MultiBinding>
  </TextBlock.Text>
</TextBlock>

步骤 6：确保在加载时启动动画，或者当您希望动画开始移动时。

第 7 步：（可选）将 PropertyChangedCallback 添加到“GroupToShow”以检测单词何时全部显示并执行适当的操作（例如重新开始或停止动画）。