【问题标题】:ExpandableListView navigation drawer with a header带有标题的 ExpandableListView 导航抽屉
【发布时间】:2015-10-19 13:56:48
【问题描述】:

我一直在为我的应用程序开发一个导航抽屉,我决定使用 ExpandableListView 构建它。

我的问题是如何将标题(例如用户图像配置文件和用户全名)添加到导航抽屉的顶部?

我正在使用自定义 ExpandableListAdapter。

如果需要任何代码,请询问。我马上贴出来。

编辑

这是我实现的导航抽屉:

ExpandableListAdapter.java

package co.eshg.drawertest;

import java.util.HashMap;
import java.util.List;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.ImageView;
import android.widget.TextView;

public class ExpandableListAdapter extends BaseExpandableListAdapter {

    private Context context;
    private List<String> listDataItem; // header titles
    // child data in format of header title, child title
    private HashMap<String, List<String>> listDataChild;

    public ExpandableListAdapter(Context context, List<String> listDataItem,
                                 HashMap<String, List<String>> listChildData) {
        this.context = context;
        this.listDataItem = listDataItem;
        this.listDataChild = listChildData;
    }

    @Override
    public Object getChild(int groupPosition, int childPosititon) {
        return this.listDataChild.get(this.listDataItem.get(groupPosition)).get(childPosititon);
    }

    @Override
    public long getChildId(int groupPosition, int childPosition) {
        return childPosition;
    }

    @Override
    public View getChildView(int groupPosition, final int childPosition,
                             boolean isLastChild, View convertView, ViewGroup parent) {

        final String childText = (String) getChild(groupPosition, childPosition);

        if (convertView == null) {
            LayoutInflater inflater = (LayoutInflater) this.context
                    .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            convertView = inflater.inflate(R.layout.drawer_child_item, null);
        }

        TextView txtListChild = (TextView) convertView
                .findViewById(R.id.tvChildItem);

        txtListChild.setText(childText);
        return convertView;
    }

    @Override
    public int getChildrenCount(int groupPosition) {
        List childList = listDataChild.get(listDataItem.get(groupPosition));
        if (childList != null && ! childList.isEmpty()) {
            return childList.size();
        }
        return 0;
    }

    @Override
    public Object getGroup(int groupPosition) {
        return this.listDataItem.get(groupPosition);
    }

    @Override
    public int getGroupCount() {
        return this.listDataItem.size();
    }

    @Override
    public long getGroupId(int groupPosition) {
        return groupPosition;
    }

    @Override
    public View getGroupView(int groupPosition, boolean isExpanded,
                             View convertView, ViewGroup parent) {
        String headerTitle = (String) getGroup(groupPosition);
        if (convertView == null) {
            LayoutInflater inflater = (LayoutInflater) this.context
                    .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            convertView = inflater.inflate(R.layout.drawer_list_item, null);
        }

        ImageView indicator = (ImageView)convertView.findViewById(R.id.imgIndicator);
        if ( getChildrenCount( groupPosition ) == 0 ) {
            indicator.setVisibility( View.INVISIBLE );
        } else {
            indicator.setVisibility( View.VISIBLE );
            indicator.setImageResource( isExpanded ? R.drawable.ic_keyboard_arrow_down_white_24dp
                    : R.drawable.ic_keyboard_arrow_up_white_24dp );
        }

        TextView lblListHeader = (TextView) convertView
                .findViewById(R.id.tvListItem);
        lblListHeader.setText(headerTitle);

        return convertView;
    }

    @Override
    public boolean hasStableIds() {
        return false;
    }

    @Override
    public boolean isChildSelectable(int groupPosition, int childPosition) {
        return true;
    }
}

activity_drawer_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:id="@+id/activity_frame"
        android:layout_height="match_parent"
        android:layout_width="match_parent"/>


    <ExpandableListView
        android:id="@+id/left_drawer"
        android:layout_height="match_parent"
        android:layout_width="240dp"
        android:layout_gravity="start"
        android:choiceMode="singleChoice"
        android:groupIndicator="@android:color/transparent"
        android:divider="@android:color/transparent"
        android:background="#444444" />

</android.support.v4.widget.DrawerLayout>

drawer_header.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:orientation="vertical"
    android:weightSum="1">
        <TextView
            android:id="@+id/name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="16dp"
            android:textColor="#ffffff"
            android:text="Example Example"
            android:textSize="14sp"
            android:textStyle="bold"
            android:layout_centerVertical="true"
            android:layout_alignStart="@+id/email" />

        <TextView
            android:id="@+id/email"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#ffffff"
            android:layout_marginLeft="16dp"
            android:text="example@gmail.com"
            android:textSize="14sp"
            android:textStyle="normal"
            android:layout_alignBottom="@+id/circleView"
            android:layout_toEndOf="@+id/circleView" />

    <de.hdodenhof.circleimageview.CircleImageView
        android:layout_width="60dip"
        android:layout_height="60dip"
        android:src="@drawable/ic_face_white_48dp"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="20dp"
        android:id="@+id/circleView"
        android:layout_alignParentTop="true"
        android:layout_alignParentStart="true" />
</RelativeLayout>

【问题讨论】:

    标签: java android expandablelistview expandablelistadapter


    【解决方案1】:

    编辑 2:

    要将标题添加到现有的导航抽屉布局,您只需添加标题 xml 值并引用另一个 xml 布局。

    以上内容不适用于您的实现。

    使用您的自定义 NavigationViewFrameLayoutExpandableListView,试试这个。

    YourActivity.xml

    <?xml version="1.0" encoding="utf-8"?>
    <android.support.v4.widget.DrawerLayout
        android:id="@+id/dl_drawer_layout"
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
            <FrameLayout hold the fragments />
    
        <include
            layout="@layout/your_navigation_view.xml"/>
    
    </android.support.v4.widget.DrawerLayout>
    

    your_navigation_view.cml

    <?xml version="1.0" encoding="utf-8"?>
    <android.support.design.widget.NavigationView
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/nv_navigation_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start">
    
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="vertical">
    
            <include layout="@layout/drawer_header" />
    
            <ExpandableListView
                android:id="@+id/left_drawer"
                android:layout_height="match_parent"
                android:layout_width="240dp"
                android:layout_gravity="start"
                android:choiceMode="singleChoice"
                android:groupIndicator="@android:color/transparent"
                android:divider="@android:color/transparent"
                android:background="#444444" />
        </LinearLayout>
    </android.support.design.widget.NavigationView>
    

    编辑

    将此作为自定义NavigationDrawer 的参考 Reference

    您必须制作所有自定义布局并手动管理它们。

    【讨论】:

    • 我尝试了您的解决方案,但它并没有真正解决任何问题。它隐藏了我的整个 ExpandableListView 并将其替换为 NavigationView。我尝试将 NavigationView 的高度设置为固定高度,但没有成功。
    • 很难给你建议,因为我不知道你当前的实现。您需要使用我提出的解决方案将 ExpandableListView 放在 NavigationView 中。我没有意识到您没有使用 NavigationView 实现,出于兼容性原因,这是非常标准的。
    • 检查 Edit 2 并告诉我它的外观。
    • 这是我想要的样子:imgur.com/xlsXvd7 这是它的样子:imgur.com/a/JMZMN
    • 看看这对你有什么作用。上面的新代码。调整我上面发布的活动代码以满足您的需求...工具栏等
    猜你喜欢
    • 2017-08-01
    • 1970-01-01
    • 2013-06-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-01-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多