hbuilderx 编写顶部横向菜单的代码

HBuilderX（DCloud的IDE）是一款用于快速开发原生移动应用的工具，它基于Web技术，提供了一套类似于HTML、CSS和JavaScript的语法。创建顶部横向菜单通常涉及到UI组件的配置和样式编写。

首先，在HBuilderX的项目里，你需要在XML布局文件中添加一个`LinearLayout`作为容器，然后使用`HorizontalScrollView`或者`RecyclerView`来实现横向滑动的效果，再配合一些自定义View或者包含菜单项的`MenuItem`布局。

下面是一个简单的例子，展示如何创建一个基础的顶部横向菜单：

<com.dcloud.hbuilertools.view.HorizontalScrollView
    android:id="@+id/horizonal_menu"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <LinearLayout
        android:id="@+id/main_layout"
        android:orientation="horizontal"
        android:padding="16dp"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="wrap_content">

        <!-- 为每个菜单项添加一个视图 -->
        <View
            android:id="@+id/menu_item1"
            android:background="?attr/colorPrimary"
            android:layout_width="0dp"
            android:layout_height="match_parent" />

        <View
            android:id="@+id/menu_item2"
            android:background="?attr/colorSecondary"
            android:layout_width="0dp"
            android:layout_height="match_parent" />

        <!-- 更多菜单项... -->

    </LinearLayout>

</com.dcloud.hbuilertools.view.HorizontalScrollView>

然后在Java/JS部分，你可以通过动态添加或删除`main_layout`中的`View`来管理菜单项：

// 获取菜单视图组
LinearLayout mainLayout = findViewById(R.id.main_layout);

// 添加菜单项
mainLayout.addView(new MenuItemView(context, "菜单项1"));
mainLayout.addView(new MenuItemView(context, "菜单项2"));

// 删除菜单项
mainLayout.removeView(menuItemToRemove);

记得替换`MenuItemView`为实际的菜单项布局，并设置点击事件监听器。