我productTemplate
在Apple TV Markup Language中使用。它工作正常,但是当用户滚动到“货架区域”(顶部横幅下方)中的某个项目时,整个屏幕向上滚动,因此大部分“横幅区域”(尤其是“堆栈标题”)都被隐藏了。
我使用的架子图标的大小不需要滚动查看。如果我让图标真的很小,那么就没有滚动,但在那个尺寸下看起来很糟糕。
有什么方法可以控制或关闭滚动productTemplate
?
我productTemplate
在Apple TV Markup Language中使用。它工作正常,但是当用户滚动到“货架区域”(顶部横幅下方)中的某个项目时,整个屏幕向上滚动,因此大部分“横幅区域”(尤其是“堆栈标题”)都被隐藏了。
我使用的架子图标的大小不需要滚动查看。如果我让图标真的很小,那么就没有滚动,但在那个尺寸下看起来很糟糕。
有什么方法可以控制或关闭滚动productTemplate
?
如果您只想使用一个搁板区域而折叠下方没有任何东西,那么您可以做一些造型。例如,你可以试试这个模板,对我有用;
<?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>