如何在AndroidResideMenu中添加分隔符？

Question

我正在创建一个使用AndroidResideMenu的android应用程序。我想在侧菜单的每个项目之间设置一个分隔符，我尝试在library.But中为分隔器添加一个布局，它不是working.Please帮助.

 <?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);
}

并在每个 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);

Answer 2

尝尝这个

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

​

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:orientation="horizontal" >

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

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

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="2dp"
    android:layout_marginTop="4dp"
    android:background="#000000" >
</LinearLayout>

</LinearLayout>