带茶杯的 ProMotion 造型表单元格

Question

我已经到处寻找 Google 的答案，但没有任何乐趣。我想做的是混合搭配 Teacup 和 ProMotion 用于桌子。整个表很简单。只需将其添加到 table_data 方法中数据元素的哈希中即可。

stylename: :leg_cell

-和-

Teacup::Stylesheet.new :main_screen do
  style :leg_cell,
    backgroundColor: UIColor.colorWithRed(238, green:238, blue:238, alpha: 1),
    textColor: UIColor.greenColor
  style UITableViewLabel,
    textColor: UIColor.greenColor
end

用于样式表。但是...UITableViewLabel 被忽略了，还有这个：

Symbiote 告诉我这是一个 UITableViewLabel，但我没有找到设置样式的方法。此外，Teacup 还提供这些整洁的服务：

layout do
  # things here to add styled subviews

与在 ProMotion 中添加东西的子视图非常相似的东西。这些如何（以及）共存？

关于如何将 tableview 标签设置为绿色的任何提示？甚至可能使用 TeaCup 添加一些自定义 UILabel？

注意：我知道绿色很糟糕，但我使用它只是为了证明我的元素样式正确。一旦我得到正确的样式，我会选择更有品味的东西。

谢谢！

Answer 1

我建议继承 PM::TableViewCell（它是 UITableViewCell 的子类）并在其中应用您的 Teacup 样式。

class MyTableViewCell < PM::TableViewCell
  attr_accessor :mileage_label

  stylesheet :main_screen
  def layoutSubviews
    layout do
      # Subviews
      # Apply `self.mileage_label` to your UILabel here.
    end
    restyle! # May be necessary?
  end
end

class MyScreen < PM::TableScreen
  def table_data
    [{
      cells: [{
        cell_class: MyTableViewCell,
        title: "whatever",
        properties: {
          mileage_label: "My mileage label",
        }
      }]
    }]
  end
end