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

            环   境:  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#中进行操作,达到控制的效果。

时间: 2024-09-17 19:56:05

歌词滚动效果在Win8 Store 开发中的实现的相关文章

win8 app store开发中在线程或定时器中访问页面的控件

问题描述 win8appstore开发中在线程或定时器中访问页面的控件,请问怎样实现 解决方案 解决方案二:Dispatcher.runasync解决方案三:参考

win8 store app中怎么显示SVG文件

问题描述 各位大虾,我曾经尝试用以下方法显示SVG文件,却不能正常显示StorageFilefile=awaitStorageFile.GetFileFromApplicationUriAsync(newUri(imageSource));stringstrImagePage=@"<?xmlversion='1.0'encoding='UTF-8'?><!DOCTYPEhtml><HTMLxmlns='http://www.w3.org/1999/xhtml'xml

js实现文字滚动效果_javascript技巧

首先先看一下大致效果图,因为是动态的,在页面无法显示出来. 具体的实现代码如下: 1.首先是css代码: <style type="text/css"> body,ul,li,a,p,div{padding:0px; margin:0px; font-size:14px;} ul,li{list-style:none;} a{ text-decoration:none; color:#333;} #demo{ overflow:hidden; /*溢出的部分不显示*/ wi

c++-win8 store app开发中如何通过点击一个Button从而显示一张图片

问题描述 win8 store app开发中如何通过点击一个Button从而显示一张图片 开发语言是c++ 结合XAML写UI 原来设想是通过click改变Image的Visiblity属性的值,但发现行不通. 求助

网页设计技巧:视差滚动效果和图形化在网页中的呈现

文章描述:ONE 视差滚动效果 Parallax Scrolling. ONE 视差滚动效果 Parallax Scrolling 大家小时候是否玩过红白机或小霸王上面的游戏? 这些游戏基本上都是通过前景与背景在场景移动时产生不同的视差,从而达到简单的立体效果 所以说视差滚动不是啥新鲜事儿,我们小时候就玩过了-- 目前这种视差滚动效果被越来越多的国外网站所应用, 成为网页设计的热点趋势 给它以重新定义 不过这类效果的使用也需要看具体环境和最终页面出来的整体性能,防止页面过于拖沓. 其次,设计上要

Flash中实现JS的图片滚动效果

js 网页中的图片滚动效果,js的对象不太熟,就用flash来了. 大体的流程. 图片加载,效果层加载,设定效果层的_x,_y,使之于图片一一对应. 然后鼠标事件,鼠标经过,stopMove,鼠标点击,openPIC in IE. 图片循环不见断的实现模型: var picNum:Number;//总图片数,解析xml可得.  var picMargin:Number=5;//设置pic的间隔;  if(pic._x<(0-pic._width)){  pic._x=(pic._width+pi

一淘:视觉滚动效果和图形化在网页中的呈现-创造设计

大家小时候是否玩过红白机或小霸王上面的游戏? 这些游戏基本上都是通过前景与背景在场景移动时产生不同的视差,从而达到简单的立体效果 所以说视差滚动不是啥新鲜事儿,我们小时候就玩过了-- 目前这种视差滚动效果被越来越多的国外网站所应用, 成为网页设计的热点趋势 给它以重新定义 不过这类效果的使用也需要看具体环境和最终页面出来的整体性能,防止页面过于拖沓. 其次,设计上要有非常严密的关联 视差滚动效果的主要特点: 1.直观的设计,快速的响应速度,更合适运用于单页面 2.差异滚动 分层视差 页面上很多的

改良=创造设计 视差滚动效果和图形化在网页中的呈现

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 ONE 视差滚动效果 Parallax Scrolling 大家小时候是否玩过红白机或小霸王上面的游戏? 这些游戏基本上都是通过前景与背景在场景移动时产生不同的视差,从而达到简单的立体效果 所以说视差滚动不是啥新鲜事儿,我们小时候就玩过了-- 目前这种视差滚动效果被越来越多的国外网站所应用, 成为网页设计的热点趋势 给它以重新定义 不过这类效

js-JavaWeb开发中怎么实现声音的播放效果(按钮的配音),要求能兼容IE、360等浏览器。

问题描述 JavaWeb开发中怎么实现声音的播放效果(按钮的配音),要求能兼容IE.360等浏览器. JavaWeb开发中怎么实现声音的播放效果(按钮的配音),有多个按钮配音(音不同).自己有弄了个,用html5 audio,不过出现IE不兼容问题,还有就是在手机上只能播放一个音乐.在360与火狐中都能正常.希望帮忙想个法子,最好能配点代码,新手见谅啊! 解决方案 在回答客户端如何播放服务器端的WAV录音文件的时候写过一个演示代码,使用了embeded标签,兼容性比html5的audia好些,你