歌词滚动效果在Win8 Store 开发中的实现

简介:             环   境:  Windows 8 32位 企业版      开发工具: Visual Studio Express 2012 for Windows 8            语    言: C# XAML      技  ...
             环   境:  Windows 8 32位 企业版
     开发工具: Visual Studio Express 2012 for Windows 8
            语    言: C# XAML
     技    术: 色彩渐变  
            
         
           XAML代码设置:

 <TextBlock Text="你是我的眼" FontSize="45" Height="200" Width="500" >

            <TextBlock.Foreground>

                <LinearGradientBrush>

                    <GradientStop Color="Red" Offset="0"></GradientStop>

                    <GradientStop x:Name="gs1" Color="Red"Offset="0"></GradientStop>

                    <GradientStop x:Name="gs2" Color="Green"Offset="0"></GradientStop>

                    <GradientStop Color="GreenOffset="1"></GradientStop>

                </LinearGradientBrush>

            </TextBlock.Foreground>

        </TextBlock>

    


    C#代码设置:

  protected override void OnNavigatedTo(NavigationEventArgs e)

        {

            DispatcherTimer timer = new DispatcherTimer();  //创建定时器

            timer.Interval = TimeSpan.FromMilliseconds(200);    //设定间隔为0.2

            timer.Tick+=timer_Tick;

            timer.Start();     //开启定时器

        }

        void timer_Tick(object sender, object e)

        {

            gs1.Offset += 0.05;

            gs2.Offset += 0.05;

        }



   运行效果:




    其中的x:Name属性类似于附加属性,GradientStop本来没有Name属性,所以在XAML中用上面形式附加属性,便于在C#中进行操作,达到控制的效果。

目录
相关文章
Doodle Jump — 使用Flutter&Flame开发游戏真不错!
用Flutter&Flame开发游戏是一种什么体验?最近网上冲浪的时候,我偶然发现了一个国外的游戏网站,类似于国内的4399。在浏览时,我遇到了一款经典的小游戏:Doodle Jump...
112862 12
|
JavaScript 前端开发
仿百度排列图片预览插件-Simple Lightbox
仿百度排列图片预览插件-Simple Lightbox
56 0
|
前端开发 JavaScript API
【React工作记录九十九】ant design mobile实现tab滚动效果和闪屏小记
【React工作记录九十九】ant design mobile实现tab滚动效果和闪屏小记
212 0
|
JavaScript 前端开发 API
ant design mobile实现tab滚动效果和闪屏小记
ant design mobile实现tab滚动效果和闪屏小记
166 0
|
JavaScript 前端开发 API
#yyds干货盘点 ant design mobile实现tab滚动效果和闪屏小记
#yyds干货盘点 ant design mobile实现tab滚动效果和闪屏小记
194 0
|
小程序 开发工具
egret微信小游戏跳转
egret微信小游戏跳转
egret微信小游戏跳转
|
数据可视化 开发工具 图形学
从零开始制作Roll-a-ball tutoria滚动的小游戏(Unity3D)
Unity3D是由Unity Technologies开发的一个让玩家轻松创建诸如三维视频游戏、建筑可视化、实时三维动画等类型互动内容的多平台的综合型游戏开发工具,是一个全面整合的专业游戏引擎。 Unity官网设计编写了一系列比较简单的入门教程,今天我们就来看看教程的内容吧。