Xamarin.Forms如何实现定时器驱动的自动往复滚动可移动Label效果

问题原因分析 #

你原有代码存在3个核心错误导致跑马灯不生效：

• 滚动偏移取值错误：ScrollToAsync方法第一个参数应该传入水平滚动偏移量ScrollX，你错误使用了代表控件缩放比例的ScaleX属性
• Label未禁止换行：默认Label会自动换行，导致文本总宽度和ScrollView宽度一致，没有滚动空间
• 多余线程包装：Timer的Elapsed事件本身已经在后台线程触发，不需要额外嵌套Task.Run

修正后代码 #

XAML部分

<ScrollView Grid.Row="0" VerticalOptions="End" 
            Orientation="Horizontal" 
            HorizontalScrollBarVisibility="Never"
            Margin="0, 0, 0, 40"
            x:Name="TickerTitleSound"
            IsEnabled="False">
    <Label
        Text="{Binding SpecialText}"
        LineBreakMode="NoWrap" /> <!-- 新增：禁止文本换行，保证水平滚动空间 -->
</ScrollView>

后台C#部分

首先声明类成员：

private bool Direction = true;
private System.Timers.Timer timerSound;

页面加载时初始化逻辑（建议放在OnAppearing方法中）：

protected override void OnAppearing()
{
    base.OnAppearing();
    
    TickerTitleSound.Scrolled += (sender, e) =>
    {
        double scrollingSpace = TickerTitleSound.ContentSize.Width - TickerTitleSound.Width;
        // 只有内容宽度大于控件宽度时才切换滚动方向
        if (scrollingSpace <= 0) return;
        
        if(TickerTitleSound.ScrollX >= scrollingSpace)
        {
            Direction = false;
        }
        else if(TickerTitleSound.ScrollX <= 0)
        {
            Direction = true;
        }
    };

    // 等控件渲染完成后判断是否需要启动滚动
    TickerTitleSound.SizeChanged += (s, e) =>
    {
        double scrollingSpace = TickerTitleSound.ContentSize.Width - TickerTitleSound.Width;
        if (scrollingSpace <= 0) return; // 短文本不需要滚动
        
        timerSound = new System.Timers.Timer() { Interval = 100 };
        timerSound.Elapsed += (o, e) =>
        {
            Device.BeginInvokeOnMainThread(async () =>
            {
                if (Direction)
                {
                    await TickerTitleSound.ScrollToAsync(TickerTitleSound.ScrollX + 10, 0, false);
                }
                else
                {
                    await TickerTitleSound.ScrollToAsync(TickerTitleSound.ScrollX - 10, 0, false);
                }
            });
        };
        timerSound.Start();
    };
}

添加页面退出时的资源释放逻辑，避免内存泄漏：

protected override void OnDisappearing()
{
    base.OnDisappearing();
    timerSound?.Stop();
    timerSound?.Dispose();
}

可选优化 #

如果需要实现文字滚动到末尾后从头开始的单行滚动效果，而非来回滚动，只需要修改Scrolled事件的逻辑：当滚动到最右侧时，直接调用ScrollToAsync(0,0,false)回到起始位置即可，不需要方向变量。

内容的提问来源于stack exchange，提问作者Range