如何解决Alexa Skill 并排输出图像和文本
我使用的是 APL 1.6 版,并且已经添加了背景、页眉、文本、图像和页脚。 我无法插入以左侧为中心的图像和以右侧为中心的文本。它总是一个接一个地完成。
这是我目前的输出:
{
"type": "APL","version": "1.6","theme": "dark","styles": {
},"import": [
{
"name": "alexa-layouts","version": "1.3.0"
}
],"mainTemplate": {
"parameters": [
"StationData"
],"items": [
{
"type": "Container","height": "100vh","width": "100vw","items": [
{
"type": "AlexaBackground","style": "backgroundStyle","backgroundColor": "#303030","backgroundBlur": false,"colorOverlay": true
},{
"type": "AlexaHeader","headerTitle": "${StationData.displayName}","headerSubtitle": "${StationData.format}","headerAttributionImage": "${StationData.images_640x640}","headerDivider": true,"headerAttributionPrimacy": false,"headerAttributionopacity": 1
},{
"type": "Text","text": "Demo 1","paddingLeft": "@marginHorizontal","paddingRight": "@marginHorizontal","paddingTop": "@spacingSmall","textAlignVertical": "center","fontSize": "30dp","maxLines": 4,"color": "#ff0000","grow": 1
},{
"type": "Alexaimage","imageSource": "${StationData.images_640x640}","imageRoundedCorner": true,"imageScale": "best-fit","imageAlignment": "center","imageHeight": "50vh","imageAspectRatio": "square","imageBlurredBackground": true
},{
"type": "AlexaFooter","style": "footerStyle","hintText": "Here is the Footer"
}
]
}
]
}
}
我已经尝试将图像和文本插入一个框架中,每个框架的宽度为 50%,但不幸的是没有成功。 我哪里做错了?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。