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

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

Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
2
0
109
1
Перейти к ответу Данный вопрос помечен как решенный

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

Notice that you can use a BarRow in other parts of your apps to create headers for nested content too.

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

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

Другие вопросы по теме