Android 水平可滚动菜单栏，带有tweening动画

我想构建一个自定义UI组件，它由一个按钮和一个菜单栏组成

单击按钮时，按钮将从屏幕上消失，然后菜单栏将从屏幕上消失。菜单栏由一组可水平滚动的图标组成。这样的示例与福克斯新闻应用程序类似，您可以从滚动条中选择所需的新闻类型。如图所示

另一个例子是在app Thinking Space上，当用户单击菜单按钮时，绘图工具栏出现。我需要在这个应用程序上精确显示

我已经阅读了几篇关于从android页面构建自定义UI组件的指南，但还没有找到应该从哪里开始的线索。我是否需要通过扩展视图类完全从头开始构建？如果是这样，我如何实现tweening动画，我不知道应该在onDraw（）方法中绘制哪一个，因为条形图和按钮不会同时出现在屏幕上

有什么建议或例子可以指引我走向光明吗？这是我第一次构建自定义UI组件

如果需要的话，我会为你提供更多的信息来帮助我

---

多谢各位

您是否考虑过使用Tabhost，并在每个Tabspec中使用包含菜单的水平滚动视图

?？？这就是你想要的吗

在布局xml中：

<!-- scroll des pays de filtre -->
    <HorizontalScrollView android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:layout_alignParentTop="true"
        android:id="@+id/scrollPays">

        <LinearLayout android:layout_height="wrap_content"
            android:layout_width="fill_parent" android:id="@+id/layoutScrollPays"
            android:orientation="horizontal">

            <Button android:id="@+id/filtrePaysPromo" android:layout_width="wrap_content"
                android:textStyle="bold" android:textSize="17px" android:textColor="#fafafa" 
                android:layout_height="wrap_content" android:background="@drawable/segment"
                android:text="Promo" android:padding="2px"
                android:layout_gravity="center"/>

            <Button android:id="@+id/filtrePaysMaroc" android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:background="@drawable/segment"
                android:text="Maroc" android:textSize="17px" android:textColor="#fafafa" 
                android:padding="2px" android:layout_gravity="center" />

            <Button android:id="@+id/filtrePaysTunisie" android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:background="@drawable/segment"
                android:text="Tunisie" android:textSize="17px" android:textColor="#fafafa" 
                android:padding="2px" android:layout_gravity="center"/>

            <Button android:id="@+id/filtrePaysEspagne" android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:background="@drawable/segment"
                android:text="Espagne" android:textSize="17px" android:textColor="#fafafa" 
                android:padding="2px" android:layout_gravity="center"/>

            <Button android:id="@+id/filtrePaysTurquie" android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:background="@drawable/segment"
                android:text="Turquie" android:textSize="17px" android:textColor="#fafafa" 
                android:padding="2px" android:layout_gravity="center"/>

            <Button android:id="@+id/filtrePaysGrece" android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:background="@drawable/segment"
                android:text="Grece" android:textSize="17px" android:textColor="#fafafa" 
                android:padding="2px" android:layout_gravity="center"/>

            <Button android:id="@+id/filtrePaysMaurice" android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:background="@drawable/segment"
                android:text="Ile Maurice" android:textSize="17px" android:textColor="#fafafa" 
                android:padding="2px" android:layout_gravity="center"/>

            <Button android:id="@+id/filtrePaysRepDom" android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:background="@drawable/segment"
                android:text="Rep. Dominicaine" android:textSize="17px" 
                android:textColor="#fafafa" android:padding="2px" android:layout_gravity="center"/>

            <Button android:id="@+id/filtrePaysItalie" android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:background="@drawable/segment"
                android:text="Italie" android:textSize="17px" android:textColor="#fafafa" 
                android:padding="2px" android:layout_gravity="center"/>

            <Button android:id="@+id/filtrePaysEgypt" android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:background="@drawable/segment"
                android:text="Egypt" android:textSize="17px" android:textColor="#fafafa" 
                android:padding="2px" android:layout_gravity="center"/>
        </LinearLayout>
    </HorizontalScrollView>

这是我的工作， 看起来是这样的：

---

Hmmm不太像，它更像android的apidemos中的gallery演示，您可以滚动图像的水平列表来选择图像。但是我想要文本而不是图像你可以用水平滚动视图来实现这一点，它将包含例如5个包含，每个包含包含一个图像视图，其中一个文本视图位于框架布局的中心，它将起作用：）相信我，或者你可以简单地使用一个带有背景图像的按钮；），我的编辑听起来很有前途，你有没有我可以参考的例子？我不知道应该从哪里开始：（啊，在评论之前应该刷新页面，我想我明白了，我稍后会尝试。但是我应该把它作为一个可重用的自定义UI组件，有可能吗？