带有标题/部分的导航抽屉
Posted
技术标签:
【中文标题】带有标题/部分的导航抽屉【英文标题】：Navigation Drawer with Headers/Sections 【发布时间】：2013-06-14 18:10:27 【问题描述】：我想知道是否有任何方法可以将标题/部分添加到导航抽屉。我设法添加了类似的东西，但它只显示在列表的顶部，因为 addHeaderView 需要在 setAdapter 之前调用，如果我尝试在 setAdapter 之后添加更多元素，它们将重写第一个元素。
谢谢。
编辑：
public class MenuListAdapter extends BaseAdapter
// Declare Variables
Context context;
String[] mTitle;
String[] mSubTitle;
int[] mIcon;
LayoutInflater inflater;
public MenuListAdapter(Context context, String[] title, String[] subtitle,
int[] icon)
this.context = context;
this.mTitle = title;
this.mSubTitle = subtitle;
this.mIcon = icon;
inflater = (LayoutInflater) context
.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
@Override
public int getViewTypeCount()
return super.getViewTypeCount();
@Override
public int getItemViewType(int position)
return super.getItemViewType(position);
@Override
public int getCount()
return mTitle.length;
@Override
public Object getItem(int position)
return mTitle[position];
@Override
public long getItemId(int position)
return position;
public View getView(int position, View convertView, ViewGroup parent)
// Declare Variables
TextView txtTitle;
TextView txtSubTitle;
ImageView imgIcon;
View itemView = inflater.inflate(R.layout.drawer_list_item, parent,
false);
// Locate the TextViews in drawer_list_item.xml
txtTitle = (TextView) itemView.findViewById(R.id.title);
txtSubTitle = (TextView) itemView.findViewById(R.id.subtitle);
// Locate the ImageView in drawer_list_item.xml
imgIcon = (ImageView) itemView.findViewById(R.id.icon);
// Set the results into TextViews
txtTitle.setText(mTitle[position]);
txtSubTitle.setText(mSubTitle[position]);
// Set the results into ImageView
imgIcon.setImageResource(mIcon[position]);
return itemView;
编辑：
我通过结合不同来源的解决方案找到了一个很好的解决方案，这是我使用的主要类：
EntryAdapter
import java.util.ArrayList;
import android.content.Context;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.TextView;
import com.androidbegin.sidemenututorial.R;
public class EntryAdapter extends ArrayAdapter<Item>
private enum RowType
LIST_ITEM, HEADER_ITEM
private Context context;
private ArrayList<Item> items;
private LayoutInflater vi;
public EntryAdapter(Context context, ArrayList<Item> items)
super(context,0, items);
this.context = context;
this.items = items;
vi = (LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
@Override
public int getViewTypeCount() //Returns the number of types of Views that will be created by getView(int, View, ViewGroup).
return RowType.values().length;
@Override
public int getItemViewType(int position) //framework calls getItemViewType for row n, the row it is about to display.
//Get the type of View that will be created by getView(int, View, ViewGroup) for the specified item.
Log.i("LIST", "item at " + position + " is "
+ ((getItem(position).isSection() ? 0 : 1) == 0 ? "section" : "normal item"));
return getItem(position).isSection() ? 0 : 1; // get position passes (n) and accertain is its a header or not
@Override
public boolean isEnabled(int position)
return !getItem(position).isSection();
@Override
public View getView(int position, View convertView, ViewGroup parent)
View v = convertView;
final Item i = items.get(position);
if (i != null)
if(i.isSection())
SectionItem si = (SectionItem) i;
v = vi.inflate(R.layout.list_item_section, null);
v.setOnClickListener(null);
v.setOnLongClickListener(null);
v.setLongClickable(false);
final TextView sectionView = (TextView) v.findViewById(R.id.list_item_section_text);
sectionView.setText(si.getTitle());
else
EntryItem ei = (EntryItem) i;
v = vi.inflate(R.layout.list_item_entry, null);
final TextView title = (TextView)v.findViewById(R.id.list_item_entry_title);
final TextView subtitle = (TextView)v.findViewById(R.id.list_item_entry_summary);
if (title != null)
title.setText(ei.title);
if(subtitle != null)
subtitle.setText(ei.subtitle);
return v;
EntryItem
public class EntryItem implements Item
public final String title;
public final String subtitle;
public EntryItem(String title, String subtitle)
this.title = title;
this.subtitle = subtitle;
@Override
public boolean isSection()
return false;
物品
public interface Item
public boolean isSection();
SectionItem
public class SectionItem implements Item
private final String title;
public SectionItem(String title)
this.title = title;
public String getTitle()
return title;
@Override
public boolean isSection()
return true;
MainActivity
import java.util.ArrayList;
import android.content.Context;
import android.content.res.Configuration;
import android.os.Bundle;
import android.support.v4.app.ActionBarDrawerToggle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentTransaction;
import android.support.v4.view.GravityCompat;
import android.support.v4.widget.DrawerLayout;
import android.util.Log;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Toast;
import com.actionbarsherlock.app.SherlockFragmentActivity;
import com.actionbarsherlock.view.Menu;
import com.actionbarsherlock.view.MenuItem;
import com.androidbegin.item.EntryAdapter;
import com.androidbegin.item.EntryItem;
import com.androidbegin.item.Item;
import com.androidbegin.item.SectionItem;
public class MainActivity extends SherlockFragmentActivity
// Declare Variable
DrawerLayout mDrawerLayout;
ListView mDrawerList;
ActionBarDrawerToggle mDrawerToggle;
MenuListAdapter mMenuAdapter;
String[] title;
String[] subtitle;
int[] icon;
Fragment fragment1 = new Fragment1();
Fragment fragment2 = new Fragment2();
Fragment fragment3 = new Fragment3();
Context context;
ArrayList<Item> items = new ArrayList<Item>();
@Override
public void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
setContentView(R.layout.drawer_main);
this.context = this;
// Generate title
title = new String[] "Title Fragment 1", "Title Fragment 2",
"Title Fragment 3" ;
// Generate subtitle
subtitle = new String[] "Subtitle Fragment 1", "Subtitle Fragment 2",
"Subtitle Fragment 3" ;
// Generate icon
icon = new int[] R.drawable.action_about, R.drawable.action_settings,
R.drawable.collections_cloud ;
// Locate DrawerLayout in drawer_main.xml
mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
// Locate ListView in drawer_main.xml
mDrawerList = (ListView) findViewById(R.id.left_drawer);
// Set a custom shadow that overlays the main content when the drawer
// opens
mDrawerLayout.setDrawerShadow(R.drawable.drawer_shadow,
GravityCompat.START);
// Pass results to MenuListAdapter Class
// mMenuAdapter = new MenuListAdapter(this, title, subtitle, icon);
// Set the MenuListAdapter to the ListView
// mDrawerList.setAdapter(mMenuAdapter);
items.add(new SectionItem("Category 1"));
items.add(new EntryItem("Item 1", "This is item 1.1"));
items.add(new EntryItem("Item 2", "This is item 1.2"));
items.add(new EntryItem("Item 3", "This is item 1.3"));
items.add(new SectionItem("Category 2"));
items.add(new EntryItem("Item 4", "This is item 2.1"));
items.add(new EntryItem("Item 5", "This is item 2.2"));
items.add(new EntryItem("Item 6", "This is item 2.3"));
items.add(new EntryItem("Item 7", "This is item 2.4"));
items.add(new SectionItem("Category 3"));
items.add(new EntryItem("Item 8", "This is item 3.1"));
items.add(new EntryItem("Item 9", "This is item 3.2"));
items.add(new EntryItem("Item 10", "This is item 3.3"));
items.add(new EntryItem("Item 11", "This is item 3.4"));
items.add(new EntryItem("Item 12", "This is item 3.5"));
EntryAdapter adapter = new EntryAdapter(this, items);
mDrawerList.setAdapter(adapter);
// Capture button clicks on side menu
mDrawerList.setOnItemClickListener(new DrawerItemClickListener());
// Enable ActionBar app icon to behave as action to toggle nav drawer
getSupportActionBar().setHomeButtonEnabled(true);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
// ActionBarDrawerToggle ties together the the proper interactions
// between the sliding drawer and the action bar app icon
mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout,
R.drawable.ic_drawer, R.string.drawer_open,
R.string.drawer_close)
public void onDrawerClosed(View view)
// TODO Auto-generated method stub
super.onDrawerClosed(view);
public void onDrawerOpened(View drawerView)
// TODO Auto-generated method stub
super.onDrawerOpened(drawerView);
;
mDrawerLayout.setDrawerListener(mDrawerToggle);
if (savedInstanceState == null)
selectItem(0);
@Override
public boolean onCreateOptionsMenu(Menu menu)
getSupportMenuInflater().inflate(R.menu.activity_main, menu);
return true;
@Override
public boolean onOptionsItemSelected(MenuItem item)
if (item.getItemId() == android.R.id.home)
if (mDrawerLayout.isDrawerOpen(mDrawerList))
mDrawerLayout.closeDrawer(mDrawerList);
else
mDrawerLayout.openDrawer(mDrawerList);
return super.onOptionsItemSelected(item);
// The click listener for ListView in the navigation drawer
private class DrawerItemClickListener implements
ListView.OnItemClickListener
@Override
public void onItemClick(AdapterView<?> parent, View view, int position,
long id)
Log.i("LIST", "item position = " + Integer.toString(position)
+ "\nitem id = " + String.valueOf(id));
if (!items.get(position).isSection())
EntryItem item = (EntryItem)items.get(position);
Toast.makeText(context, "You clicked " + item.title , Toast.LENGTH_SHORT).show();
selectItem(position);
// selectItem(position);
private void selectItem(int position)
FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
// Locate Position
switch (position)
case 0:
ft.replace(R.id.content_frame, fragment1);
break;
case 1:
ft.replace(R.id.content_frame, fragment2);
break;
case 2:
ft.replace(R.id.content_frame, fragment3);
break;
ft.commit();
mDrawerList.setItemChecked(position, true);
// Close drawer
mDrawerLayout.closeDrawer(mDrawerList);
@Override
protected void onPostCreate(Bundle savedInstanceState)
super.onPostCreate(savedInstanceState);
// Sync the toggle state after onRestoreInstanceState has occurred.
mDrawerToggle.syncState();
@Override
public void onConfigurationChanged(Configuration newConfig)
super.onConfigurationChanged(newConfig);
// Pass any configuration change to the drawer toggles
mDrawerToggle.onConfigurationChanged(newConfig);
但是我有一个小问题：这些部分在列表中占据了一个位置，并且片段的选择混乱了。
【问题讨论】：
【参考方案1】：您将标题/部分添加到 ListView 以在 DrawerLayout 中使用，就像您将标题/部分添加到 ListView 以在 Android 内部的任何其他位置使用一样。
在底层，这涉及到一个ListAdapter：
覆盖 getViewTypeCount() 以指示有多少不同类型的行（例如，2 种，一种用于标题，一种用于常规行）
覆盖getItemViewType() 以指示对给定position 使用哪种行类型
确保getView()（或newView()/bindView() 的CursorAdapter）知道多种行类型并相应地处理它们
在更高级别上，您可以尝试使用 my MergeAdapter 或各种其他第三方库之类的东西来帮助简化此操作。
【讨论】：
谢谢你，我会试试你的库，虽然它似乎需要做很多工作，因为它应该是默认的。如果您知道如何实现这一点的其他教程，我将不胜感激。 @IonutNegru：在你最喜欢的搜索引擎中对android listview section headers 进行简单搜索会出现很多页面，包括库（如code.google.com/p/android-amazing-listview）、*** 问题（如***.com/questions/7943802/…）、教程/recipes（例如androidcookbook.com/Recipe.seam?recipeId=992）等等。【参考方案2】：
在导航抽屉中，项目列表可以使用 ListView 显示，因此您可以拥有一个类适配器并实现您的逻辑。 因此，您可以添加部分、标题等。
【讨论】：
我怎样才能做到这一点？我已经有一个填充列表的 BaseAdapter（因为我为列表添加了图像和字幕）？我在主帖中添加了适配器。 只需实现一个自定义适配器，重写getView等方法即可。 如您所见，我已经这样做了，但是您建议如何将标题添加到导航抽屉的列表中？【参考方案3】：这里有一个使用标题/部分的导航抽屉complete example
这是结果
【讨论】：
【参考方案4】：如果您的列表项是固定的（不变的），那么快速的“破解”方法是在适配器的 getView() 方法中包含一个用于“位置”的开关盒，并在这些固定位置填充 headerlayout.xml。您的常规通货膨胀将进入开关盒的默认部分。它很脏，不推荐，但很有效。
【讨论】：
我想避免这种黑客攻击，因为将来很难修改（如果需要的话）。不过谢谢你的提示。【参考方案5】：我建议通过添加一个标签成员来扩展EntryItem，告诉您要创建哪种类型的片段。然后只需检查 onItemClick 处理程序中的标签以创建正确类型的片段。这样您就不会依赖于位置，位置会随着您在部分中添加/删除项目而改变。
【讨论】：
【参考方案6】：您需要将此添加到 EntryAdapter 类中：
@Override
public boolean areAllItemsEnabled ()
return false;
这样，并且：
@Override
public boolean isEnabled(int position)
return !getItem(position).isSection();
部分不应在 ListView 上占据位置。
【讨论】：
【参考方案7】：我读到的一个很好的解决方案是在行布局文件中放置一个标题 TextView 并将其可见性设置为GONE。
然后在您的适配器的getView 中，有一些逻辑说：这是列表中的第一项（位置 0），还是该项目的类型与它上面的类型一个位置不同？如果是这样，请将标题 TextView's 可见性转为 VISIBLE。
这种方式是首选，因为当您想使用getItemAtPosition 时，您不必弄清楚如何躲避您的部分标题，因为如果您以 OP 和其他方式实现它们，它们将占据整个位置建议。
【讨论】：
以上是关于带有标题/部分的导航抽屉的主要内容，如果未能解决你的问题，请参考以下文章