如何在WPF textBlock控件中滚动文本？

3 回答

• 4

  http://jobijoy.blogspot.com/2008/08/wpf-custom-controls-marquee-control.html

  你可以检查这个Marquee控件背后的想法 . 当你说要在textBlock中滚动文本时..想想在marqueee控件中滚动一个长文本块 . 此控件是一个ContentControl，可以滚动内部的任何内容 .

  回复于 2024-05-18T19:50:06+08:00
• 1

  这是一个完整的样本 - 验证它是否有效 . 我修改了source posted here by Philipsh（对控件布局进行了微小的更改以使其更具代表性）

  我有点跳过编程WPF中的动画章节 . 所以我无法解释它是如何运作的......这本书还没有到手 . 如果我试图发布答案，我会充其量猜测..

  XAML

  <Window x:Class="transforms.Window1" 
      Title="Window2" SizeToContent="WidthAndHeight">
      <DockPanel>
          <StackPanel DockPanel.Dock="Bottom" Orientation="Horizontal">
              <TextBox x:Name="txtTexttoScroll">Enter some text to marquee</TextBox>
              <Button x:Name="button1" Click="button1_Click">Start Scrolling</Button>
          </StackPanel>
          <Canvas Name="canvas1" Height="32" ClipToBounds="True" Background="AliceBlue" Width="200">
              <TextBlock Canvas.Left="0" Canvas.Top="0" Height="31" Name="textBlock1" Width="{Binding ElementName=canvas1, Path=ActualWidth}" Text="Have a nice day!" FontSize="18.6666666666667" TextWrapping="NoWrap" VerticalAlignment="Center">  
                  <TextBlock.RenderTransform> 
                      <TransformGroup> 
                          <ScaleTransform ScaleX="1" ScaleY="1"/>  
                          <SkewTransform AngleX="0" AngleY="0"/>  
                          <RotateTransform Angle="0"/>  
                          <TranslateTransform x:Name="rtTTransform"/>  
                      </TransformGroup> 
                  </TextBlock.RenderTransform> 
              </TextBlock>
          </Canvas>
      </DockPanel>
  </Window>
  

  Button Click事件处理程序

  private void button1_Click(object sender, RoutedEventArgs e)  
  {  
    double textBoxWidth = 10;  
  
    double pixelXFactor;  
    double canvaswidth = this.canvas1.Width;  
    double negXOffSet = 0;  
    double fromSecValue = 0;  
    double equSlope = 0.022546419;  
    double offSetY = 10.96286472;  
    double stringSize;  
  
    int textLen = txtTexttoScroll.Text.Length;  
  
    //Set the width of the text box according to the width (not length) of the text in it.  
    System.Globalization.CultureInfo enUsCultureInfo;  
    Typeface fontTF;  
    FormattedText frmmtText;  
    if (textLen > 0)  
    {  
      enUsCultureInfo = System.Globalization.CultureInfo.GetCultureInfo("en-us");  
      fontTF = new Typeface(this.textBlock1.FontFamily, this.textBlock1.FontStyle, this.textBlock1.FontWeight, this.textBlock1.FontStretch);  
      frmmtText = new FormattedText(txtTexttoScroll.Text, enUsCultureInfo, FlowDirection.LeftToRight, fontTF, this.textBlock1.FontSize, this.textBlock1.Foreground);  
  
      stringSize = frmmtText.Width;  
  
      if (stringSize < 100)  
        pixelXFactor = 1.02;  
      else 
        pixelXFactor = 1.01;  
  
      textBoxWidth = stringSize * pixelXFactor;  
  
      this.textBlock1.Width = textBoxWidth;  
      negXOffSet = textBoxWidth * -1;        
  
      fromSecValue = (stringSize * equSlope) + offSetY;             
  
      this.textBlock1.Text = txtTexttoScroll.Text;  
  
      Storyboard _sb = new Storyboard();  
      Duration durX = new Duration(TimeSpan.FromSeconds(fromSecValue));  
      DoubleAnimation daX = new DoubleAnimation(canvaswidth, negXOffSet, durX);  
      daX.RepeatBehavior = RepeatBehavior.Forever;  
  
      Storyboard.SetTargetName(daX, "rtTTransform");  
      Storyboard.SetTargetProperty(daX, new PropertyPath(TranslateTransform.XProperty));  
  
      _sb.Children.Add(daX);  
      _sb.Begin(this.textBlock1);  
    }  
    else 
    {  
      textBoxWidth = 1;  
      stringSize = 0;  
    }
  

  回复于 2024-05-18T19:50:06+08:00
• 2

  您可以使用以下代码滚动文本块：

  <ScrollViewer Name="myScroll" HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Hidden" HorizontalAlignment="Right" Width="414.403" Height="226.645" VerticalAlignment="Bottom">
          <Grid Name="Grid">
              <TextBlock Name="txbReceta" TextWrapping="Wrap"
                         MaxWidth="{Binding ElementName=Grid, Path=ActualWidth}" FontSize="20">
                  Twitter is useless. Twitter is useless.
                  Twitter is useless. Twitter is useless.
                  Twitter is useless. Twitter is useless.
                  Twitter is useless. Twitter is useless.
              </TextBlock>
  
          </Grid>
      </ScrollViewer>
  

  在这种情况下，隐藏垂直滚动条，您可以放置自定义按钮来向上和向下滚动文本块 .

  private void btnUp_Click(object sender, RoutedEventArgs e)
  {
       myScroll.LineUp();
       myScroll.LineUp();
  }
  

  回复于 2024-05-18T19:50:06+08:00