Question

我正在使用Apple TV Markup Language中的productTemplate。它工作正常，但是当用户滚动到“货架区域”（顶部横幅下方）中的项目时，整个屏幕向上滚动，以便隐藏大部分“横幅区域”（尤其是“堆栈标题”）。

我正在使用的货架图标的大小不需要滚动查看。如果我让图标真的很小，那么就没有滚动，但在那么大的时候看起来很糟糕。

有没有办法控制或关闭productTemplate上的滚动？

Answer 1

如果你只想使用一个货架区域而不是折叠，那么你可以做一些造型。例如，你可以尝试这个模板，适合我;

<?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>

TVML滚动太多了

1 个答案: