Silerlight中利用TextBlock滚动显示

本文介绍了一种使用WPF中的Storyboard实现滚动文字动画的方法。通过设置Storyboard的目标属性及动画参数,可以轻松实现文字在不同方向上的滚动效果。此外,还提供了一个调整滚动内容尺寸的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<Canvas x:Name="EventMovePanel" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Grid.Row="1"  Margin="5,2">
    <Canvas.Clip>
        <RectangleGeometry RadiusX="0" RadiusY="0" Rect="0,0, 500,500" />
    </Canvas.Clip>
    <Canvas.Triggers>
        <EventTrigger RoutedEvent="Canvas.Loaded" >
            <BeginStoryboard>
                <Storyboard x:Name="animationGymQuality" Storyboard.TargetProperty="(Canvas.Top)" RepeatBehavior="Forever" >
                    <DoubleAnimation Storyboard.TargetName="txtGymQuality" From="100" To="0" Duration="0:0:20"  />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Canvas.Triggers>
    <TextBlock x:Name="txtGymQuality" HorizontalAlignment="Center" FontFamily="Arial" FontSize="12" Foreground="Orange" Text="" Canvas.Top="50" TextWrapping="NoWrap"/>
</Canvas>

 

这里是滚动文字的代码,主要的就是StoryBoard里的属性设置:

Storyboard.TargetProperty="(Canvas.Top)" From="100" To="0" Duration="0:0:20"

同理,其他方向如下设置即可:

Storyboard.TargetProperty="(Canvas.Top)" From="0" To="100" Duration="0:0:20"   //从上往下滚动

Storyboard.TargetProperty="(Canvas.Left)" From="0" To="100" Duration="0:0:20"   //从左往右滚动

Storyboard.TargetProperty="(Canvas.Left)" From="100" To="0" Duration="0:0:20"   //从右往左滚动

 

滚动内容有所变化时需要改变动画的From 与To

       void changeSizeOfQualtiyPanel()
       {
           txtGymQuality.Width = this.EventMovePanel.ActualWidth;
           DoubleAnimation animation = this.animationGymQuality.Children[0] as DoubleAnimation;
           if (animation != null)
           {
               double from = this.EventMovePanel.ActualHeight;
               double to = 0 - this.txtGymQuality.ActualHeight;
               animation.From = from;
               animation.To = to;
               animation.Duration = new Duration(TimeSpan.FromSeconds((from - to) / 50));
               this.EventMovePanel.Clip = new RectangleGeometry() { Rect = new Rect(new Point(0, 0), new Size(this.EventMovePanel.ActualWidth, this.EventMovePanel.ActualHeight)) };

               Canvas.SetTop(txtGymQuality, from);
           }
       }

转载于:https://www.cnblogs.com/elaborateday/archive/2011/03/29/1998755.html

电动汽车数据集:2025年3K+记录 真实电动汽车数据:特斯拉、宝马、日产车型,含2025年电池规格和销售数据 关于数据集 电动汽车数据集 这个合成数据集包含许多品牌和年份的电动汽车和插电式车型的记录,捕捉技术规格、性能、定价、制造来源、销售和安全相关属性。每一行代表由vehicle_ID标识的唯一车辆列表。 关键特性 覆盖范围:全球制造商和车型组合,包括纯电动汽车和插电式混合动力汽车。 范围:电池化学成分、容量、续航里程、充电标准和速度、价格、产地、自主水平、排放、安全等级、销售和保修。 时间跨度:模型跨度多年(包括传统和即将推出的)。 数据质量说明: 某些行可能缺少某些字段(空白)。 几个分类字段包含不同的、特定于供应商的值(例如,Charging_Type、Battery_Type)。 各列中的单位混合在一起;注意kWh、km、hr、USD、g/km和额定值。 列 列类型描述示例 Vehicle_ID整数每个车辆记录的唯一标识符。1 制造商分类汽车品牌或OEM。特斯拉 型号类别特定型号名称/变体。型号Y 与记录关联的年份整数模型。2024 电池_类型分类使用的电池化学/技术。磷酸铁锂 Battery_Capacity_kWh浮充电池标称容量,单位为千瓦时。75.0 Range_km整数表示充满电后的行驶里程(公里)。505 充电类型主要充电接口或功能。CCS、NACS、CHAdeMO、DCFC、V2G、V2H、V2L Charge_Time_hr浮动充电的大致时间(小时),上下文因充电方法而异。7.5 价格_USD浮动参考车辆价格(美元).85000.00 颜色类别主要外观颜色或饰面。午夜黑 制造国_制造类别车辆制造/组装的国家。美国 Autonomous_Level浮点自动化能力级别(例如0-5),可能包括子级别的小
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值