Android UI开发第三十四篇——SlidingPaneLayout
16lz
2021-01-23
SlidingPaneLayout也是系统支持的高级控件，是Android团对在2013 google IO大会期间更新的Support库（Version 13）中新加入的重要的功能。它支持左右滑动菜单，和SlidingMenu相似。这篇文章简单的介绍SlidingPaneLayout怎么使用，SlidingPaneLayout的使用和前面介绍的Navigation Drawer的使用无二异。
SlidingPaneLayout是一个水平的多层的布局控件，左侧或第一个视图是导航层，其他的为内容视图。
SlidingPaneLayout一般支持左侧滑出，没有右侧导航。
SlidingPaneLayout属于布局类：
<android.support.v4.widget.SlidingPaneLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/sliding_layout" android:layout_width="match_parent" android:layout_height="match_parent" > <ListView android:id="@+id/sliding_list" android:layout_width="150dp" android:layout_height="match_parent" android:background="#111" android:choiceMode="singleChoice" android:divider="@android:color/transparent" android:dividerHeight="0dp" /> <FrameLayout android:id="@+id/content_frame" android:layout_width="300dp" android:layout_height="match_parent" android:layout_weight="1" /></android.support.v4.widget.SlidingPaneLayout>
使用 SlidingPaneLayout：
public class SlidingPaneLayoutActivity extends SherlockFragmentActivity { private SlidingPaneLayout mSlidingPaneLayout; private ListView mSliderList; private ActionBarToggle mActionBarToggle; private CharSequence mDrawerTitle; private CharSequence mTitle; private String[] mPlanetTitles; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_slider); mTitle = mDrawerTitle = getTitle(); mPlanetTitles = getResources().getStringArray(R.array.planets_array); mSlidingPaneLayout = (SlidingPaneLayout) findViewById(R.id.sliding_layout); mSliderList = (ListView) findViewById(R.id.sliding_list); // set a custom shadow that overlays the main content when the slider opens mSlidingPaneLayout.setShadowResource(R.drawable.drawer_shadow); // set up the slider's list view with items and click listener mSliderList.setAdapter(new ArrayAdapter<String>(this, R.layout.list_item, mPlanetTitles)); mSliderList.setOnItemClickListener(new DrawerItemClickListener()); // enable ActionBar app icon to behave as action to toggle sliding pane getSupportActionBar().setHomeButtonEnabled(true); // ActionBarDrawerToggle ties together the the proper interactions // between the sliding pane and the action bar app icon mActionBarToggle = new ActionBarToggle( this, /* host Activity */ mSlidingPaneLayout, /* SlidingPaneLayout object */ R.drawable.ic_drawer_light, /* sliding pane image to replace 'Up' caret */ R.string.slider_open, /* "open drawer" description for accessibility */ R.string.slider_close /* "close drawer" description for accessibility */ ) { @Overridepublic void closeView() { getSupportActionBar().setTitle(mTitle); invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()super.closeView();} @Overridepublic void openView() { getSupportActionBar().setTitle(mDrawerTitle); invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()super.openView();} }; mSlidingPaneLayout.setPanelSlideListener(mActionBarToggle); if (savedInstanceState == null) { selectItem(0); } } @Override public boolean onCreateOptionsMenu(com.actionbarsherlock.view.Menu menu) { getSupportMenuInflater().inflate(R.menu.main, menu); return super.onCreateOptionsMenu(menu); } @Override public boolean onPrepareOptionsMenu(com.actionbarsherlock.view.Menu menu) { // If the sliding pane is open, hide action items related to the content view boolean drawerOpen = mSlidingPaneLayout.isOpen(); menu.findItem(R.id.action_websearch).setVisible(!drawerOpen); return super.onPrepareOptionsMenu(menu); } @Override public boolean onOptionsItemSelected( com.actionbarsherlock.view.MenuItem item) { // The action bar home/up action should open or close the drawer. // ActionBarDrawerToggle will take care of this. if (mActionBarToggle.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, getSupportActionBar().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) { // update the main content by replacing fragments Fragment fragment = new PlanetFragment(); Bundle args = new Bundle(); args.putInt(PlanetFragment.ARG_PLANET_NUMBER, position); fragment.setArguments(args); getSupportFragmentManager().beginTransaction().replace(R.id.content_frame, fragment).commit(); // update selected item and title, then close the slider mSliderList.setItemChecked(position, true); setTitle(mPlanetTitles[position]); mSlidingPaneLayout.closePane(); } @Override public void setTitle(CharSequence title) { mTitle = title; getSupportActionBar().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. mActionBarToggle.syncState(); getSupportActionBar().setDisplayHomeAsUpEnabled(mActionBarToggle.isDrawerIndicatorEnabled()); } @Override public void onConfigurationChanged(Configuration newConfig) { super.onConfigurationChanged(newConfig); // Pass any configuration change to the slider toggls mActionBarToggle.onConfigurationChanged(newConfig); getSupportActionBar().setDisplayHomeAsUpEnabled(mActionBarToggle.isDrawerIndicatorEnabled()); } @Override public void onBackPressed() { if(mSlidingPaneLayout.isSlideable() && mSlidingPaneLayout.isOpen()){ mSlidingPaneLayout.closePane(); } else{ super.onBackPressed(); } } /** * 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"; public PlanetFragment() { // Empty constructor required for fragment subclasses } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 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; } }} SlidingPaneLayout的使用和Navigation Drawer相同，有疑问的地方可以参考demo。
下载：demo /** * @author 张兴业 * http://blog.csdn.net/xyz_lmn * iOS入门群：83702688* android开发进阶群：241395671 * 我的新浪微博：@张兴业TBOW */ 参考： https://developer.android.com/reference/android/support/v4/widget/SlidingPaneLayout.html
更多相关文章
- Android Studio 初步在代码中操作控件
- Android播放器歌词显示控件
- Android控件RecyclerView的基本用法
- Android开发控件之ToggleButton
- Android 控件ImageView图片框
- Android常见控件之TextView、EditView、Button、Menu
- Android开发之基本控件和四种布局方式详解
- Android：绘制自定义视图