如何结合 Navigation Drawer 和 Spinner [就像在 Google+ 应用中一样] [英] How to combine Navigation Drawer and Spinner [like in Google+ App]
本文介绍了如何结合 Navigation Drawer 和 Spinner [就像在 Google+ 应用中一样]的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我需要你的建议.在 Android 版 Google+ 应用程序中，有两个元素，我不知道如何组合在一起.一个是
检查主题添加下拉导航
示例:
公共类 MainActivity 扩展 Activity 实现 OnNavigationListener然后
getActionBar().setDisplayShowTitleEnabled(false);getActionBar().setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);SpinnerAdapter mSpinnerAdapter = ArrayAdapter.createFromResource(this, R.array.planets_array,android.R.layout.simple_spinner_dropdown_item);getActionBar().setListNavigationCallbacks(mSpinnerAdapter, this);然后
@Override公共布尔 onNavigationItemSelected(int arg0, long arg1) {Toast.makeText(getApplicationContext()," text",1000).show();返回真；}捕捉
示例:
public class MainActivity extends Activity 实现 ActionBar.OnNavigationListener {私人 DrawerLayout mDrawerLayout;私有 ListView mDrawerList;公共 ActionBarDrawerToggle mDrawerToggle;私人 CharSequence mDrawerTitle;私人 CharSequence mTitle;私人字符串[] mPlanetTitles;ActionBar actionBar;@覆盖protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);actionBar = getActionBar();SpinnerAdapter mSpinnerAdapter = ArrayAdapter.createFromResource(this, R.array.planets_array,android.R.layout.simple_spinner_dropdown_item);actionBar.setDisplayShowTitleEnabled(false);actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);getActionBar().setListNavigationCallbacks(mSpinnerAdapter,this);//mTitle = mDrawerTitle = getTitle();mPlanetTitles = getResources().getStringArray(R.array.planets_array);mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);mDrawerList = (ListView) findViewById(R.id.left_drawer);//mDrawerList.setBackgroundColor(Color.WHITE);//设置一个自定义阴影，当抽屉打开时覆盖主要内容mDrawerLayout.setDrawerShadow(R.drawable.drawer_shadow, GravityCompat.START);//使用项目设置抽屉的列表视图并单击侦听器mDrawerList.setAdapter(new ArrayAdapter(this,R.layout.drawer_list_item, mPlanetTitles));mDrawerList.setOnItemClickListener(new DrawerItemClickListener());//启用 ActionBar 应用程序图标作为切换导航抽屉的动作getActionBar().setDisplayHomeAsUpEnabled(true);getActionBar().setHomeButtonEnabled(true);//ActionBarDrawerToggle 将适当的交互联系在一起//在滑动抽屉和操作栏应用程序图标之间mDrawerToggle = 新的 ActionBarDrawerToggle(这，/* 主机活动 */mDrawerLayout,/* DrawerLayout 对象 */R.drawable.ic_drawer,/* 导航抽屉图像替换向上"插入符号 */R.string.drawer_open,/* 可访问性的打开抽屉"描述 */R.string.drawer_close/* 可访问性的关闭抽屉"描述 */){公共无效 onDrawerClosed(查看视图){getActionBar().setTitle(mTitle);invalidateOptionsMenu();//创建对 onPrepareOptionsMenu() 的调用}公共无效 onDrawerOpened(查看抽屉视图){getActionBar().setTitle(mDrawerTitle);invalidateOptionsMenu();//创建对 onPrepareOptionsMenu() 的调用}};mDrawerLayout.setDrawerListener(mDrawerToggle);如果(savedInstanceState == null){选择项目(0)；}}@覆盖公共布尔 onCreateOptionsMenu(菜单菜单){MenuInflater inflater = getMenuInflater();inflater.inflate(R.menu.main, menu);返回 super.onCreateOptionsMenu(menu);}/* 每当我们调用 invalidateOptionsMenu() 时都会调用 */@覆盖公共布尔 onPrepareOptionsMenu(菜单菜单){//如果导航抽屉打开，隐藏与内容视图相关的操作项boolean drawerOpen = mDrawerLayout.isDrawerOpen(mDrawerList);menu.findItem(R.id.action_websearch).setVisible(!drawerOpen);返回 super.onPrepareOptionsMenu(menu);}@覆盖公共布尔 onOptionsItemSelected(MenuItem item) {//操作栏主页/向上操作应该打开或关闭抽屉.//ActionBarDrawerToggle 会处理这个.如果 (mDrawerToggle.onOptionsItemSelected(item)) {返回真；}//处理动作按钮开关(item.getItemId()){案例 R.id.action_websearch://创建意图以对该星球执行网络搜索意图意图 = 新意图(Intent.ACTION_WEB_SEARCH)；intent.putExtra(SearchManager.QUERY, getActionBar().getTitle());//捕获没有活动来处理意图的事件如果 (intent.resolveActivity(getPackageManager()) != null) {开始活动(意图)；} 别的 {Toast.makeText(this, R.string.app_not_available, Toast.LENGTH_LONG).show();}返回真；默认:返回 super.onOptionsItemSelected(item);}}/* 导航抽屉中 ListView 的点击监听器 */私有类 DrawerItemClickListener 实现 ListView.OnItemClickListener {@覆盖public void onItemClick(AdapterView<?> parent, View view, int position, long id) {选择项目(位置)；}}私有无效选择项(整数位置){ActionBar actionBar =getActionBar();actionBar.setDisplayHomeAsUpEnabled(true);片段片段 = 新的 PlanetFragment();Bundle args = new Bundle();args.putInt(PlanetFragment.ARG_PLANET_NUMBER, 位置);fragment.setArguments(args);FragmentManager fragmentManager = getFragmentManager();fragmentManager.beginTransaction().replace(R.id.content_frame, fragment).commit();//更新选中的项目和标题，然后关闭抽屉mDrawerList.setItemChecked(position, true);//setTitle(mPlanetTitles[位置]);mDrawerLayout.closeDrawer(mDrawerList);}@覆盖public void setTitle(CharSequence title) {mTitle = 标题；//getActionBar().setTitle(mTitle);}/*** 使用 ActionBarDrawerToggle 时，必须在调用期间调用* onPostCreate() 和 onConfigurationChanged()...*/@覆盖protected void onPostCreate(Bundle savedInstanceState) {super.onPostCreate(savedInstanceState);//在 onRestoreInstanceState 发生后同步切换状态.mDrawerToggle.syncState();}@覆盖public void onConfigurationChanged(Configuration newConfig) {super.onConfigurationChanged(newConfig);//将任何配置更改传递给抽屉切换mDrawerToggle.onConfigurationChanged(newConfig);}/*** 出现在content_frame"中的片段，显示了一颗行星*/公共静态类 PlanetFragment 扩展 Fragment {public static final String ARG_PLANET_NUMBER = "planet_number";私有静态 WeakReference目标；@覆盖public void onActivityCreated(Bundle savedInstanceState) {super.onActivityCreated(savedInstanceState);if(mTarget!=null){MainActivity target = mTarget.get();ActionBar actionBar = getActivity().getActionBar();actionBar.setDisplayHomeAsUpEnabled(true);//actionBar.setTitle("Fragment");//target.mDrawerToggle.setDrawerIndicatorEnabled(false);}别的{Log.i("…………","Null");}}@覆盖public void onAttach(活动活动){//TODO 自动生成的方法存根super.onAttach(活动)；}@覆盖公共视图 onCreateView(LayoutInflater inflater, ViewGroup 容器,捆绑savedInstanceState) {mTarget = new WeakReference((MainActivity) getActivity());查看 rootView = inflater.inflate(R.layout.fragment_planet, container, false);int i = getArguments().getInt(ARG_PLANET_NUMBER);String Planet = getResources().getStringArray(R.array.planets_array)[i];int imageId = getResources().getIdentifier(planet.toLowerCase(Locale.getDefault()),"drawable", getActivity().getPackageName());((ImageView) rootView.findViewById(R.id.image)).setImageResource(imageId);//getActivity().setTitle(planet);返回根视图；}}@覆盖公共布尔 onNavigationItemSelected(int itemPosition, long itemId) {//TODO 自动生成的方法存根Toast.makeText(getApplicationContext(), "text", Toast.LENGTH_LONG).show();返回真；}} activity_main.xml
<!-- 作为主要内容视图，下面的视图消耗了整个在两个维度中使用 match_parent 可用的空间.--><框架布局android:id="@+id/content_frame"android:layout_width="match_parent"android:layout_height="match_parent"/><!-- android:layout_gravity="start" 告诉 DrawerLayout 对待这是左侧的滑动抽屉，用于从左到右语言，右侧是从右到左的语言.抽屉在 dp 中被赋予一个固定的宽度，并扩展了整个高度容器.纯色背景用于对比与内容视图.--><列表视图android:id="@+id/left_drawer"android:layout_width="240dp"android:layout_height="match_parent"android:layout_gravity="开始"android:choiceMode="singleChoice"android:divider="@android:color/transparent"android:dividerHeight="0dp"/></android.support.v4.widget.DrawerLayout> drawe_list_item.xml
<TextView xmlns:android="http://schemas.android.com/apk/res/android"android:id="@android:id/text1"android:background="@drawable/选择器"android:layout_width="match_parent"android:layout_height="wrap_content"android:textAppearance="?android:attr/textAppearanceListItemSmall"机器人:重力=center_vertical"机器人:paddingLeft =16dp"机器人:paddingRight="16dp"android:textColor="#fff"android:minHeight="?android:attr/listPreferredItemHeightSmall"/>fragment_planet.xml
<ImageView xmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/图片"android:layout_width="match_parent"android:layout_height="match_parent"机器人:背景=#000000"机器人:重力=中心"android:padding="32dp"/>I need your advice. In Google+ App for Android, there are two elements, that I don't know how to put together. One is "Navigation Drawer" and second is "Action Bar Navigation Spinner". Do you know how these two elements put together?
Thank you very much for your advice! P.S. I know, I'm lame :) (and I apologize for my English)
解决方案
Add the spinner to the NavigationBar.
The basic procedure to enable drop-down navigation is:
1.Create a SpinnerAdapter that provides the list of selectable items for the drop-down and the layout to use when drawing each item in the list.
2.Implement ActionBar.OnNavigationListener to define the behavior that occurs when the user selects an item from the list.
3.During your activity's onCreate() method, enable the action bar's drop-down list by calling setNavigationMode(NAVIGATION_MODE_LIST).
4.Set the callback for the drop-down list with setListNavigationCallbacks()
http://developer.android.com/guide/topics/ui/actionbar.html
Check the topic Adding Drop-down Navigation
Example:
public class MainActivity extends Activity implements OnNavigationListener
Then
getActionBar().setDisplayShowTitleEnabled(false);
getActionBar().setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);
SpinnerAdapter mSpinnerAdapter = ArrayAdapter.createFromResource(this, R.array.planets_array,
android.R.layout.simple_spinner_dropdown_item);
getActionBar().setListNavigationCallbacks(mSpinnerAdapter , this);
Then
@Override
public boolean onNavigationItemSelected(int arg0, long arg1) {
Toast.makeText(getApplicationContext()," text",1000).show();
return true;
}
Snap
Example:
public class MainActivity extends Activity implements ActionBar.OnNavigationListener {
private DrawerLayout mDrawerLayout;
private ListView mDrawerList;
public ActionBarDrawerToggle mDrawerToggle;
private CharSequence mDrawerTitle;
private CharSequence mTitle;
private String[] mPlanetTitles;
ActionBar actionBar;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
actionBar = getActionBar();
SpinnerAdapter mSpinnerAdapter = ArrayAdapter.createFromResource(this, R.array.planets_array,
android.R.layout.simple_spinner_dropdown_item);
actionBar.setDisplayShowTitleEnabled(false);
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);
getActionBar().setListNavigationCallbacks(mSpinnerAdapter,this);
//mTitle = mDrawerTitle = getTitle();
mPlanetTitles = getResources().getStringArray(R.array.planets_array);
mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
mDrawerList = (ListView) findViewById(R.id.left_drawer);
// mDrawerList.setBackgroundColor(Color.WHITE);
// set a custom shadow that overlays the main content when the drawer opens
mDrawerLayout.setDrawerShadow(R.drawable.drawer_shadow, GravityCompat.START);
// set up the drawer's list view with items and click listener
mDrawerList.setAdapter(new ArrayAdapter<String>(this,
R.layout.drawer_list_item, mPlanetTitles));
mDrawerList.setOnItemClickListener(new DrawerItemClickListener());
// enable ActionBar app icon to behave as action to toggle nav drawer
getActionBar().setDisplayHomeAsUpEnabled(true);
getActionBar().setHomeButtonEnabled(true);
// ActionBarDrawerToggle ties together the the proper interactions
// between the sliding drawer and the action bar app icon
mDrawerToggle = new ActionBarDrawerToggle(
this, /* host Activity */
mDrawerLayout, /* DrawerLayout object */
R.drawable.ic_drawer, /* nav drawer image to replace 'Up' caret */
R.string.drawer_open, /* "open drawer" description for accessibility */
R.string.drawer_close /* "close drawer" description for accessibility */
) {
public void onDrawerClosed(View view) {
getActionBar().setTitle(mTitle);
invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
}
public void onDrawerOpened(View drawerView) {
getActionBar().setTitle(mDrawerTitle);
invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
}
};
mDrawerLayout.setDrawerListener(mDrawerToggle);
if (savedInstanceState == null) {
selectItem(0);
}
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
MenuInflater inflater = getMenuInflater();
inflater.inflate(R.menu.main, menu);
return super.onCreateOptionsMenu(menu);
}
/* Called whenever we call invalidateOptionsMenu() */
@Override
public boolean onPrepareOptionsMenu(Menu menu) {
// If the nav drawer is open, hide action items related to the content view
boolean drawerOpen = mDrawerLayout.isDrawerOpen(mDrawerList);
menu.findItem(R.id.action_websearch).setVisible(!drawerOpen);
return super.onPrepareOptionsMenu(menu);
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// The action bar home/up action should open or close the drawer.
// ActionBarDrawerToggle will take care of this.
if (mDrawerToggle.onOptionsItemSelected(item)) {
return true;
}
// Handle action buttons
switch(item.getItemId()) {
case R.id.action_websearch:
// create intent to perform web search for this planet
Intent intent = new Intent(Intent.ACTION_WEB_SEARCH);
intent.putExtra(SearchManager.QUERY, getActionBar().getTitle());
// catch event that there's no activity to handle intent
if (intent.resolveActivity(getPackageManager()) != null) {
startActivity(intent);
} else {
Toast.makeText(this, R.string.app_not_available, Toast.LENGTH_LONG).show();
}
return true;
default:
return super.onOptionsItemSelected(item);
}
}
/* The click listner for ListView in the navigation drawer */
private class DrawerItemClickListener implements ListView.OnItemClickListener {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
selectItem(position);
}
}
private void selectItem(int position) {
ActionBar actionBar =getActionBar();
actionBar.setDisplayHomeAsUpEnabled(true);
Fragment fragment = new PlanetFragment();
Bundle args = new Bundle();
args.putInt(PlanetFragment.ARG_PLANET_NUMBER, position);
fragment.setArguments(args);
FragmentManager fragmentManager = getFragmentManager();
fragmentManager.beginTransaction().replace(R.id.content_frame, fragment).commit();
// update selected item and title, then close the drawer
mDrawerList.setItemChecked(position, true);
// setTitle(mPlanetTitles[position]);
mDrawerLayout.closeDrawer(mDrawerList);
}
@Override
public void setTitle(CharSequence title) {
mTitle = title;
//getActionBar().setTitle(mTitle);
}
/**
* When using the ActionBarDrawerToggle, you must call it during
* onPostCreate() and onConfigurationChanged()...
*/
@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 toggls
mDrawerToggle.onConfigurationChanged(newConfig);
}
/**
* Fragment that appears in the "content_frame", shows a planet
*/
public static class PlanetFragment extends Fragment {
public static final String ARG_PLANET_NUMBER = "planet_number";
private static WeakReference<MainActivity> mTarget;
@Override
public void onActivityCreated(Bundle savedInstanceState) {
super.onActivityCreated(savedInstanceState);
if(mTarget!=null)
{
MainActivity target = mTarget.get();
ActionBar actionBar = getActivity().getActionBar();
actionBar.setDisplayHomeAsUpEnabled(true);
//actionBar.setTitle("Fragment");
//target.mDrawerToggle.setDrawerIndicatorEnabled(false);
}
else
{
Log.i("............","Null");
}
}
@Override
public void onAttach(Activity activity) {
// TODO Auto-generated method stub
super.onAttach(activity);
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
mTarget = new WeakReference<MainActivity>( (MainActivity) getActivity());
View rootView = inflater.inflate(R.layout.fragment_planet, container, false);
int i = getArguments().getInt(ARG_PLANET_NUMBER);
String planet = getResources().getStringArray(R.array.planets_array)[i];
int imageId = getResources().getIdentifier(planet.toLowerCase(Locale.getDefault()),
"drawable", getActivity().getPackageName());
((ImageView) rootView.findViewById(R.id.image)).setImageResource(imageId);
// getActivity().setTitle(planet);
return rootView;
}
}
@Override
public boolean onNavigationItemSelected(int itemPosition, long itemId) {
// TODO Auto-generated method stub
Toast.makeText(getApplicationContext(), "text", Toast.LENGTH_LONG).show();
return true;
}
}
activity_main.xml
<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">
<!-- As the main content view, the view below consumes the entire
space available using match_parent in both dimensions. -->
<FrameLayout
android:id="@+id/content_frame"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<!-- android:layout_gravity="start" tells DrawerLayout to treat
this as a sliding drawer on the left side for left-to-right
languages and on the right side for right-to-left languages.
The drawer is given a fixed width in dp and extends the full height of
the container. A solid background is used for contrast
with the content view. -->
<ListView
android:id="@+id/left_drawer"
android:layout_width="240dp"
android:layout_height="match_parent"
android:layout_gravity="start"
android:choiceMode="singleChoice"
android:divider="@android:color/transparent"
android:dividerHeight="0dp"
/>
</android.support.v4.widget.DrawerLayout>
drawe_list_item.xml
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/text1"
android:background="@drawable/selector"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceListItemSmall"
android:gravity="center_vertical"
android:paddingLeft="16dp"
android:paddingRight="16dp"
android:textColor="#fff"
android:minHeight="?android:attr/listPreferredItemHeightSmall"/>
fragment_planet.xml
<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/image"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#000000"
android:gravity="center"
android:padding="32dp" />
这篇关于如何结合 Navigation Drawer 和 Spinner [就像在 Google+ 应用中一样]的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
