WPF实现3D翻牌式倒计时特效

2023-07-17 11:27:05 89

本文实例为大家分享了WPF实现3D翻牌式倒计时的具体代码，供大家参考，具体内容如下

实现效果如下：

思路：使用自定义控件，设置一个背板MyCardControlBottom，一个卡牌翻动的前部MyCardControlFront，一个卡牌翻动后的背部MyCardControlBack，另外实现卡牌翻动的MyCardControl；在主窗体中设置一计时器，根据卡牌上的数字和计时器时间启动翻牌动作。

主要代码：

1、自定义控件MyCardControlBottom

其中BottomText为自定义属性。

publicstaticreadonlyDependencyPropertyBottomTextProperty=DependencyProperty.Register("BottomText",typeof(string),typeof(MyCardControlBottom),newPropertyMetadata(null));
publicstringBottomText
{
get{return(string)GetValue(BottomTextProperty);}
set{SetValue(BottomTextProperty,value);}
}

2、自定义控件MyCardControlFront

其中FrontText为自定义属性。

3、自定义控件MyCardControlBack

窗体大部分布局与MyCardControlFront相同，字体部分需要进行翻转显示，其中BackText为自定义属性。

4、自定义控件MyCardControl

卡牌翻转动作在这里实现。

加载时赋值：

publicintShowValue{get;set;}

privatevoidMyUserControl_Loaded(objectsender,RoutedEventArgse)
{
this.frontControl.FrontText=ShowValue.ToString();
}

5、主窗体交互逻辑

privateintCount=10;
privateDispatcherTimerframeTimer;
privateintTimeValue=0;

privatevoidWindow_Loaded(objectsender,RoutedEventArgse)
{
this.bottomControl.BottomText=Count.ToString();

for(inti=1;i<=Count;i++)
{
varcard=newMyCardControl();
card.ShowValue=i;
this.mainGrid.Children.Add(card);
Canvas.SetZIndex(card,i);
}

frameTimer=newDispatcherTimer();
frameTimer.Tick+=OnFrame;
frameTimer.Interval=TimeSpan.FromSeconds(1);
frameTimer.Start();
}

privatevoidOnFrame(objectsender,EventArgse)
{
if(TimeValue>=Count)
{
if(frameTimer!=null)
frameTimer.Stop();
return;
}

if(TimeValue==Count-1)
{
this.bottomControl.BottomText=0.ToString();
}

ListcardList=GetChildObjects(this.mainGrid);
foreach(varitemincardList)
{
if(item.ShowValue==Count-TimeValue)
{
Canvas.SetZIndex(item,Count+TimeValue);

DoubleAnimationda=newDoubleAnimation();
da.Duration=newDuration(TimeSpan.FromSeconds(1));
da.To=180d;
item.ShowValue--;
item.backControl.BackText=item.ShowValue.ToString();

AxisAngleRotation3Daar=item.FindName("MyAxisAngleRotation3D")asAxisAngleRotation3D;
if(aar!=null)
aar.BeginAnimation(AxisAngleRotation3D.AngleProperty,da);

break;
}
}

TimeValue++;
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

WPF实现3D翻牌式倒计时特效

热门推荐

随机推荐