1

Apple TV Markup LanguageproductTemplateでを使用しています。正常に動作しますが、ユーザーが「棚領域」(上部バナーの下) のアイテムにスクロールすると、画面全体がスクロールアップして、「バナー領域」の大部分 (特に「スタック タイトル」) が非表示になります。

私が使用しているシェルフ アイコンのサイズは、表示するためにスクロールする必要はありません。アイコンを非常に小さくすると、スクロールはありませんが、そのサイズでは見栄えが悪くなります。

のスクロールを制御またはオフにする方法はありますproductTemplateか?

4

1 に答える 1

1

シェルフ エリアを 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>

于 2016-10-15T12:20:52.040 に答える