2

我想创建一个 100% 宽度和居中文本 + 徽标的彩色标题。我应该使用哪个（宝石）组件？我查看了 GitHub 存储库中的示例，但找不到类似的内容。任何帮助，将不胜感激。

4

1 回答 1

2

在Jewel你有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 帮助分隔内容和 itemsHorizo​​ntalAlign 帮助将内容对齐到左、中或右
  • BarTitle：是一个方便的组件，可以在栏中创建典型的标题文本。

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

您可以在此处查看Tour De Jewel App中使用的真实示例：

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

于 2019-05-05T14:34:12.663 回答