我在Apple TV Markup Language中使用productTemplate
。它工作得很好,但当用户滚动到“货架区域”(顶部横幅下方)中的项目时,整个屏幕都会向上滚动,以便隐藏大部分“横幅区域”(特别是“堆栈标题”)。
我使用的工具架图标的大小不需要滚动即可查看。如果我把图标做得真的很小,那么就不会有滚动,但在这种大小下看起来很糟糕。
有没有什么方法可以控制或关闭productTemplate
上的滚动
发布于 2016-10-15 20:20:52
如果你只想使用一个架子区域,而不想在折叠下面使用任何东西,那么你可以做一些样式。例如,您可以尝试此模板,适用于我;
<?xml version="1.0" encoding="UTF-8" ?>
<document>
<head>
<style>
.bannerStyle { height:685; }
.infoListStyle { margin: 132 0 0 0; height:550; }
.ratingTitleStyle { font-size: 47px; margin: 24 0 0 0; }
.directorInfoStyle { margin: -20 0 0 0; }
.castInfoStyle { margin: -20 0 0 0; }
.shelfStyle { padding: 0 0 -95 50; }
</style>
</head>
<productTemplate>
<banner class="bannerStyle">
<infoList class="infoListStyle">
<info>
<header>
<title><badge src="{{imdbBadge}}" /></title>
</header>
<text class="ratingTitleStyle">{{imdbRating}}</text>
</info>
<info>
<header class="directorInfoStyle">
<title>DIRECTOR</title>
</header>
<text>{{director}}</text>
</info>
<info>
<header class="castInfoStyle">
<title>CAST</title>
</header>
{{actors}}
</info>
</infoList>
<stack>
<title>{{title}}</title>
<row>
<text>| {{runTime}} |</text>
<text>| {{genres}} |</text>
</row>
<description handlesOverflow="true" moreLabel="MORE">{{description}}</description>
<text>{{language}}</text>
<row>
{{buttons}}
</row>
</stack>
<heroImg src="{{heroImgSrc}}" />
</banner>
<shelf class="shelfStyle" autoHighlight="true">
<header>
<title>Movies</title>
</header>
<section>
<lockup autoHighlight="true"><img src="{{activeMovieImg}}" width="150" height="226" /><title>{{activeMovieTitle}}</title></lockup>
{{otherMovies}}
</section>
</shelf>
</productTemplate>
https://stackoverflow.com/questions/35027556
复制相似问题