Xamarin.Forms でドラッグを実装しよう（のうりん編）
http://www.moonmile.net/blog/archives/7653
Xamarin.Forms でドラッグを実装しよう（Android編）
http://www.moonmile.net/blog/archives/7667
Xamarin.Forms でドラッグを実装しよう（Xamarin.Forms on Android編）
http://www.moonmile.net/blog/archives/7670
Xamarin.Forms でドラッグを実装しよう（Xamarin.Forms on iOS編）
http://www.moonmile.net/blog/archives/7723
Xamarin.Forms でドラッグを実装しよう（Xamarin.Forms on WinPhone編）
http://www.moonmile.net/blog/archives/7728
の続きです。
Xamarin.Forms は 2.0 からユニバーサルアプリ（UWP）を扱えるようになったハズなので、これを作ってみます。
Adding a Universal Windows Platform (UWP) App – Xamarin
https://developer.xamarin.com/guides/xamarin-forms/windows/getting-started/universal/
を参考にして、
– App.xaml.cs に Xamarin.Forms.Forms.Init(e); を追加
– MainPage.xaml に using:Xamarin.Forms.Platform.UWP を追加
– MainPage.xaml.cs に LoadApplication(new BoxDragXF.App()); を追加
すると動きます。
Android や iOS と同じようにドラッグさせたいので、Windows Phone 8.1 と同じように BoxExRenderer クラスを作ります。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | [assembly: ExportRenderer(typeof(BoxViewEx), typeof(BoxExRenderer))]namespace BoxDragXF.UWP{ class BoxExRenderer : Xamarin.Forms.Platform.UWP.BoxViewRenderer { protected override void OnElementChanged(ElementChangedEventArgs<BoxView> e) { base.OnElementChanged(e); this.ManipulationDelta += BoxExRenderer_ManipulationDelta1; this.ManipulationMode = Windows.UI.Xaml.Input.ManipulationModes.All; } private void BoxExRenderer_ManipulationDelta1(object sender, Windows.UI.Xaml.Input.ManipulationDeltaRoutedEventArgs e) { var el = this.Element as BoxViewEx; el.OnManipulationDelta(el, new BoxDragXF.ManipulationDeltaRoutedEventArgs(el, e.Delta.Translation.X, e.Delta.Translation.Y)); } }} |
ほとんど、WinPhone 版と同じですね。
これが動くと、Windows IoT Core の UWP も同じように動くので、自作タブレットを作ったり、Surface を使った場合でも共通化できます。Android/iPhone/Surface の UI が Xamarin.Forms で一括で作ることができます。
動かしたときの動画はこちらです。
サンプルコード
https://github.com/moonmile/BoxDrag
にあります。
