如何在安卓系统中设计这个 UI？

Question

这是“原型模型”：

B1到B5是需要相邻的按钮，用户需要水平滚动才能看到。 UP和DOWN是应该始终显示在屏幕上的按钮。

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

- dierre

Answer 1

需要翻译的内容：

因此，整个广泛面板都必须有一个静态背景-就像全景地铁风格的应用程序。 我曾经做过类似的事情，当我需要在半透明布局上放置按钮时，并在RelativeLayout下方使用了视图动画器。 你可以做类似的事情：

主要的布局将是例如RelativeLayout，它将有3个子元素。第一个是HorizontalScrollView，第二个和第三个是放置在HorizontalScrollView 顶部和底部的按钮。 HorizontalScrollView 可以包含任何内容 - 例如一个长的LinearLayout。 我认为这样是可能的...

这里是一个伪代码布局示例：

<RelativeLayout>

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

    <Button/>

    <Button/>

</RelativeLayout>

在RelativeLayout中，当HorizonralScrollView填充父级布局时，第一个Button将对齐到顶部并覆盖滚动视图，第二个Button同样如此，但对齐到RelativeLayout的底部。两个都可以使用centerHorizontal和一些填充来精确定位。

- peter.bartos

---

我进行了另一次编辑，因为没有必要使用帧布局。 - peter.bartos

看起来应该是按钮-水平-按钮，而不是水平-按钮-按钮吧？ - dierre

不行，因为RelativeLayout中的顺序决定了z-order的层叠顺序。在你的版本中，第一个按钮会被HorizontalScrollView遮挡。 - peter.bartos

好的，它正常工作了。我实际上使用了android:layout_below来定位它们。唯一的“问题”是现在它们都在一起。我希望将UP放在屏幕顶部，DOWN放在屏幕底部，B1到B5放在中间。 - dierre