更改ProMotion TableScreen布局

时间:2016-07-06 23:41:58

标签: rubymotion rubymotion-promotion

我在ProMotion文档和示例中无处不在,但我无法找到更改TableScreen布局的方法,特别是TableView单元格的垂直起始位置。

我的屏幕顶部有一个UIView来显示一些按钮,TableView单元格应该从下面开始,但是现在它们在彼此之上。

我甚至设法使用REPL控制台移动TableView:

rmq(4496872960).nudge d: 10

其中4496872960是我的UITableViewWrapperView对象的ID,但我不知道在这个代码中将此对象的布局坐标放在何处。

我的屏幕代码:

class HomeScreen < PM::TableScreen
  title I18n.t("home_screen.title")
  tab_bar_item title: I18n.t("home_screen.title"), item: "icon-home_32x32.png"
  row_height :auto, estimated: 30
  stylesheet HomeScreenStylesheet

  def on_load
    @matches = [{attributes: {status: "dummy1", player2: {email: "dummy1@match.com"}}},{attributes: {status: "dummy2", player2: {email: "dummy2@match.com"}}}]
    append(TopHomeView, :top_home_view)
    set_nav_bar_button :left, title: I18n.t("home_screen.sign_out_label"), image: image.resource("icon-logout-32x32.png"), action: :sign_out
    set_nav_bar_button :right, title: (Auth.current_user ? Auth.current_user["email"] : ""), image: image.resource("icon_user_50x50.png"), action: :open_profile

    load_async
  end

  def table_data
    [{
      cells: @matches.map do |match|
        {
          title: match[:attributes][:player2][:email],
          subtitle: match[:attributes][:status],
          action: :play_round,
          arguments: { match: match }
        }
      end
    }]
  end

编辑:

我一直试图解决这个问题,现在我已经为我的UITableViewWrapperView对象添加了一个样式:

def viewDidLoad
  super
  rmq(UITableViewWrapperView).apply_style(:style_for_table_wrapper)
end

在我的样式表中,我能够设置一切样式:background_color,隐藏状态,但框架样式只是被忽略。

def top_home_view(st)
  st.frame = {l:20, t: 20, w: 300, h: 60}
  st.background_color = color.white
end

1 个答案:

答案 0 :(得分:0)

如本Github问题所示:

https://github.com/infinitered/ProMotion/issues/784#issuecomment-230962988

这里的解决方案在于实现TableScreen的Header视图。这让我们在单元格顶部有一个区域供我们自己使用:

定义一个table_header_view,返回一个UIView实例(必需):

class HomeScreen < PM::TableScreen
  # ...
  def table_header_view
    create!(TopHomeView, :top_home_view)
  end

请注意&#34; bang方法&#34; (create!)将返回UIView的实例。

信用转到https://github.com/andrewhavens以清除