元宵快乐

2023-12-13 07:20
文章标签 快乐 元宵

本文主要是介绍元宵快乐，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

博客园的小伙伴们，新年好啊。

春节刚过，元宵又至。不知大家所在之处是否还有看花灯，猜灯谜的传统呢？应此情此景，我们依托微软亚洲研究院自然语言计算组的研究成果，为大家带来了UAP版本的微软字谜APP：

Windows Phone Store地址 : 微软字谜

就算没有时间去看灯，也可以在手机上体验一把文艺范。

在微软字谜中，你可以闯过323关，一展聪明才智；可以用APP帮你出字谜给小伙伴猜，让他们也死几个脑细胞；还能上传原创字谜，与大家同乐。

与之前一样，接下来和大家分享下开发中的有意思的地方：

主页

主页沿用了微软对联的形式，加入了3个小动画：

灯笼翻转：

<Storyboard x:Name="sb_LanternRotate" Completed="sb_LanternRotate_Completed">

<DoubleAnimation Storyboard.TargetName="img_Lantern" Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationY)"

From="0" To="360" Duration="0:0:1"/>

<DoubleAnimation Storyboard.TargetName="img_Lantern" Storyboard.TargetProperty="Opacity"

From="0" To="1" Duration="0:0:1"/>

</Storyboard>

菜单转动：

<Storyboard x:Name="sb_Menu" Completed="sb_Menu_Completed">

<DoubleAnimation Storyboard.TargetName="menu_Guess" Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationX)"

From="90" To="0" Duration="0:0:0.20" BeginTime="0:0:0.20"/>

<DoubleAnimation Storyboard.TargetName="menu_Produce" Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationX)"

From="90" To="0" Duration="0:0:0.20" BeginTime="0:0:0.40"/>

<DoubleAnimation Storyboard.TargetName="menu_Intro" Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationX)"

From="90" To="0" Duration="0:0:0.20" BeginTime="0:0:0.60"/>

<DoubleAnimation Storyboard.TargetName="menu_My" Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationX)"

From="90" To="0" Duration="0:0:0.20" BeginTime="0:0:0.60"/>

<DoubleAnimation Storyboard.TargetName="menu_Cloud" Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationX)"

From="90" To="0" Duration="0:0:0.20" BeginTime="0:0:0.80"/>

</Storyboard>

灯笼移动：

<Storyboard x:Name="sb_LanternMove" Completed="sb_LanternMove_Completed">

<DoubleAnimation Storyboard.TargetName="img_Lantern" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)"

From="1" To="0.9" Duration="0:0:1"/>

<DoubleAnimation Storyboard.TargetName="img_Lantern" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)"

From="1" To="0.9" Duration="0:0:1"/>

<DoubleAnimation Storyboard.TargetName="img_Lantern" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)"

From="0" To="150" Duration="0:0:1"/>

<DoubleAnimation Storyboard.TargetName="img_Lantern" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)"

From="0" To="-10" Duration="0:0:1"/>

 

</Storyboard>

关于飞入：

<Storyboard x:Name="sb_About">

<DoubleAnimation Storyboard.TargetName="tb_About" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)"

From="50" To="0" Duration="0:0:1"/>

<DoubleAnimation Storyboard.TargetName="tb_About" Storyboard.TargetProperty="Opacity"

From="0" To="1" Duration="0:0:1"/>

</Storyboard>

然后利用 storyboard的 Completed 事件来将它们连贯起来：

protected async override void OnNavigatedTo(NavigationEventArgs e)

{

if (e.NavigationMode == NavigationMode.New)

{

Logger.LogAgent.GetInstance().WriteLog(this.GetType().FullName);

 

this.isBack = false;

await Windows.UI.ViewManagement.StatusBar.GetForCurrentView().HideAsync();

this.sb_LanternRotate.Begin();

}

else

{

this.isBack = true;

this.sb_Menu.Begin();

}

}

private void sb_LanternRotate_Completed(object sender, object e)

{

this.sb_Menu.Begin();

}

 

private void sb_Menu_Completed(object sender, object e)

{

if (!this.isBack)

{

this.sb_LanternMove.Begin();

}

}

private void sb_LanternMove_Completed(object sender, object e)

{

this.sb_About.Begin();

}

要注意的就是在OnNavigatedFrom中，需要把再次进入页面时还会移动的动画元素归位：

this.menu_Guess.Projection.SetValue(PlaneProjection.RotationXProperty, 90);

this.menu_Produce.Projection.SetValue(PlaneProjection.RotationXProperty, 90);

this.menu_Intro.Projection.SetValue(PlaneProjection.RotationXProperty, 90);

this.menu_My.Projection.SetValue(PlaneProjection.RotationXProperty, 90);

this.menu_Cloud.Projection.SetValue(PlaneProjection.RotationXProperty, 90);

另外就是双击完全退出APP的功能：

我们在页面上添加一个默认隐藏的提示：

<Border x:Name="bd_QuitInfo" Background="#FFC40E12" Visibility="Collapsed" Opacity="0.75" CornerRadius="10" Canvas.ZIndex="99" HorizontalAlignment="Center" VerticalAlignment="Center" BorderThickness="5" BorderBrush="Gold" Margin="0,200,50,0">

<TextBlock Style="{StaticResource RiddleGoldMessage}" HorizontalAlignment="Center" Foreground="White" Margin="20,10">

<Run Text="再按一次"/>

<LineBreak/>

<Run Text="退出应用"/>

</TextBlock>

</Border>

然后handle一下后退按钮按下的事件:

在OnNavigatedTo中添加：

Windows.Phone.UI.Input.HardwareButtons.BackPressed += HardwareButtons_BackPressed;

在OnNavigatedFrom中添加：

Windows.Phone.UI.Input.HardwareButtons.BackPressed -= HardwareButtons_BackPressed;

最后添加HardwareButtons_BackPressed事件处理方法：

DateTime _lastTimeClickBack = DateTime.MinValue;

bool isQuitInfoOpen = false;

 

void HardwareButtons_BackPressed(object sender, Windows.Phone.UI.Input.BackPressedEventArgs e)

{

var deltaTime = DateTime.Now - _lastTimeClickBack;

 

// double click back button within 3 seconds

if (!isQuitInfoOpen)

{

this.menu_Guess.Projection.SetValue(PlaneProjection.RotationXProperty, 90);

this.menu_Produce.Projection.SetValue(PlaneProjection.RotationXProperty, 90);

this.menu_Intro.Projection.SetValue(PlaneProjection.RotationXProperty, 90);

this.menu_My.Projection.SetValue(PlaneProjection.RotationXProperty, 90);

this.menu_Cloud.Projection.SetValue(PlaneProjection.RotationXProperty, 90);

 

 

_lastTimeClickBack = DateTime.Now;

this.bd_QuitInfo.Visibility = Windows.UI.Xaml.Visibility.Visible;

isQuitInfoOpen = true;

 

// close the tip within 3 seconds

ThreadPoolTimer.CreateTimer(async t =>

{

await Dispatcher.RunAsync(Windows.UI.Core.CoreDispatcherPriority.Normal, () =>

{

this.bd_QuitInfo.Visibility = Windows.UI.Xaml.Visibility.Collapsed;

isQuitInfoOpen = false;

this.isBack = true;

this.sb_Menu.Begin();

});

}, new TimeSpan(0, 0, 3));

e.Handled = true;

}

else

{

//double click back button in 5 seconds to exit

if (deltaTime.TotalSeconds < 5)

{

Application.Current.Exit();

}

e.Handled = true;

}

猜字谜

我们精选了323个不同长度的，由微软亚洲研究院自然语言计算组研发的计算机自动猜字和出字谜系统生成的字谜。每猜出一个都可以得到最多10分，大家可以上传自己的分数，总分排名在前20的小伙伴就能出现在APP内的排行榜上哦。

猜字谜的部分比较重要，为了赶在元宵之前能够上线，我们的pm兼dev Xiaowu 同志牺牲春节假期实现了这一重要功能：

思路大致是这样的：

我们自定义了2种模板控件，CandidateControl 作为候选字控件，每个都显示一个字； CandidateArrayControl 则作为容器处理候选字的交互。

当我们进入猜谜页面，为了大家不至于觉得无从猜起，APP会生成18个候选字的列表，正确答案就藏在其中。

接着将列表绑定到容器的datacontext，再通过容器的DataContextChanged事件，把候选字绑定到对应的候选字控件。

当我们点击候选字控件，就将对应的候选字显示谜底位置，并在容器中隐藏对应的候选字控件。

如果答对，则会播放一个小动画，还有音效。

如果答错3次，那候选字列表就会大换血，所以乱点也是不大容易蒙对的。

另外还可以牺牲一点分数来减少干扰项。

出字谜

出字谜则比较简单了。

我们可以写一个1~4个字的谜底，比如"我爱你"，一段提示猜什么的谜目比如"打一句话"，点击下一步。

APP就会把我们的谜底上传到云端的字谜系统，取得谜底每个字的候选谜面显示出来。

我们选好谜面（不满意字谜系统给出的话还可以自行修改），就可以给小伙伴（或者心上人）去猜啦。要是觉得不错，可以点击收藏，把谜语保存到我的字谜中，供以后使用或者分享。

分享字谜

在可以猜字谜的页面上，都可以分享或者求助。具体实现可以参照我们之前的博文 博客园客户端UAP开发随笔 -- 让自己的App连接世界：WinRT中的微博分享 和 博客园客户端UAP开发随笔 – 让自己的App连接世界(2)：WinRT中的内置分享 。

另外我们还提供了分享到云端字谜的功能。

云端字谜

云端字谜都是小伙伴们分享上来的字谜，而且答对也能加分哦。想在排行榜上秀出来，就靠它了。

好吧，就写到这里，大家有意见欢迎拍过来啊。

我们的APP链接：微软字谜

MSRA的网页版字谜：微软字谜（在线）

最后祝大家元宵节快乐~

转载于:https://www.cnblogs.com/ms-uap/p/4314189.html

这篇关于元宵快乐的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/487571。

相关文章

LeetCode：快乐数（202）

LeetCode：快乐数（202）

目录 题目 代码思路 双指针 代码实现 题目 202. 快乐数 - 力扣（LeetCode） 编写一个算法来判断一个数 n 是不是快乐数。 [ 快乐数 ] 定义为： 对于一个正整数，每一次将该数替换为它每个位置上的数字的平方和。然后重复这个过程直到这个数变为 1，也可能是 无限循环 但始终变不到 1。如果这个过程 结果为 1，那么这个数就是快乐数。如果 n 是 快乐数 就返回
阅读更多...
算法----------快乐数 (Java版本)

算法----------快乐数 (Java版本)

编写一个算法来判断一个数 n 是不是快乐数。「快乐数」定义为：对于一个正整数，每一次将该数替换为它每个位置上的数字的平方和，然后重复这个过程直到这个数变为 1，也可能是 无限循环 但始终变不到 1。如果 可以变为 1，那么这个数就是快乐数。如果 n 是快乐数就返回 True ；不是，则返回 False 。 解决方法一：利用set 集合属性 class Solution {public b
阅读更多...
[数学]202. 快乐数

[数学]202. 快乐数

编写一个算法来判断一个数 n 是不是快乐数。 「快乐数」定义为： 对于一个正整数，每一次将该数替换为它每个位置上的数字的平方和。 然后重复这个过程直到这个数变为 1，也可能是 无限循环 但始终变不到 1。 如果 可以变为  1，那么这个数就是快乐数。 如果 n 是快乐数就返回 true ；不是，则返回 false 。 示例 1： 输入：19输出：true解释：1^2 + 9^2 =
阅读更多...
【快乐星球game】

【快乐星球game】

编写游戏程序代码是一个复杂的过程，涉及到游戏设计、编程、图形设计、音效制作等多个方面。以下是一个非常简化的示例，用于展示如何开始编写一个基本的游戏程序。我们将使用Python语言和一个名为Pygame的库来创建一个简单的游戏。 首先，确保你已经安装了Python和Pygame。你可以通过运行以下命令来安装Pygame： pip install pygame 然后，我们可以编写一个简单的游戏程
阅读更多...
【报告分享】当代年轻人的“快乐秘籍”—— Z时代营销攻略-极光（附下载）

【报告分享】当代年轻人的“快乐秘籍”—— Z时代营销攻略-极光（附下载）

摘要:当代年轻人的生活态度和人生观：他们喜欢表达个性和打造“人设”，享受自由，认为人生应由自己来掌控；面对亲密关系，他们有着自己独立的一面。当代年轻人有着多元且“小众化”的兴趣爱好，兴趣爱好给他们带来积极的精神能量，是他们社交的“中心点”，也是他们消费的重要驱动力.年轻人最核心的消费观念是“为了取悦自己”，他们对于购物和消费已不再满足于基本的功能需求，能够带来“情感体验”、符合他们“人设”的
阅读更多...
【报告分享】他们的“快乐源泉”-年轻人内容消费洞察报告-克劳锐（附下载）

【报告分享】他们的“快乐源泉”-年轻人内容消费洞察报告-克劳锐（附下载）

摘要:关注的热门内容不仅反映出当代年轻人的内容消费需求，同时反向影响着他们的自我认同和创造表达。而且不同年龄段的年轻人有着自己不同的想法，对内容、形式和平台也有不同的需求。现在各年龄层用户关注的哪些内容领域？他们的内容消费行为有何特征？不同平台的内容消费又有怎样的特点？ 来源:克劳锐 ​ 如需查看完整报告和报告下载或了解更多，公众号：行业报告
阅读更多...
做一个快乐的程序员

做一个快乐的程序员

来到兄弟连已经两个月了，给我最大的改变是态度上的改变，从以前懒散的状态中摆脱出来，每天都有新的收获，每天都会睡到很晚，虽然很累，想到自己的改变，想到获得知识，我仍然很快乐，在宿舍中可以说我是最不努力的那一个，但是一直在改变自己，让自己变得更加努力，超越自己。在项目期间，我们每天回去的很晚，很累，很多人都在抱怨“苦B的程序员”，我从心里不认同这样的观点，每当完成一个模块，完成一个功能，每天项目进度都
阅读更多...
有一种青春叫做'痛'并'快乐'着

有一种青春叫做'痛'并'快乐'着

有人说，青春无价，它是一生中最美的季节。青春是一朵含苞欲放的花朵，给人以希望，给人以想象的空间。          我也有我的青春，我的青春爱过，痛过，热血过，同时也迷茫过，我想每个人都有不一样的青春，每个人对青春也有不一样的感受，总的来说我的青春可以分为3个阶段。      第一阶段，年少轻狂：那时的我还是一个高中生，每天踏着朝阳走进教室，踩着星光走出校门，那时的我对未来充满了幻想，
阅读更多...
第14课　快乐的小猫

第14课　快乐的小猫

第14课　快乐的小猫 【教材分析】 《快乐的小猫》一课主要介绍了动作控件中的“移到”“面向”“平滑移动”等命令，是前1课《动画真精彩》的继续，是后续学习的基础。教材中先对角色活动的舞台进行了介绍，使学生对舞台中心及四周有一个基本的认识。之后通过几个简单的小程序——小猫绕场跑步、跳舞及跟随鼠标移动，让学生具体感知动作命令的使用方法，了解通过移动角色坐标完成角色重新定位。本课的教学重点是“移到”“
阅读更多...
快乐数（环路检测）

快乐数（环路检测）

问题描述 写一个算法来判断一个数是不是”快乐数”。 一个数是不是快乐是这么定义的：对于一个正整数，每一次将该数替换为他每个位置上的数字的平方和，然后重复这个过程直到这个数变为1，或是无限循环但始终变不到1。如果可以变为1，那么这个数就是快乐数。 样例 19 就是一个快乐数。 1^2 + 9^2 = 82 8^2 + 2^2 = 68 6^2 + 8^2 = 100 1^2 + 0^
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2