{"id":6685,"date":"2014-11-26T18:50:41","date_gmt":"2014-11-26T00:50:41","guid":{"rendered":"http:\/\/www.moonmile.net\/blog\/?p=6685"},"modified":"2014-11-29T19:05:19","modified_gmt":"2014-11-29T10:05:19","slug":"xamarin-iosmvvmcross%e3%81%a7storyboard%e3%82%92%e4%bd%bf%e3%81%86%e6%96%b9%e6%b3%95%ef%bc%88mvvmcross-v3-2-2-%e5%af%be%e5%bf%9c%ef%bc%89-2","status":"publish","type":"post","link":"http:\/\/www.moonmile.net\/blog\/archives\/6685","title":{"rendered":"Xamarin.iOS+MvvmCross\u3067storyboard\u3092\u4f7f\u3046\u65b9\u6cd5\uff08MvvmCross v3.2.2 \u5bfe\u5fdc\uff09"},"content":{"rendered":"<p>Xamarin.iOS+MvvmCross\u3067storyboard\u3092\u4f7f\u3046\u65b9\u6cd5 | Moonmile Solutions Blog<br \/>\n<a href=\"http:\/\/www.moonmile.net\/blog\/archives\/5814\">http:\/\/www.moonmile.net\/blog\/archives\/5814<\/a><\/p>\n<p>\u4ee5\u524d\u3001\u66f8\u3044\u305f\u306e\u3067\u3059\u304c\u3001\u30d0\u30fc\u30b8\u30e7\u30f3\u304c\u4e0a\u304c\u3063\u3066\u5fae\u5999\u306b\u52d5\u304d\u304c\u7570\u306a\u3063\u3066\u3044\u308b\u306e\u3067\u3001\u30e1\u30e2\u66f8\u304d\u3057\u3066\u304a\u304d\u307e\u3059\u3002<br \/>\n\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u306f http:\/\/1drv.ms\/1CeHWYp \u304b\u3089\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<h2>MvvmCross \u306e\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u3092 storyboard \u5bfe\u5fdc\u306b\u3059\u308b<\/h2>\n<p>Tip Calc The Core Project<br \/>\n<a href=\"https:\/\/github.com\/MvvmCross\/MvvmCross\/wiki\/Tip-Calc---The-Core-Project\">https:\/\/github.com\/MvvmCross\/MvvmCross\/wiki\/Tip-Calc&#8212;The-Core-Project<\/a><br \/>\nTip Calc A Xamarin.iOS UI project \u30fb MvvmCross\/MvvmCross Wiki<br \/>\n<a href=\"https:\/\/github.com\/MvvmCross\/MvvmCross\/wiki\/Tip-Calc-A-Xamarin.iOS-UI-project\">https:\/\/github.com\/MvvmCross\/MvvmCross\/wiki\/Tip-Calc-A-Xamarin.iOS-UI-project<\/a><\/p>\n<h2>TipCalc.Core \u306e\u4e2d\u8eab<\/h2>\n<p>ViewModel \u306f MvxViewModel \u30af\u30e9\u30b9\u3092\u7d99\u627f\u3057\u3066\u4f5c\u308a\u307e\u3059\u3002\u3053\u3053\u306e\u30d0\u30a4\u30f3\u30c9\u306f\u3001INotiryPropertyChanged \u3092\u5b9f\u88c5\u3057\u3066\u3044\u308c\u3070\u3088\u3044\u306e\u3067\u3001\u4f55\u3067\u4f5c\u3063\u3066\u3082\u826f\u3044\u306f\u305a\u3067\u3059\u3002<br \/>\n\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u5909\u66f4\u6642\u306b\u3001RaisePropertyChanged \u3067\u5909\u66f4\u901a\u77e5\u3092\u3057\u307e\u3059\u3002<\/p>\n<pre class=\"brush: csharp; title: ; notranslate\" title=\"\">\r\npublic class TipViewModel : MvxViewModel\r\n{\r\n\tprivate readonly ICalculation _calculation;\r\n\tpublic TipViewModel(ICalculation calculation)\r\n\t{\r\n\t\t_calculation = calculation;\r\n\t}\r\n\r\n\tpublic override void Start()\r\n\t{\r\n\t\t_subTotal = 100;\r\n\t\t_generosity = 10;\r\n\t\tRecalcuate();\r\n\t\tbase.Start();\r\n\t}\r\n\r\n\tprivate double _subTotal;\r\n\r\n\tpublic double SubTotal\r\n\t{\r\n\t\tget { return _subTotal; }\r\n\t\tset { _subTotal = value; RaisePropertyChanged(() =&gt; SubTotal); Recalcuate(); }\r\n\t}\r\n<\/pre>\n<p>App.cs \u306e\u4e2d\u8eab\u306f\u3001\u7a7a\u3063\u307d\u3067\u3082\u52d5\u304d\u307e\u3059&#8230;\u3068\u601d\u3063\u305f\u3051\u3069\u3001Calculation \u306e\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3060\u3051\u4f5c\u3089\u306a\u3044\u3068\u30c0\u30e1\u3067\u3059\u3002\u3053\u306e\u90e8\u5206\u306f\u3001Calc \u90e8\u5206\u3092 ICalc \u3067\u4f5c\u3063\u3066\u3044\u308b\u306e\u3067\u3001\u3053\u3046\u306a\u3063\u3066\u3044\u308b\u306e\u3067\u3001\u7279\u306b\u4f5c\u3089\u306a\u3051\u308c\u3070 App() \u306e\u4e2d\u8eab\u306f\u7a7a\u3067\u3082\u5927\u4e08\u592b\u3067\u3059\u3002<\/p>\n<pre class=\"brush: csharp; title: ; notranslate\" title=\"\">\r\npublic App()\r\n{\r\n\tMvx.RegisterType&lt;ICalculation, Calculation&gt;();\r\n\t\/\/ Mvx.RegisterSingleton&lt;IMvxAppStart&gt;(new MvxAppStart&lt;TipViewModel&gt;());\r\n}\r\n<\/pre>\n<p>RegisterSingleton \u3092\u4f7f\u3046\u3068\u30b7\u30f3\u30b0\u30eb\u30c8\u30f3\u3067\u4f5c\u3089\u308c\u3066\u3057\u307e\u3044\u3001\u90fd\u5408\u304c\u60aa\u3044\u3053\u3068\u304c\u591a\u3044\u306e\u3067\u3001UI \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u307b\u3046\u3067\u4f5c\u308a\u307e\u3059\u3002<\/p>\n<h2>TipCalc.UI.Touch \u306e\u4e2d\u8eab<\/h2>\n<p>Setup.cs \u306e\u4e2d\u8eab\u306f\u307b\u3068\u3093\u3069\u7a7a\u3063\u307d\u3067\u3059\u3002<\/p>\n<pre class=\"brush: csharp; title: ; notranslate\" title=\"\">\r\npublic class Setup : MvxTouchSetup\r\n{\r\n\tpublic Setup(MvxApplicationDelegate appDelegate, IMvxTouchViewPresenter presenter)\r\n\t\t: base(appDelegate, presenter)\r\n\t{\r\n\t}\r\n\r\n\tprotected override Cirrious.MvvmCross.ViewModels.IMvxApplication CreateApp()\r\n\t{\r\n\t\treturn new App();\r\n\t}\r\n}\r\n<\/pre>\n<p>AppDelegate.cs \u306e\u4e2d\u8eab\u306f\u3001Window \u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u6b8b\u3057\u3066\u3001FinishedLaunching \u3060\u3051\u30aa\u30fc\u30d0\u30fc\u30e9\u30a4\u30c9\u3057\u307e\u3059\u3002<br \/>\n\u5185\u90e8\u3067 window \u3092\u4f5c\u3063\u3066\u3044\u308b\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u3082\u3042\u308b\u306e\u3067\u3059\u304c\u3001\u5225\u306e\u3068\u3053\u308d\u304b\u3089 Window \u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u53c2\u7167\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u306e\u3067\u3001\u5143\u306e\u72b6\u614b\u3067\u6b8b\u3057\u305f\u307b\u3046\u304c\u30d9\u30bf\u30fc\u3067\u3059\u3002<br \/>\n\u4ee5\u524d\u3068\u9055\u3063\u3066\u3001Setup \u306e\u5f15\u6570\u304c\u5909\u308f\u3063\u3066\u3044\u308b\u306e\u3067\u3001MvxTouchViewPresenter \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u3063\u3066\u5f15\u304d\u6e21\u3057\u307e\u3059\u3002<br \/>\n\u307e\u3042\u3001Setup \u81ea\u4f53\u3092\u5909\u3048\u3066\u3057\u307e\u3063\u3066\u3082\u3044\u3044\u306e\u3067\u3059\u304c\u3002<\/p>\n<pre class=\"brush: csharp; title: ; notranslate\" title=\"\">\r\n &#x5B;Register(&quot;AppDelegate&quot;)]\r\npublic partial class AppDelegate : MvxApplicationDelegate\r\n{\r\n\t\/\/ class-level declarations\r\n\tpublic override UIWindow Window\r\n\t{\r\n\t\tget;\r\n\t\tset;\r\n\t}\r\n\r\n\tpublic override bool FinishedLaunching(UIApplication app, NSDictionary options)\r\n\t{\r\n\t\tvar presenter = new MvxTouchViewPresenter(this, Window);\r\n\t\tvar setup = new Setup(this, presenter);\r\n\t\tsetup.Initialize();\r\n\t\treturn true;\r\n\t}\r\n}\r\n<\/pre>\n<p>TipCalc.UI.TouchViewController.cs \u306e ViewModel \u306f\u3001MvxViewController \u3092\u7d99\u627f\u3059\u308b\u3088\u3046\u306b\u5909\u66f4\u3057\u3066\u3001ViewDidLoad \u30e1\u30bd\u30c3\u30c9\u306e\u4e2d\u8eab\u3060\u3051\u5909\u66f4\u3057\u307e\u3059\u3002<br \/>\nbase.ViewDidLoad \u3067\u5143\u306e\u30e1\u30bd\u30c3\u30c9\u3092\u547c\u3073\u51fa\u3059\u524d\u306b\u3001MvxViewModelRequest \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u3089\u306a\u3044\u3068\u3044\u3051\u307e\u305b\u3093\u3002\u3053\u306e\u5f15\u6570\u304c\u5909\u66f4\u306b\u306a\u3063\u3066\u3044\u3066\u3001ViewModel \u306e\u30af\u30e9\u30b9\u540d\uff08\u3053\u3053\u3067\u306f TipViewModel \uff09\u3092\u6e21\u3057\u307e\u3059\u3002<\/p>\n<p>CreateBindingSet \u306f\u62e1\u5f35\u30e1\u30bd\u30c3\u30c9\u306a\u306e\u3067\u3001<br \/>\nusing Cirrious.MvvmCross.Binding.BindingContext;<br \/>\n\u3059\u308b\u3053\u3068\u3092\u5fd8\u308c\u305a\u306b&#8230;\u3044\u3064\u3082\u3042\u308c\uff1f\u3063\u3066\u306a\u308b\u306e\u3067\u3002<\/p>\n<pre class=\"brush: csharp; title: ; notranslate\" title=\"\">\r\npublic partial class TipCalcUITouchViewController : MvxViewController\r\n{\r\n\tpublic TipCalcUITouchViewController(IntPtr handle)\r\n\t\t: base(handle)\r\n\t{\r\n\t}\r\n\r\n\tpublic new TipViewModel ViewModel\r\n\t{\r\n\t\tget { return (TipViewModel)base.ViewModel; }\r\n\t\tset { base.ViewModel = value; }\r\n\t}\r\n\r\n\tpublic override void ViewDidLoad()\r\n\t{\r\n\t\tthis.Request = new MvxViewModelRequest(typeof(TipViewModel), null, null, new MvxRequestedBy());\r\n\t\tbase.ViewDidLoad();\r\n\t\t\/\/ Perform any additional setup after loading the view, typically from a nib.\r\n\t\tvar set = this.CreateBindingSet&lt;TipCalcUITouchViewController, TipViewModel&gt;();\r\n\t\tset.Bind(labelTip).To(vm =&gt; vm.Tip);\r\n\t\tset.Bind(textSubTotal).To(vm =&gt; vm.SubTotal);\r\n\t\tset.Bind(sliderGene).To(vm =&gt; vm.Generosity);\r\n\t\tset.Apply();\r\n\t}\r\n}\r\n<\/pre>\n<p>Bind \u3067\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3092\u6307\u5b9a\u3057\u3066\u3001To \u3067 ViewModel \u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u7d50\u3073\u3064\u3051\u307e\u3059\u3002\u3044\u308f\u3086\u308b Binding \u306e Path \u306f .For( c =&gt; c.Text) \u3067\u660e\u793a\u7684\u306b\u6307\u5b9a\u3082\u3067\u304d\u307e\u3059\u304c\u7701\u7565\u53ef\u80fd\u3067\u3059\uff08\u30c7\u30d5\u30a9\u30eb\u30c8\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u5185\u90e8\u3067\u6301\u3063\u3066\u3044\u308b\u3068\u601d\u308f\u308c\u308b\uff09\u3002<\/p>\n<h2>\u5b9f\u884c\u7d50\u679c<\/h2>\n<p>\u3053\u3093\u306a\u98a8\u306b\u30b9\u30e9\u30a4\u30c0\u30fc\u3092\u52d5\u304b\u3059\u3068\u3001\u30e9\u30d9\u30eb\u306e\u6570\u5024\u304c\u5909\u5316\u3057\u307e\u3059\u3002<\/p>\n<p><a title=\"20141126_02\" href=\"http:\/\/www.moonmile.net\/blog\/wp-content\/uploads\/2014\/11\/20141126_02.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.moonmile.net\/blog\/wp-content\/uploads\/2014\/11\/20141126_02-248x300.jpg\" alt=\"20141126_02\" width=\"516\" height=\"625\" class=\"alignnone  wp-image-6687\" srcset=\"http:\/\/www.moonmile.net\/blog\/wp-content\/uploads\/2014\/11\/20141126_02-248x300.jpg 248w, http:\/\/www.moonmile.net\/blog\/wp-content\/uploads\/2014\/11\/20141126_02.jpg 580w\" sizes=\"auto, (max-width: 516px) 100vw, 516px\" \/><\/a><\/p>\n<h2>\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9<\/h2>\n<p>\u30b5\u30f3\u30d7\u30eb\u306f\u3053\u3061\u3089<br \/>\n<a href=\"http:\/\/1drv.ms\/1CeHWYp\">http:\/\/1drv.ms\/1CeHWYp<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Xamarin.iOS+MvvmCross\u3067storyboard\u3092\u4f7f\u3046\u65b9\u6cd5 | Moonmile Solutions Blog http:\/\/www.moonmile.net\/blog\/archives\/5814 \u4ee5\u524d\u3001 &hellip; <a href=\"http:\/\/www.moonmile.net\/blog\/archives\/6685\">\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":[62,65],"tags":[],"class_list":["post-6685","post","type-post","status-publish","format-standard","hentry","category-xamarin","category-ios"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/posts\/6685","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=6685"}],"version-history":[{"count":6,"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/posts\/6685\/revisions"}],"predecessor-version":[{"id":6698,"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/posts\/6685\/revisions\/6698"}],"wp:attachment":[{"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/media?parent=6685"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/categories?post=6685"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.moonmile.net\/blog\/wp-json\/wp\/v2\/tags?post=6685"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}