首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >TVML滚动过多

TVML滚动过多
EN

Stack Overflow用户
提问于 2016-01-27 10:04:02
回答 1查看 289关注 0票数 1

我在Apple TV Markup Language中使用productTemplate。它工作得很好,但当用户滚动到“货架区域”(顶部横幅下方)中的项目时,整个屏幕都会向上滚动,以便隐藏大部分“横幅区域”(特别是“堆栈标题”)。

我使用的工具架图标的大小不需要滚动即可查看。如果我把图标做得真的很小,那么就不会有滚动,但在这种大小下看起来很糟糕。

有没有什么方法可以控制或关闭productTemplate上的滚动

EN

回答 1

Stack Overflow用户

发布于 2016-10-15 20:20:52

如果你只想使用一个架子区域,而不想在折叠下面使用任何东西,那么你可以做一些样式。例如,您可以尝试此模板,适用于我;

代码语言:javascript
运行
复制
<?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>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35027556

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档