如何创建类似于BBC新闻应用程序中的Glance?

时间:2015-05-26 15:43:57

标签: ios watchkit user-experience apple-watch xcode6.3

我正在研究 Apple Watch BBC新闻 App。这是一瞥的样子:

enter image description here

但是,当我查看Glance控制器的故事板时,我可以看到只有这些选项 一目了然

enter image description here

看起来与BBC新闻应用程序更相似的是以下选项:

enter image description here

我认为他们可能会改变左侧组的大小并添加代表红色条的图像。但是,当我试图复制这个时,我无法调整该组的大小。

您认为他们如何实现这一目标?

2 个答案:

答案 0 :(得分:1)

我认为解决这个问题的唯一方法就是选择第一种安排。在单个组中,您将:

  • 添加一个固定宽度和相对高度为1的新组。将其背景颜色设置为红色。
  • 在新组之后,添加一个多行标签(lines = 0),以便标题流过多行。

更新:刚刚在Xcode中尝试了这种技术,并且通过一些间距调整,我能够实现这一目标:

enter image description here

答案 1 :(得分:0)

首先,我认为您应该了解我们如何布置手表应用程序与普通iPhone应用程序相比。 Watch应用程序中的布局就像 Android 一样。您必须指定UI元素的方向,而不是自由拖动。例如,默认的 Glance 有两个组,其方向是水平的。

对于您的问题,我认为您可以使用默认模板来实现它。您可以将分隔符拖动到左侧栏并将其更改为红色。然后,拖动标签以使剩余空间适合。