Как создать большой заголовок в Apache Royale - PullRequest
Новая
       13

Как создать большой заголовок в Apache Royale

2 голосов
/ 04 мая 2019

Я хотел бы создать цветной заголовок со 100% шириной и центрированным текстом + логотип в нем. Какой (Jewel) компонент я должен использовать? Я посмотрел примеры в репозитории GitHub , но не могу найти что-то похожее на это. Любая помощь будет оценена.

1 Ответ

2 голосов
/ 05 мая 2019

in 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, которые помогают разделить контент и itemsHorizontAlign помогает выровнятьсодержимое слева, по центру или справа
  • BarTitle : вспомогательный компонент, который создает типичный текст заголовка на панели.

Обратите внимание, что вы можете использовать BarRow в других частях ваших приложений для создания заголовков и для вложенного контента.

Реальный пример использования можно увидеть в Tour De JewelПриложение здесь:

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

...