{"id":4073,"date":"2013-02-18T09:54:35","date_gmt":"2013-02-18T00:54:35","guid":{"rendered":"http:\/\/www.moonmile.net\/blog\/archives\/4073"},"modified":"2013-02-17T01:55:28","modified_gmt":"2013-02-16T16:55:28","slug":"%e9%80%a3%e7%b6%9a%e3%81%97%e3%81%9f%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e3%81%a4%e3%81%aa%e3%81%90%e3%81%9f%e3%82%81%e3%81%ab%e3%80%81awaitasync-%e3%82%92","status":"publish","type":"post","link":"http:\/\/www.moonmile.net\/blog\/archives\/4073","title":{"rendered":"\u9023\u7d9a\u3057\u305f\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u3064\u306a\u3050\u305f\u3081\u306b\u3001await\/async \u3092\u4f7f\u3046"},"content":{"rendered":"<p>\n\u9023\u7d9a\u3057\u305f\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u3064\u306a\u3050\u305f\u3081\u306b\u3001Completed \u30a4\u30d9\u30f3\u30c8\u3067\u3064\u306a\u3052\u308b | Moonmile Solutions Blog<br \/>\n<a href=\"http:\/\/www.moonmile.net\/blog\/archives\/4071\">http:\/\/www.moonmile.net\/blog\/archives\/4071<\/a>\n<\/p>\n<p>\n\u306e\u7d9a\u304d\u3067\u3001storyboard \u306e Completed \u30a4\u30d9\u30f3\u30c8\u3067\u9023\u7d9a\u3055\u305b\u308b\u306e\u3067\u306f\u306a\u304f\u3066\u3001async\/await \u3092\u4f7f\u3063\u3066\u3064\u306a\u3052\u3066\u307f\u307e\u3059\u3002\n<\/p>\n<p>\n\u25a0\u958b\u59cb Image \u3068 \u7d42\u4e86 Image \u3092\u6e21\u3057\u3066\u30a2\u30cb\u30e1\u3059\u308b\u95a2\u6570\u3092\u4f5c\u308b\n<\/p>\n<p>\n\u30e2\u30fc\u30c0\u30eb\u30c0\u30a4\u30a2\u30ed\u30b0\u3092\u4f5c\u3063\u305f\u3068\u304d\u3068\u540c\u3058\u3088\u3046\u306b\u3001Completed \u30a4\u30d9\u30f3\u30c8\u306e\u767a\u751f\u5f85\u3061\uff08\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u5b8c\u4e86\u5f85\u3061\uff09\u3092\u3057\u307e\u3059\u3002Task.Delay() \u3092\u30eb\u30fc\u30d7\u3055\u305b\u3066\u5f85\u3064\u306e\u3067\u3001\u30c0\u30b5\u3044\u3068\u8a00\u3048\u3070\u30c0\u30b5\u3093\u3067\u3059\u304c\u3002\u4ed6\u306b\u3088\u3044\u65b9\u6cd5\u304c\u3042\u3063\u305f\u3089\u3001\u307e\u305f\u691c\u8a0e\u3059\u308b\u3068\u3044\u3046\u3053\u3068\u3067\u3002<br \/>\nTask.Run \u306b\u6e21\u3059\u30e9\u30e0\u30c0\u5f0f\u306b async \u304c\u3064\u3044\u3066\u3044\u308b\u3068\u3044\u3046\u4e0d\u601d\u8b70\u306a\u30b3\u30fc\u30c9\u3067\u3059\u304c\u3001\u3053\u308c\u3067\u52d5\u304f\u306e\u3060\u304b\u3089\u305f\u3044\u3057\u305f\u3082\u306e\u3067\u3059\u3002WinRT \u306e\u5834\u5408\u306b\u306f Thread.Sleep \u304c\u306a\u304f\u3066\u3001\u975e\u540c\u671f\u306e Task.Delay \u3092\u4f7f\u3046\u305f\u3081\u306b\u3053\u3093\u306a\u98a8\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u3042\u305f\u308a\u3001Sleep \u76f8\u5f53\u306e\u30d6\u30ed\u30c3\u30ad\u30f3\u30b0\u7528\u306e\u30bf\u30a4\u30de\u30fc\u3092\u81ea\u4f5c\u3059\u308c\u3070\u3088\u3044\u306e\u304b\uff1f\u3061\u3087\u3063\u3068\u601d\u6848\u4e2d\u3002\n<\/p>\n<pre class=\"brush: csharp; title: ; notranslate\" title=\"\">\n\/\/\/ &lt;summary&gt;\n\/\/\/ \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3059\u308b\u95a2\u6570\n\/\/\/ &lt;\/summary&gt;\n\/\/\/ &lt;param name=&amp;quot;p1&amp;quot;&gt;&lt;\/param&gt;\n\/\/\/ &lt;param name=&amp;quot;p2&amp;quot;&gt;&lt;\/param&gt;\n\/\/\/ &lt;returns&gt;&lt;\/returns&gt;\nprivate async Task GoAnime( Image p1, Image p2 )\n{\n\tSetMovePos(p1, p2);\n\tbool _complete = false;\n\tthis.sbMove.Begin();\n\tthis.sbMove.Completed += (s, e) =&gt; { _complete = true; };\n\tawait Task.Run(async () =&gt;\n\t{\n\t\twhile (_complete == false)\n\t\t{\n\t\t\tawait Task.Delay(100);\n\t\t}\n\t});\n}\n<\/pre>\n<p>\n\u25a0\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u7f85\u5217\u3055\u305b\u308b\n<\/p>\n<p>\n\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3055\u305b\u308b GoAnime \u95a2\u6570\u304c\u3067\u304d\u305f\u306e\u3067\u3001await \u3092\u4ed8\u3051\u3066\u7f85\u5217\u3055\u305b\u3066\u307f\u307e\u3059\u3002Completed \u30a4\u30d9\u30f3\u30c8\u3067\u66f8\u304f\u3088\u308a\u3082\u3001\u3061\u3087\u3063\u3068\u306f\u72b6\u614b\u9077\u79fb\u304c\u307f\u3084\u3044\u304b\u306a\u3001\u3068\u3002yeild return \u306e\u5834\u5408\u306f\u30a4\u30c6\u30ec\u30fc\u30bf\u30fc\u3092\u4f7f\u3046\u5fc5\u8981\u304c\u3042\u3063\u3066\u3001\u3061\u3087\u3063\u3068\u30c8\u30ea\u30c3\u30ad\u30fc\u306a\u611f\u3058\u304c\u3059\u308b\u306e\u3067\u3059\u304c\u3001\u3053\u308c\u3060\u3068\u81ea\u7136\u304b\u3068\u3002\n<\/p>\n<pre class=\"brush: csharp; title: ; notranslate\" title=\"\">\n\/\/\/ &lt;summary&gt;\n\/\/\/ \u672d\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u9023\u7d9a\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u958b\u59cb\n\/\/\/ &lt;\/summary&gt;\n\/\/\/ &lt;param name=&amp;quot;sender&amp;quot;&gt;&lt;\/param&gt;\n\/\/\/ &lt;param name=&amp;quot;e&amp;quot;&gt;&lt;\/param&gt;\nprivate async void pictAniClick(object sender, TappedRoutedEventArgs e)\n{\n\tif (_moving == false)\n\t{\n\t\t_moving = true;\n\t\tawait GoAnime(this.pict1, this.pict2);\n\t\tawait GoAnime(this.pict2, this.pict3);\n\t\tawait GoAnime(this.pict3, this.pict4);\n\t\tawait GoAnime(this.pict4, this.pict1);\n\t}\n\telse\n\t{\n\t\tthis.sbMove.Stop();\n\t\t_moving = false;\n\t}\n}\nbool _moving = false;\n<\/pre>\n<p>\n\u25a0\u6c4e\u7528\u7684\u306b\u30af\u30e9\u30b9\u306e\u30e1\u30bd\u30c3\u30c9\u306b\u3057\u3066\u307f\u308b\n<\/p>\n<p>\nGoAnime \u30e1\u30bd\u30c3\u30c9\u306f\u3001\u753b\u9762\u306e\u5185\u90e8\u30e1\u30bd\u30c3\u30c9\u306a\u306e\u3067\u6c4e\u7528\u6027\u304c\u3042\u308a\u307e\u305b\u3093\u3002\u306a\u306e\u3067\u3001\u30af\u30e9\u30b9\u3068\u3057\u3066\u62ec\u308a\u3060\u3059\u306e\u304c\u826f\u304b\u308d\u3046\u3063\u3066\u3053\u3068\u3067\u3001\u30af\u30e9\u30b9\u5316\u3057\u3066\u307f\u305f\u306e\u304c\u3001\u3053\u308c\u3067\u3059\u3002\n<\/p>\n<pre class=\"brush: csharp; title: ; notranslate\" title=\"\">\npublic class AnimeWaitable\n{\n    public Storyboard sb { get; set; }\n    public EasingDoubleKeyFrame startPosX { get; set; }\n    public EasingDoubleKeyFrame startPosY { get; set; }\n    public EasingDoubleKeyFrame endPosX { get; set; }\n    public EasingDoubleKeyFrame endPosY { get; set; }\n    public Image pictAni { get; set; }\n    public Image pictStart { get; set; }\n    public Image pictEnd { get; set; }\n\n    public bool IsCompleted { get; set; }\n    public int Result { get; set; }\n    public AnimeWaitable()\n    {\n    }\n    public async Task&lt;int&gt; RunAsync(Image pictS, Image pictE)\n    {\n        this.pictStart = pictS;\n        this.pictEnd = pictE;\n\n        var ptS = this.pictStart.TransformToVisual(null).TransformPoint(new Point(0, 0));\n        var ptE = this.pictEnd.TransformToVisual(null).TransformPoint(new Point(0, 0));\n        this.startPosX.Value = ptS.X;\n        this.startPosY.Value = ptS.Y;\n        this.endPosX.Value = ptE.X;\n        this.endPosY.Value = ptE.Y;\n        sb.Completed += (s, e) =&gt;\n        {\n            this.IsCompleted = true;\n            this.Result = 1;\n        };\n        this.IsCompleted = false;\n\n        this.sb.Begin();\n        \/\/ \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u5b8c\u4e86\u5f85\u3061\n        while (this.IsCompleted == false)\n        {\n            await Task.Delay(100);\n        }\n        return this.Result;\n    }\n    public void Stop()\n    {\n        this.sb.Stop();\n        this.IsCompleted = true;\n        this.Result = 0;\n    }\n}\n<\/pre>\n<p>\nstoryboard \u306b\u5ea7\u6a19\u3092\u8a2d\u5b9a\u3057\u3066\u3044\u305f SetMovePos \u30e1\u30bd\u30c3\u30c9\u3092\u30af\u30e9\u30b9\u5185\u306b\u5c55\u958b\u3057\u3066\u3044\u308b\u306e\u3067\u3001\u5197\u9577\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u304c\u3001\u57fa\u672c\u306f GoAnime \u30e1\u30bd\u30c3\u30c9\u3068\u540c\u3058\u3067\u3001Task.Delay() \u3092\u4f7f\u3063\u3066\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u5b8c\u4e86\u5f85\u3061\u3092\u3057\u3066\u3044\u307e\u3059\u3002<br \/>\n\u30af\u30e9\u30b9\u540d\u304c AnimeWaitable \u306a\u306e\u306f\u3001awaitable \u30d1\u30bf\u30fc\u30f3\u306b\u3059\u308c\u3070\u3088\u3044\u306e\u3067\u306f\uff1f\u3063\u3066\u6642\u306e\u540d\u6b8b\u308a\u3067\u3059\u3002\u6700\u521d awaitable \u30d1\u30bf\u30fc\u30f3\u3092\u4f7f\u304a\u3046\u3068\u601d\u3063\u305f\u306e\u3067\u3059\u304c\u3001\u305d\u3046\u3059\u308b\u5fc5\u8981\u304c\u306a\u304b\u3063\u305f\u3063\u3066\u3053\u3068\u3067\u3059\u306d\u3002awaitable \u306b\u3064\u3044\u3066\u306f\u5225\u9014\u66f8\u3053\u3046\u3068\u601d\u3044\u307e\u3059\u3002\n<\/p>\n<p>\n\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u9023\u7d9a\u3055\u305b\u308b\u3068\u3053\u308d\u306f\u3001\u6b21\u306e\u3088\u3046\u306b await ani.RunAsync \u3092\u7f85\u5217\u3057\u3066\u3044\u304d\u307e\u3059\u3002\u3053\u3053\u3067\u306f\u3001\u3050\u308b\u3050\u308b\u3068\u56de\u308b\u3088\u3046\u306b List \u3092\u4f7f\u3063\u3066\u3044\u307e\u3059\u304c\u3002\n<\/p>\n<pre class=\"brush: csharp; title: ; notranslate\" title=\"\">\nasync void GoAnime()\n{\n\tvar ani = new AnimeWaitable();\n\tani.sb = this.sbMove;\n\tani.startPosX = this.sbStartX;\n\tani.startPosY = this.sbStartY;\n\tani.endPosX = this.sbEndX;\n\tani.endPosY = this.sbEndY;\n\tani.pictAni = this.pictAni;\n\tani.pictStart = this.pict1;\n\tani.pictEnd = this.pict2;\n\n\tvar lstS = new List&lt;Image&gt;();\n\tvar lstE = new List&lt;Image&gt;();\n\tlstS.Add(pict1); lstS.Add(pict2); lstS.Add(pict3); lstS.Add(pict4);\n\tlstE.Add(pict2); lstE.Add(pict3); lstE.Add(pict4); lstE.Add(pict1);\n\tthis.textMsg.Text = &amp;quot;\u958b\u59cb...&amp;quot;;\n\tint i = 0;\n\t_go = true;\n\t_ani = ani;\n\twhile (_go)\n\t{\n\t\tawait ani.RunAsync(lstS&#x5B;i], lstE&#x5B;i]);\n\t\ti = ++i % 4;\n\t\t\/* \u3053\u306e\u3088\u3046\u306b\u66f8\u304d\u4e26\u3079\u308b\u3053\u3068\u304c\u3067\u304d\u308b\n\t\tawait ani.RunAsync(pict1, pict2);\n\t\tawait ani.RunAsync(pict2, pict3);\n\t\tawait ani.RunAsync(pict3, pict4);\n\t\tawait ani.RunAsync(pict4, pict1);\n\t\t*\/\n\t}\n\tthis.textMsg.Text = &amp;quot;\u7d42\u4e86...&amp;quot;;\n\t_go = false;\n\n}\n\nbool _go = false;\nAnimeWaitable _ani;\n\nprivate void StartClick(object sender, RoutedEventArgs e)\n{\n\tif (_go == false)\n\t{\n\t\tGoAnime();\n\t}\n\telse\n\t{\n\t\t_ani.Stop();\n\t\t_go = false;\n\t}\n}\n<\/pre>\n<p>\n\u3053\u3053\u3067\u3061\u3087\u3063\u3068\u5947\u5999\u306a\u306e\u306f\u3001GoAnime \u30e1\u30bd\u30c3\u30c9\u306e\u4e2d\u3067\u3001while \u30eb\u30fc\u30d7\u3067\u3050\u308b\u3050\u308b\u3057\u3066\u3044\u308b\u9593\u3067\u3082 StartClick \u30a4\u30d9\u30f3\u30c8\u304c\u767a\u751f\u3057\u307e\u3059\u3002\u3048\u3048\u3001Start \u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4e00\u898b\u3059\u308b\u3068 while \u30eb\u30fc\u30d7\u3067\u753b\u9762\u304c\u56fa\u307e\u308b\u306e\u3067\u306f\uff1f\u3068\u601d\u3048\u308b\u306e\u3067\u3059\u304c\u3001ani.RunAsync \u306f\u975e\u540c\u671f\u30e1\u30bd\u30c3\u30c9\u306a\u306e\u3067\u3001\u9014\u4e2d\u3067\u30dc\u30bf\u30f3\u30af\u30ea\u30c3\u30af\u30a4\u30d9\u30f3\u30c8\u306a\u3069\u3092\u5165\u308c\u3089\u308c\u308b\u3093\u3067\u3059\u3088\u306d\u3002\u3053\u306e\u3042\u305f\u308a\u304c\u3001\u975e\u540c\u671f\u306a\u66f8\u304d\u65b9 async\/await \u306e\u9762\u767d\u3044\u3068\u3053\u308d\u3067\u3059\u3002\n<\/p>\n<p>\n\u9006\u306b\u3044\u3048\u3070\u3001\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3\u3068\u3057\u3066\u3069\u3046\u66f8\u304d\u8868\u3059\u306e\u304b\u3001\u3068\u3044\u3046\u306e\u304c\u96e3\u3057\u3044\u3068\u3053\u308d\u3067\u3059\u3002RunAsync \u3068\u3044\u3046\u540d\u524d\u3092\u4ed8\u3051\u3066\u3042\u308b\u306e\u3067\u975e\u30d6\u30ed\u30c3\u30ad\u30f3\u30b0\u3068\u3044\u3046\u3053\u3068\u304c\u308f\u304b\u308b\u306e\u3067\u3001\u624b\u7d9a\u304d\u3063\u307d\u3044\u66f8\u304d\u65b9\u3092\u3057\u3066\u3082 UI \u306e\u5404\u7a2e\u30a4\u30d9\u30f3\u30c8\u3092\u963b\u5bb3\u3057\u306a\u3044\u3068\u3044\u3046\u4e0d\u601d\u8b70\u306a\u2252\u3042\u308b\u610f\u5473\u3067\u76f4\u611f\u7684\u306a\u3001\u66f8\u304d\u65b9\u304c\u3067\u304d\u308b\u304b\u3068\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u9023\u7d9a\u3057\u305f\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u3064\u306a\u3050\u305f\u3081\u306b\u3001Completed \u30a4\u30d9\u30f3\u30c8\u3067\u3064\u306a\u3052\u308b | Moonmile Solutions Blog http:\/\/www.moonmile.net\/blog\/archives\/4071 \u306e\u7d9a &hellip; <a href=\"http:\/\/www.moonmile.net\/blog\/archives\/4073\">\u7d9a\u304d\u3092\u8aad\u3080 <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[23,52],"tags":[],"class_list":["post-4073","post","type-post","status-publish","format-standard","hentry","category-csharp","category-winrt"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/posts\/4073","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/comments?post=4073"}],"version-history":[{"count":1,"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/posts\/4073\/revisions"}],"predecessor-version":[{"id":4074,"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/posts\/4073\/revisions\/4074"}],"wp:attachment":[{"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/media?parent=4073"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/categories?post=4073"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/tags?post=4073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}