ios-guide-04.md

做抽屜

步驟：

Step 1:

安裝 Gem

gem "ProMotion-menu"
gem "motion-fontawesome"

• bundle install
• rake pod:install

Step 2 :

• 修改 app/screens/home_screen.rb

class HomeScreen < PM::TableScreen
  title "職缺一覽"
  stylesheet HomeScreenStylesheet

  include NavigationHelper

  def on_load
    add_side_menu

    @jobs = []
    load_jobs
  end

  def sign_out_button
    Auth.sign_out do
      app.delegate.open_authenticated_root
    end
  end

  def sign_in_button
    open SignInScreen.new(nav_bar: true)
  end

Step 3 :

• touch app/helpers/navigation_helpper.rb

module NavigationHelper
  def add_side_menu
    label = UILabel.alloc.initWithFrame([[0, 0], [20, 20]])
    label.font = FontAwesome.fontWithSize(16.0)
    label.text = FontAwesome.icon("list")
    label.color = rmq.color.black

    set_nav_bar_button :left, custom_view: label, action: :tapped_left_nav

    rmq(label).on(:tap) do |_sender|
      app_delegate.menu.show(:left)
    end
  end

  def tapped_left_nav
    app_delegate.show_menu
  end
end

Step 4:

修改 app/app_delegate.rb

class AppDelegate < PM::Delegate
  include CDQ # Remove this if you aren't using CDQ

  status_bar true, animation: :fade

  # Without this, settings in StandardAppearance will not be correctly applied
  # Remove this if you aren't using StandardAppearance
  ApplicationStylesheet.new(nil).application_setup

  def on_load(_app, _options)
    cdq.setup # Remove this if you aren't using CDQ
    open_authenticated_root
  end

  def show_menu
    @menu.show :left
  end

  # Remove this if you are only supporting portrait
  def application(_application, willChangeStatusBarOrientation: new_orientation, duration: duration)
    # Manually set RMQ's orientation before the device is actually oriented
    # So that we can do stuff like style views before the rotation begins
    device.orientation = new_orientation
  end

  def open_authenticated_root
    open_tab_bar HomeScreen.new(nav_bar: true)
    @menu = open MenuDrawer
  end
end

Step 5 :

• touch app/drawers/menu_drawer.rb

class MenuDrawer < PM::Menu::Drawer
  def setup
    self.center = HomeScreen.new(nav_bar: true)
    self.left = NavigationScreen
    self.to_show = [:pan_bezel, :pan_center]
    self.transition_animation = :slide
    self.max_left_width = 200
    self.shadow = false
  end
end

Step 6 :

• rake