UWP 选取框文本动画答案

【问题标题】：UWP Marquee Text AnimationUWP 选取框文本动画
【发布时间】：2019-05-14 15:28:18
【问题描述】：

是否有uwp版本的字幕文字动画。

我想要像WPF Marquee Text Animation一样的效果。

当指针进入网格项目时，选取框文本开始动画。当指针退出网格项时，选取框文本停止动画。

【问题讨论】：

我正在考虑处理点输入、点离开事件，然后在画布中使用两个文本块来制作此动画。我可能需要一些时间来编写代码。我稍后会发布。

标签： uwp uwp-xaml

【解决方案1】：

这是我根据您从here 提供的答案编写的 UWP 版本。这只是一个演示，您需要自己定制以满足您的要求。

请先创建一个用户控件，这里是用户控件中的 XAML 代码：

     <Grid PointerEntered="Grid_PointerEntered" Width="265" PointerExited="Grid_PointerExited" x:Name="mygrid">
        <Grid.Resources>
            <local:NegatingConverter x:Key="NegatingConverter"/>
            <Storyboard x:Name="Storyboard1">
                <DoubleAnimation
                            Storyboard.TargetName="transferCurreny"
                            Storyboard.TargetProperty="X"
                            Duration="0:0:6" From="0"
                            To="{Binding Width,ElementName=canvas,Converter={StaticResource NegatingConverter}}"
                            RepeatBehavior="Forever"/>
            </Storyboard>
        </Grid.Resources>
        <StackPanel x:Name="mystack" Height="500" Background="AliceBlue">
            <StackPanel Orientation="Horizontal" x:Name="stack" Height="100">
                    <StackPanel.RenderTransform>
                        <TranslateTransform x:Name="transferCurreny" X="0"/>
                    </StackPanel.RenderTransform>
                <Canvas x:Name="canvas" Width="{Binding ActualWidth, ElementName=stack}">
                    <TextBlock Text="TestTesting" FontSize="25"  x:Name="txtKron" Canvas.Left="0"/>
                    <TextBlock Text="{Binding Text, ElementName=txtKron}" FontSize="25" Canvas.Left="{Binding Width, ElementName=canvas}"/>
                </Canvas>
            </StackPanel>
        </StackPanel>

    </Grid>

下面是代码：

     private void Grid_PointerEntered(object sender, PointerRoutedEventArgs e)
        {
            Storyboard1.Begin();
        }

        private void Grid_PointerExited(object sender, PointerRoutedEventArgs e)
        {
            Storyboard1.Stop();
        }

还有转换器：

     public class NegatingConverter : IValueConverter
    {

        public object Convert(object value, Type targetType, object parameter, string language)
        {
            if (value is double)
            {
                return -((double)value);
            }
            return value;
        }

        public object ConvertBack(object value, Type targetType, object parameter, string language)
        {
            if (value is double)
            {
                return +(double)value;
            }
            return value;
        }
    }

还有一个潜在的问题。上面的mystack stackpanel没有设置背景会遇到冲突问题。

【讨论】：