読者です 読者をやめる 読者になる 読者になる

恥知らずのウェブエンジニア -web engineer, shameless

これは一歩を踏み出すことができない者たちのブログ

ios JASidePanelsでスワイプで画面切り替え

ios objective-c xcode

前回インストールした、JASidePanelsを使って、
スワイプで画面切り替えを実装してみた。
http://youngforever.hatenablog.com/entry/2014/05/10/161303

イメージはこんな感じ
f:id:ogataka50:20140510175849p:plain

いろいろぐぐったが、結局公式が一番わかりやすかった。
https://github.com/gotosleep/JASidePanels


概要としては、

  1. JASidePanelControllerを継承したclass,view Controllerを作成。
  2. 1でつくったview Controllerをルートのviewにする。story boardの矢印のやーつ
  3. 左、真ん中、右画面のview Controllerを作成
  4. 画面を制御するメソッドを1でつくったクラスに記述

手順としては、

  1. FIle->new->objective-c classをsub class:JASidePanelControllerとしてMySidePanelController.h,.mを作成
  2. storyboardでView Controllerを追加し、custom classをMySidePanelControllerにしておく。
  3. 左、真ん中、右画面のview Controllerをぞれぞれstoryboardで作成

(storyboard id をそれぞれleft,center,rightViewControllerに設定)

  1. MySidePanelController.mに下記のコード追加。
-(void) awakeFromNib
{
  [self setLeftPanel:[self.storyboard instantiateViewControllerWithIdentifier:@"leftViewController"]];
  [self setCenterPanel:[self.storyboard instantiateViewControllerWithIdentifier:@"centerViewController"]];
  [self setRightPanel:[self.storyboard instantiateViewControllerWithIdentifier:@"rightViewController"]];
}


でひとまずいけました。
https://github.com/gotosleep/JASidePanels#example-2-storyboards


便利!

JASidePanelController.hを見てみると、
画面の開き幅等もプロパティで設定できるっぽい。

次はスライドした画面にメニューとか置いて、
真ん中の画面更新するとかやってみよう。



先週ぐらいにiosデベロッパー購入したけど、
アクティベーションのメールがこない・・・

実機テストはできているが・・・
問い合わせしたほうがいいのか。。。




感謝致します。
f:id:ogataka50:20140503175607j:plain