Xamarin,iPhoneアプリにツリービューのサイドメニューを追加する


Xamarin.iOS の iPhone アプリで、ツリービューを作成して、それをサイドメニューの載せる方法を調べてみました。

サイドメニューは、Xamarin.SideMenu を使用します。Xamarin.SideMenu の詳細については、以下の記事を参照してください。

そして、リストビューの作成方法は、以下の記事を参考にさせていただきました。

ソースコードを含めた成果物は、複雑になったため GitHub の方に上げたので詳細はそちらをご確認ください。

https://github.com/fnya/TreeMenu

それでどのように動作するかというと…。

メニュー表示するボタンが表示されます。これをクリックすると…。

f:id:fnyablog:20180908073025p:plain

みょーんと左からサイドメニューが表示され、それがツリービューとなっています。

f:id:fnyablog:20180908073056p:plain

ツリービューなのでもちろん展開できます。最終子要素をクリックすると…。

f:id:fnyablog:20180908073127p:plain

新規のビューに画面遷移します。

f:id:fnyablog:20180908073202p:plain

こんな感じで動作します。

なお、作成環境は Visual Studio for Mac になります。

簡単なエントリーですが、結構苦労したので参考になれば幸いです。