android - 如何在 Android 中设计此 UI？

Question

这是“原型(prototype)”:

B1 到 B5 是需要相邻的按钮，用户必须水平滚动。 UP 和 DOWN 是应该始终出现在屏幕上的按钮。

我想使用经典的线性布局作为外部层，但如何使 UP 和 DOWN 始终居中？

Answer 1

所以整个宽面板必须有一个静态背景 - 它就像全景地铁风格的应用程序。一旦我做了类似的事情，当我需要半透明布局上的按钮时，在它们下面使用 RelativeLayout 有一个 View 动画器。你可以做类似的事情:

例如，主布局将是 RelativeLayout，它将有 3 个子布局。第一个是 Horizo​​ntalScrollView，第二个和第三个是 Horizo​​ntalScrollView 顶部的按钮，与屏幕的顶部和底部对齐。 Horizo​​ntalScrollView 可以包含任何内容 - 例如长 LinearLayout。我觉得这样是可以的……

这是一个伪布局:

<RelativeLayout>

    <HorizontalScrollView>
        <LinearLayout>
            <Button/>
            <Button/>
            <Button/>
        </LinearLayout>
    <HorizontalScrollView>

    <Button/>

    <Button/>

</RelativeLayout>

Horizo​​nralScrollView 将填充父级相对布局，第一个 Button 将与顶部对齐并放置在 ScrollView 上方，第二个 Button 相同，但与 RelativeLayout 的底部对齐 两者都可以使用 centerHorizo​​ntal 和一些 padding 来精确放置。