Nano Hash - криптовалюты, майнинг, программирование

Странное поведение IconTabBar с GenericTile

Почему XML-дерево на картинке выглядит так, как показано на второй картинке? MessageStrip пытается попасть в область содержимого IconTabBar, даже перепрыгивая через 4 элемента, и плитки выбираются любыми способами. В документации нет ограничений на то, что можно размещать в IconTabBar или в IconTabFilter. GenericTile — это не макет, который должен занимать все место на экране. Как вставить тайлы в содержимое IconTabBar?

XML-представление дерева

Скриншот результата

Вот код представления:

<mvc:View xmlns="sap.m" xmlns:mvc="sap.ui.core.mvc">
  <IconTabBar id="idTopLevelIconTabBar" class="sapUiResponsiveContentPadding">
    <items>
      <IconTabFilter id="start" icon="sap-icon://hint">
        <GenericTile class="sapUiMediumMarginBeginEnd sapUiLargeMarginTop tileLayout"
          header="Sales Fulfillment Application Title"
          subheader="Subtitle"
        >
          <TileContent unit="EUR" footer="Current Quarter">
            <ImageContent src="sap-icon://home-share"/>
          </TileContent>
        </GenericTile>
        <GenericTile class="sapUiMediumMarginBeginEnd sapUiLargeMarginTop tileLayout"
          header="Manage Activity Master Data Type"
          subheader="Subtitle"
        >
          <TileContent />
        </GenericTile>
        <GenericTile class="sapUiMediumMarginBeginEnd sapUiLargeMarginTop tileLayout"
          header="Manage Activity Master Data Type With a Long Title Without an Icon"
          subheader="Subtitle Launch Tile" mode="HeaderMode"
        >
          <TileContent unit="EUR" footer="Current Quarter" />
        </GenericTile>
        <GenericTile class="sapUiMediumMarginBeginEnd sapUiLargeMarginTop tileLayout"
          header="Jessica D. Prince Senior Consultant"
          subheader="Department"
        >
          <TileContent/>
        </GenericTile>
        <MessageStrip
          type="Information"
          showIcon="true"
          text="Another IconTabFilter"
        />
      </IconTabFilter>
      <IconTabFilter id="layouts" icon="sap-icon://bookmark">
        <!-- ... -->
      </IconTabFilter>
    </items>
  </IconTabBar>
</mvc:View>
sapui5 sap-fiori
18.06.2019

  • Хм, попробуй поместить их в VBox или HBox, чтобы заставить группироваться? 19.06.2019
  • @Elias теперь общие плитки находятся в HBox, а сообщения прикрепляются к нижней части HBox Imgur 20.06.2019
  • @NancyT Какая версия UI5? А что делает класс CSS tileLayout? Здесь все выглядит нормально: jsbin.com/yikeyuc/edit?js,output. Единственная разница, вероятно, заключается в версии UI5 и отсутствующем tileLayout в моей демонстрации. 22.06.2019
  • Класс @BoghyonHoffmann tileLayout имеет только одно свойство: float: left. Настоящая разница заключалась в классе sapUiLargeMarginTop MessageStrip в вашем примере, это расстояние между GenericTiles и MessageStrip. Это помогло, большое спасибо! 22.06.2019
  • @NancyT О, да, это sapUiLargeMarginTop было добавлено только для того, чтобы освободить место. Во всяком случае, мне не удалось воспроизвести скриншот с данным кодом. Было бы неплохо, если бы был предоставлен реальный код для воспроизведения странного поведения. Но теперь, кажется, это разрешилось. Пожалуйста, добавьте ответ ниже и примите его как решение, чтобы сообщить другим. 22.06.2019

Ответы:


1

Решение состояло в том, чтобы удалить мой собственный CSS (например, tileLayout) и добавить любой класс полей (например, "sapUiLargeMarginTop") в полосу сообщений, чтобы общая плитка помещалась внутри IconTabFilter.

Результат

30.06.2019
  • Пожалуйста, примите свой собственный ответ, чтобы другие знали, что проблема уже решена. 19.07.2020
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..