Question

我想创建一个彩色标题，其宽度为100％，并在其中带有文本+徽标。我应该使用哪个（珠宝）组件？我已经研究了the GitHub repo中的示例，但找不到与此类似的内容。任何帮助将不胜感激。

Answer 1

在珠宝中，您具有 TopAppBar 。它用作主应用程序栏，并且是一个标题，显示在应用程序顶部并填充100％的水平空间。

可以通过主题（珠宝主题或您可以自己定制的主题）完成着色，也可以直接在应用程序中覆盖CSS样式。

这是使用其他子组件的该组件的一个小示例。

<j:TopAppBar>
  <j:BarRow>
    <j:BarSection>
      <j:BarTitle text="Apache Royale Tour de Jewel" />
    </j:BarSection>
    <j:BarSection itemsHorizontalAlign="itemsRight">
      ...place other content here
    </j:BarSection>
  </j:BarRow>
</j:TopAppBar>

子组件：

BarRow ：用于创建要堆叠的水平行
BarSection ：BarRow可以具有1个或多个BarSections，以帮助分隔内容和项目。HorizontalAlign有助于将内容向左，居中或向右对齐
BarTitle ：是一个便捷组件，用于在栏中创建典型的标题文本。

注意，您也可以在应用程序的其他部分使用 BarRow 为嵌套内容创建标头。

您可以在Tour De Jewel App中看到一个真实的使用示例：

https://github.com/apache/royale-asjs/blob/develop/examples/royale/TourDeJewel/src/main/royale/MainContent.mxml

如何在Apache Royale中创建大标题

1 个答案: