android - 如何为 AndroidResideMenu 中的项目添加分隔符？

Question

我正在创建一个使用 AndroidResideMenu 的 Android 应用程序.我想在侧面菜单中的每个项目之间设置一个分隔线。我尝试在库中的 xml 中为分隔线添加一个布局。但它不起作用。请帮助...

 <?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="horizontal"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:gravity="center_vertical"
              android:paddingTop="15dp">

    <ImageView
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:scaleType="centerCrop"
            android:id="@+id/iv_icon"/>

    <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textColor="@android:color/white"
            android:textSize="13sp"
            android:layout_marginLeft="10dp"
            android:id="@+id/tv_title"/>


     <LinearLayout

              android:layout_width="match_parent"
              android:layout_height="2dp"
              android:background="#000000">

        </LinearLayout>
</LinearLayout>

这是向菜单添加项目的方法

private void setUpMenu() {

    // attach to current activity;
    resideMenu = new ResideMenu(this);
    resideMenu.setBackground(R.drawable.menu_background);
    resideMenu.attachToActivity(this);
    resideMenu.setMenuListener(menuListener);

    resideMenu.setScaleValue(0.6f);

    // create menu items;
    itemHome     = new ResideMenuItem(this, R.drawable.icon_home,     "Home");
    itemProfile  = new ResideMenuItem(this, R.drawable.icon_profile,  "Profile");
    itemCalendar = new ResideMenuItem(this, R.drawable.icon_calendar, "Calendar");
    itemSettings = new ResideMenuItem(this, R.drawable.icon_settings, "Settings");

    itemHome.setOnClickListener(this);
    itemProfile.setOnClickListener(this);
    itemCalendar.setOnClickListener(this);
    itemSettings.setOnClickListener(this);

    resideMenu.addMenuItem(itemHome, ResideMenu.DIRECTION_LEFT);
    resideMenu.addMenuItem(itemProfile, ResideMenu.DIRECTION_LEFT);
    resideMenu.addMenuItem(itemCalendar, ResideMenu.DIRECTION_RIGHT);
    resideMenu.addMenuItem(itemSettings, ResideMenu.DIRECTION_RIGHT);

    // You can disable a direction by setting ->
    // resideMenu.setSwipeDirectionDisable(ResideMenu.DIRECTION_RIGHT);

    findViewById(R.id.title_bar_left_menu).setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            resideMenu.openMenu(ResideMenu.DIRECTION_LEFT);
        }
    });
    findViewById(R.id.title_bar_right_menu).setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            resideMenu.openMenu(ResideMenu.DIRECTION_RIGHT);
        }
    });
}

Answer 1

对于 ResideMenu，每个项目都是 ResideMenuItem 的一个实例，它基本上是一个简单的 LinearLayout。

我会使用的解决方案如下:

// create menu items;
itemHome     = new ResideMenuItem(this, R.drawable.icon_home,     "Home");
itemProfile  = new ResideMenuItem(this, R.drawable.icon_profile,  "Profile");
itemCalendar = new ResideMenuItem(this, R.drawable.icon_calendar, "Calendar");
itemSettings = new ResideMenuItem(this, R.drawable.icon_settings, "Settings");

itemHome.setOnClickListener(this);
itemProfile.setOnClickListener(this);
itemCalendar.setOnClickListener(this);
itemSettings.setOnClickListener(this);

resideMenu.addMenuItem(itemHome, ResideMenu.DIRECTION_LEFT);
resideMenu.addMenuItem(itemProfile, ResideMenu.DIRECTION_LEFT);
resideMenu.addMenuItem(itemCalendar, ResideMenu.DIRECTION_RIGHT);
resideMenu.addMenuItem(itemSettings, ResideMenu.DIRECTION_RIGHT);

// Force top margin for these elements
setMargin(itemHome);
setMargin(itemProfile);
setMargin(itemCalendar);
setMargin(itemSettings);

使用以下方法应用边距:

private void setMargin(ResideMenuItem item)
{
    LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) item.getLayoutParams();
    params.setMargins(0, dpToPx(15), 0, 0);
    item.setLayoutParams(params);
}

不要忘记实现 dpToPx 以将 15dp 转换为相应的像素大小。

---

要添加分隔线，您可以使用类似的东西:

private void addSeparatorAfter(ResideMenuItem menuItem)
{
    LinearLayout parent = (LinearLayout) ((ViewGroup) menuItem.getParent()).getParent();

    View separator = new View(this);
    LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, dpToPx(2dp));
    params.setMargins(dpToPx(5), dpToPx(5), dpToPx(5), dpToPx(5));
    separator.setLayoutParams(params);
    separator.setBackgroundColor(0xFFCCCCCC);

    parent.addView(separator);
}

并在 each addMenuItem 方法之后立即调用它。

例如，在您的情况下，它将是:

resideMenu.addMenuItem(itemHome, ResideMenu.DIRECTION_LEFT);
addSeparatorAfter(itemHome);
resideMenu.addMenuItem(itemProfile, ResideMenu.DIRECTION_LEFT);
addSeparatorAfter(itemProfile);
resideMenu.addMenuItem(itemCalendar, ResideMenu.DIRECTION_RIGHT);
addSeparatorAfter(itemCalendar);
resideMenu.addMenuItem(itemSettings, ResideMenu.DIRECTION_RIGHT);