silverlight乐动魔方 实战一

silverlight乐动魔方 实战一,第1张

概述新建一个silverlight项目       大概框架是这样的     新建之后,进入MainPage.xaml   很多大牛都说,silverlightUI最好使用,Microsoft Expression Blend ,(大牛都这样说了,那就用呗, = =)··我用的就是Microsoft Expression Blend 4   那就只能先打开···Microsoft Expression

新建一个silverlight项目

 

 

  大概框架是这样的  

 

新建之后,进入MainPage.xaml

 

很多大牛都说,silverlightUI最好使用,Microsoft Expression Blend ,(大牛都这样说了,那就用呗, = =)··我用的就是Microsoft Expression Blend 4

 

那就只能先打开···Microsoft Expression Blend

 

新建一个项目···

(- =!)这部份应该是美工做的,没办法,China 哪有这么多美工额,~~~ 硬着头皮学学,··具体参考···《Expression Blend知识锦》 上网谷歌一下有得下载。

 

1、工具栏里面有个··· 渐变工具,把背景 搞成这样子~~

(觉得效果不太满意,可以拉动边缘上的箭头,调节渐变效果哦~~)

 

2、工具栏里面找【T】创建个Text ,打上文字~~哈··我打HillHome~~(自己创建多年的工作室,具体啥意思,··你懂得 = =!)

3、点击它,右键它,构成控件 ,选button。

 

4、选择状态 ,编辑他的 normal事件

并且打开他的故事板~

 

5、选择相应的时间,按那故事板的"+" 来添加相应的显示状态, 其实 就是和做GIF一样嘛。 就设计不同时段的···opactiy属性,增加或较少他的透明度。

 

 

做好之后,回到MainPage 按F5运行一下, 文字是否一闪一闪的?

如果是的话··恭喜你,成功了!

呵呵····

 

XAML源码

<UserControl	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"	xmlns:d="http://schemas.microsoft.com/Expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"	x:Class="SilverlightmusicHitUI.MainPage"	WIDth="640" Height="480">	<UserControl.Resources>		<Style x:Key="buttonStyle1" targettype="button">			<Setter Property="Template">				<Setter.Value>					<ControlTemplate targettype="button">						<GrID>							<visualstatemanager.VisualStateGroups>								<VisualStateGroup x:name="CommonStates">									<VisualState x:name="normal">										<Storyboard>											<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.Targetname="contentPresenter">												<EasingDoubleKeyFrame KeyTime="0" Value="1"/>												<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0.75"/>												<EasingDoubleKeyFrame KeyTime="0:0:1" Value="0.5"/>												<EasingDoubleKeyFrame KeyTime="0:0:1.5" Value="0.25"/>												<EasingDoubleKeyFrame KeyTime="0:0:2" Value="0"/>												<EasingDoubleKeyFrame KeyTime="0:0:2.5" Value="0.25"/>												<EasingDoubleKeyFrame KeyTime="0:0:3" Value="0.5"/>												<EasingDoubleKeyFrame KeyTime="0:0:3.5" Value="0.75"/>												<EasingDoubleKeyFrame KeyTime="0:0:4" Value="1"/>											</DoubleAnimationUsingKeyFrames>										</Storyboard>									</VisualState>									<VisualState x:name="MouSEOver"/>									<VisualState x:name="pressed"/>									<VisualState x:name="Disabled"/>								</VisualStateGroup>							</visualstatemanager.VisualStateGroups>							<ContentPresenter x:name="contentPresenter" OpacityMask="Black"/>						</GrID>					</ControlTemplate>				</Setter.Value>			</Setter>			<Setter Property="FontFamily" Value="Arial Black"/>			<Setter Property="FontSize" Value="48"/>			<Setter Property="Foreground">				<Setter.Value>					<linearGradIEntBrush EndPoint="0.5,1" StartPoint="0.5,0">						<GradIEntStop color="Black" Offset="0"/>						<GradIEntStop color="White" Offset="1"/>						<GradIEntStop color="#FF1D1D1D" Offset="0.116"/>						<GradIEntStop color="#FF303030" Offset="0.191"/>					</linearGradIEntBrush>				</Setter.Value>			</Setter>		</Style>	</UserControl.Resources>	<GrID x:name="LayoutRoot">		<GrID.ColumnDeFinitions>			<ColumnDeFinition WIDth="323"/>			<ColumnDeFinition/>		</GrID.ColumnDeFinitions>		<GrID.Background>			<linearGradIEntBrush EndPoint="0.803,1.006" StartPoint="0.8,-0.006">				<GradIEntStop color="Black" Offset="0.584"/>				<GradIEntStop color="White" Offset="1"/>			</linearGradIEntBrush>		</GrID.Background>		<button Content="Hill@Home" GrID.Column="1" margin="-137,153" RendertransformOrigin="0.5,0.5" Style="{StaticResource buttonStyle1}" Height="72" VerticalAlignment="Bottom" HorizontalAlignment="left" WIDth="278">			<button.Rendertransform>				<Compositetransform/>			</button.Rendertransform>		</button>	</GrID></UserControl>@H_419_106@ 

name:5+x

 

参考文章与书籍:

Expression Blend知识锦

总结

以上是内存溢出为你收集整理的silverlight乐动魔方 实战一全部内容,希望文章能够帮你解决silverlight乐动魔方 实战一所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1073754.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存