Выравнивание кнопок в адаптивных картах - PullRequest
Новая
       11

Выравнивание кнопок в адаптивных картах

0 голосов
/ 10 мая 2018

Мне было интересно, есть ли способ контролировать выравнивание кнопок в адаптивной карте в Bot Emulator.

Я пробовал один и тот же код в эмуляторе и Microsoft Visualizer, но они отображаются по-разному. Вот изображения: Эмулятор Визуализатор

Вот код, который я использовал: 

{
        "contentType": "application/vnd.microsoft.card.adaptive",
        "content": {
            '$schema': 'http://adaptivecards.io/schemas/adaptive-card.json',
            'version': '1.0',
            'type': 'AdaptiveCard',
            'body': [
            {
                'type': 'TextBlock',
                'text': 'Meeting Title',
                'weight': 'bolder'
            },
            {
                'type': 'TextBlock',
                'text': 'Location',
                'separator': true,
                'isSubtle': true,
                'size': 'small'
            },
            {
                'type': 'TextBlock',
                'text': 'Location',
                'spacing': 'none'
            },
            {
                'type': 'TextBlock',
                'text': 'Organizer',
                'separator': true,
                'isSubtle': true,
                'size': 'small'
            },
            {
                'type': 'TextBlock',
                'text': 'Organizer Name',
                'spacing': 'none'
            },
            {
                'type': 'TextBlock',
                'text': 'Start Time',
                'separator': true,
                'isSubtle': true,
                'size': 'small'
            },
            {
                'type': 'ColumnSet',
                'spacing': 'none',
                'columns': [
                {
                    'type': 'Column',
                    'width': 'auto',
                    'items': [
                    {
                        'type': 'TextBlock',
                        'text': '05:00 PM',
                        'isSubtle': false,
                        'weight': 'bolder'
                    }
                    ]
                },
                {
                    'type': 'Column',
                    'width': 'auto',
                    'items': [
                    {
                        'type': 'TextBlock',
                        'text': 'May 21'
                    }
                    ]
                },
                {
                    'type': 'Column',
                    'width': 'auto',
                    'items': [
                    {
                        'type': 'TextBlock',
                        'text': '2017',
                        'isSubtle': true,
                        'weight': 'bolder'
                    }
                    ]
                }
                ]
            },
            {
                'type': 'TextBlock',
                'text': 'End Time',
                'separator': true,
                'isSubtle': true,
                'size': 'small'
            },
            {
                'type': 'ColumnSet',
                'spacing': 'none',
                'columns': [
                {
                    'type': 'Column',
                    'width': 'auto',
                    'items': [
                    {
                        'type': 'TextBlock',
                        'text': '05:30 PM',
                        'isSubtle': false,
                        'weight': 'bolder'
                    }
                    ]
                },
                {
                    'type': 'Column',
                    'width': 'auto',
                    'items': [
                    {
                        'type': 'TextBlock',
                        'text': 'May 21'
                    }
                    ]
                },
                {
                    'type': 'Column',
                    'width': 'auto',
                    'items': [
                    {
                        'type': 'TextBlock',
                        'text': '2017',
                        'isSubtle': true,
                        'weight': 'bolder'
                    }
                    ]
                }

                ]
            }
            ],
            'actions': [
            {
                'type': 'Action.Submit',
                'title': 'Accept',
                'data':{
                    'accept': true
                }
            },
            {
                'type': 'Action.Submit',
                'title': 'Decline',
                'data':{
                    'accept': false
                }
            }
            ]
      }
    }

Как видно, кнопки выровнены по горизонтали в эмуляторе и рядом друг с другом в визуализаторе. Есть ли способ изменить высоту и ширину кнопок, а также способ их выравнивания?

1 Ответ

0 голосов
/ 14 мая 2018

Мне было интересно, есть ли способ управления выравниванием кнопок в Адаптивная карта в Bot Emulator.

Короткий ответ: «Нет». Вы не можете изменить визуализацию компонентов в эмуляторе.

Длинный ответ таков: эмулятор Bot Framework имеет открытый исходный код, поэтому вы можете попробовать изменить и запустить локальный эмулятор. Но я не уверен, что создание собственного рендера на эмуляторе очень полезно для реальных проектов, так как они не будут работать на эмуляторе.

Источники эмулятора находятся здесь: https://github.com/Microsoft/BotFramework-Emulator

...