前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >SilverLight实现绕垂直中线翻转效果

SilverLight实现绕垂直中线翻转效果

作者头像
MJ.Zhou
发布2022-05-07 15:58:14
4350
发布2022-05-07 15:58:14
举报
文章被收录于专栏:.NET开发那点事

主要通过StoryBoard来控制PlaneProjection的RotationY来实现

XAML: 

代码语言:javascript
复制
    <Grid x:Name="LayoutRoot" Background="White"  Height="Auto" Width="Auto">
        <Grid.Resources>
        </Grid.Resources>
        <StackPanel>
            <UCTL:NavgationforZB x:Name="Navgation"></UCTL:NavgationforZB>
                <Grid  x:Name="ChartPanel" Height="Auto" Width="Auto"   >
            </Grid>
        </StackPanel>
    </Grid >

CS:

代码语言:javascript
复制
         private void Flip()
        {
            PlaneProjection pp = new PlaneProjection { CenterOfRotationY = .5, CenterOfRotationX=.5 };
            this.ChartPanel.Projection = pp;
            if (perSb != null)
            {
                perSb.Stop();
            }
            Storyboard sboard = new Storyboard();
            perSb = sboard;
            DoubleAnimation daAngle = new DoubleAnimation();
            daAngle.From = -180;
            daAngle.To = 0;
            daAngle.Duration = TimeSpan.FromSeconds(1);
            daAngle.EasingFunction = new PowerEase() { EasingMode = EasingMode.EaseOut, Power = 3 };
            Storyboard.SetTargetProperty(daAngle, new PropertyPath("RotationY"));
            Storyboard.SetTarget(daAngle, pp);
            sboard.Children.Add(daAngle);
            sboard.Begin();
        }

有几点注意的地方:

1.  Storyboard.SetTarget(daAngle, pp); target 是PlaneProjection 的对象;

2.  执行Storyboard的Begin方法的时停止前一个Storyboard;

3.如果From 0 to 180来翻转的话文字是横向180反转的,0 to 360 这样的话就会转两圈,文字是正了,但是有个超级郁闷的问题,文字模糊了。害我浪费了一天。

后来突发奇想改成 -180 to 0 居然OK了。汗==!!!! 

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2010-07-19,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档