2013年11月21日木曜日

スライドするメニューを作る

Googleのアプリでよくある画面の横端をスワイプもしくはメニューボタンを押すことで画面端から出てくるメニューをアプリに組み込んでみました

Goggleのサービスと同じようなタイプのメニューであればSupport Libraryにある「Navigation Drawer」を組み込む事で簡単に実装できます

■Android Developers Creating Navigation Drawer
http://developer.android.com/training/implementing-navigation/nav-drawer.html


Navigation Drawerを使うと、画面左端(右端にも設定できる)からスワイプすればメニューがニュッと出てきて、コンテンツの上に表示されます

これでも良いのですがNavigation Drawerはカスタマイズ可能なオプションが少なく、コードの改変なしには細かな要望に応えるのが難しいです

顧客が「Facebookのように、コンテンツの方がスライドしてメニューが下から出てくるようなメニューにしたい」といった場合には対処ができません


Facebookのようなメニュー表示


そこで利用したいのが「SlidingMenu」です
SlidingMenuはGithubにてソースコードが公開されているます

■SlidingMenu
https://github.com/jfeinstein10/SlidingMenu

使い方も非常に簡単です
使い方については上記に記載したサイトの方に記載がありますの割愛します

どんな事ができるの?
と、動きが気になる方はデモアプリがGoogle Playで公開されているので、そちらをインストールしてご覧ください

○SlidingMenu デモ
https://play.google.com/store/apps/details?id=com.slidingmenu.example


カスタマイズも色々できて、メニューを開いた時にコンテンツ部分をどの程度残して表示するかや影のつけ方など指定できます
詳細については上記に紹介したサイトをご覧いただくか、Githubよりソースコードを取得するとデモアプリのコードも入っているので、それをみても分かると思います


こういうライブラリを公開してくれている人がいるのは開発者としては非常にありがたいですよね
いつもライブラリを利用させてもらってるばかりなので、何か自分でも作って貢献しなければ!




0 コメント:

コメントを投稿