WEB开发网
开发学院图形图像Flash My Silverlight系列(6)—— c#版本的slilverlig... 阅读

My Silverlight系列(6)—— c#版本的slilverlight.net官网导般栏

 2009-04-25 12:04:45 来源:WEB开发网   
核心提示: a.在page.xaml文件中,改为Grid x:Name="LayoutRoot" Background="Transparent"b.在test.html文件中的<object>标签下,My Silverlight系列(6)—— c#

a.在page.xaml文件中,改为Grid x:Name="LayoutRoot" Background="Transparent"

b.在test.html文件中的<object>标签下,加上两句<param name="background" value="Transparent" /><param name="windowless" value="true" />

2)参照上图,对应用做一下整体的步局,大致分成三块,最上面是导航文字,中间跑那个动画,最下面显示description,第一块分成六格,每格宽度100,布局是用Grid进行的,原理很简单,由于代码很多,我就不贴上来了,大家可以去源代码里看。

3)用<TextBlock>标签显示文字,用<Line>标签显示文字间的竖线,并修改文字大小、颜色、字体、对齐等属性,这段是力气活,没有技术含量

4)设计动画:

 1            <Canvas x:Name="middle" Grid.Row="1">
 2                <Canvas.Resources>                   
 3                    <Storyboard x:Name="focus">
 4                        <DoubleAnimation x:Name="moveX" Storyboard.TargetName="move" Storyboard.TargetProperty="(Canvas.Left)" AutoReverse="False" RepeatBehavior="1x" Duration="0:0:0.4"/>
 5                    </Storyboard>
 6                </Canvas.Resources>
 7                <Line X1="0" Y1="10" X2="600" Y2="10" Stroke="White"/>
 8                <Canvas x:Name="move" Width="100" Canvas.Top="0">
 9                    <Line X1="15" Y1="10" X2="85" Y2="10" Stroke="White"/>
10                    <Polygon Stroke="White" Points="50,5 46.5,10 53.5,10" Fill="White"/>
11                </Canvas>
12            </Canvas>

上一页  1 2 3 4 5  下一页

Tags:My Silverlight 系列

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接