Свойство горизонтального выравнивания Adaptive Card по «Центру» или «Справа» не работает в MS Teams в мобильном приложении iOS - PullRequest
Новая
       79

Свойство горизонтального выравнивания Adaptive Card по «Центру» или «Справа» не работает в MS Teams в мобильном приложении iOS

1 голос
/ 15 марта 2020

У нас есть проблема со свойством «Горизонтальное выравнивание» в следующих адаптивных элементах: AdaptiveColumn, AdaptiveTextBlock и AdaptiveImage. Установка этого свойства в значение «Центр» или «Вправо», вызывающее серьезные проблемы при проектировании (см. Прикрепленные изображения).

Оригинал:

original icon without alignment

«Правое» выравнивание:

same icon after alignment to

Вот JSON: 

{
  "type": "AdaptiveCard",
  "version": "1.2",
  "body": [
    {
      "type": "Container",
      "items": [
        {
          "type": "ColumnSet",
          "columns": [
            {
              "type": "Column",
              "width": 15,
              "items": []
            },
            {
              "type": "Column",
              "width": 15,
              "items": [
                {
                  "type": "Image",
                  "url": "https://cdn4.iconfinder.com/data/icons/arrows-9/100/arrow-9-512.png",
                  "width": "30px",
                  "height": "24px"
                }
              ],
              "verticalContentAlignment": "Center",
              "selectAction": {
                "type": "Action.Submit",
                "title": "Previous"
              },
              "horizontalAlignment": "Left"
            },
            {
              "type": "Column",
              "width": 40,
              "items": [
                {
                  "type": "Image",
                  "size": "Large",
                  "url": "https://aboutflowers.com/wp-content/uploads/2016/10/AboutFlowers_S600Alstroemera_SymphonyMorita_Esmeralda.jpg",
                  "horizontalAlignment": "Center"
                }
              ]
            },
            {
              "type": "Column",
              "width": 15,
              "items": [
                {
                  "type": "Image",
                  "url": "https://cdn4.iconfinder.com/data/icons/arrows-9/100/arrow-10-512.png",
                  "width": "30px",
                  "horizontalAlignment": "Right",
                  "height": "24px"
                }
              ],
              "verticalContentAlignment": "Center",
              "selectAction": {
                "type": "Action.Submit",
                "title": "Next"
              }
            },
            {
              "type": "Column",
              "width": 15,
              "items": []
            }
          ]
        }
      ]
    },
    {
      "type": "TextBlock",
      "text": "Image1",
      "horizontalAlignment": "Center"
    }
  ],
  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}

Тот же дизайн работает правильно на Android и клиенте для настольных ПК.

1 Ответ

0 голосов
/ 16 марта 2020

Переполнение стека не для отчетов об ошибках. Вы можете отправить отзыв через само приложение «Команды» или просмотреть эту страницу обратной связи: https://docs.microsoft.com/en-us/microsoftteams/platform/feedback

Если вы отправляете отзыв, не стесняйтесь ссылаться на это сообщение о переполнении стека. чтобы предоставить необходимую информацию.

Пока ошибка не будет устранена, вам нужно будет найти какой-то обходной путь. Возможно, вы можете попробовать выравнивание по центру вместо левого и правого. Если это не сработает, возможно, вам не придется использовать какое-либо выравнивание. Возможно, вам будет интересно узнать, что в схеме упоминается возможность искажения изображения при использовании свойства height, поэтому вы можете также попытаться опустить спецификации ширины и высоты: https://adaptivecards.io/explorer/Image.html

...