前面兩篇文章中的SlidingMenu都出如今左側,今天來模仿一下網易新聞客戶端左右兩邊都有SlidingMenu的效果,如下是網易新聞客戶端效果:html



不扯閒話了,直接進入正題吧java
frame_content.xmlandroid
- <?xml version="1.0" encoding="utf-8"?>
- <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:id="@+id/content"
- android:layout_width="match_parent"
- android:layout_height="match_parent" />
frame_left_menu.xml微信
- <?xml version="1.0" encoding="utf-8"?>
- <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:id="@+id/left_menu"
- android:layout_width="match_parent"
- android:layout_height="match_parent" />
frame_right_menu.xmlapp
- <?xml version="1.0" encoding="utf-8"?>
- <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:id="@+id/right_menu"
- android:layout_width="match_parent"
- android:layout_height="match_parent" />
在 主Activity 初始化 SlidingMenuide
左邊SlidingMenu Fragment佈局
- package com.example.slidingmenuwangyi.fragment;
-
- import java.util.ArrayList;
-
- import android.app.Activity;
- import android.content.res.TypedArray;
- import android.os.Bundle;
- import android.support.v4.app.Fragment;
- import android.view.LayoutInflater;
- import android.view.View;
- import android.view.ViewGroup;
- import android.widget.AdapterView;
- import android.widget.AdapterView.OnItemClickListener;
- import android.widget.ListView;
-
- import com.example.slidingmenuwangyi.R;
- import com.example.slidingmenuwangyi.adapter.NavDrawerListAdapter;
- import com.example.slidingmenuwangyi.entity.NavDrawerItem;
-
- public class MenuFragment extends Fragment implements OnItemClickListener {
-
- private ListView mDrawerList;
- private String[] mNavMenuTitles;
- private TypedArray mNavMenuIconsTypeArray;
- private ArrayList<NavDrawerItem> mNavDrawerItems;
- private NavDrawerListAdapter mAdapter;
- private SLMenuListOnItemClickListener mCallback;
- private int selected = -1;
-
- @Override
- public void onAttach(Activity activity) {
- try {
- mCallback = (SLMenuListOnItemClickListener) activity;
- } catch (ClassCastException e) {
- throw new ClassCastException(activity.toString()
- + " must implement OnResolveTelsCompletedListener");
- }
- super.onAttach(activity);
- }
-
- @Override
- public void onCreate(Bundle savedInstanceState) {
-
- super.onCreate(savedInstanceState);
- }
-
- @Override
- public View onCreateView(LayoutInflater inflater, ViewGroup container,
- Bundle savedInstanceState) {
-
- View rootView = inflater.inflate(R.layout.fragment_menu, null);
-
- findView(rootView);
-
- return rootView;
- }
-
- private void findView(View rootView) {
-
- mDrawerList = (ListView) rootView.findViewById(R.id.left_menu);
-
- mNavMenuTitles = getResources().getStringArray(R.array.nav_drawer_items);
-
- mNavMenuIconsTypeArray = getResources()
- .obtainTypedArray(R.array.nav_drawer_icons);
-
- mNavDrawerItems = new ArrayList<NavDrawerItem>();
-
-
-
- mNavDrawerItems.add(new NavDrawerItem(mNavMenuTitles[0], mNavMenuIconsTypeArray
- .getResourceId(0, -1)));
-
- mNavDrawerItems.add(new NavDrawerItem(mNavMenuTitles[1], mNavMenuIconsTypeArray
- .getResourceId(1, -1)));
-
- mNavDrawerItems.add(new NavDrawerItem(mNavMenuTitles[2], mNavMenuIconsTypeArray
- .getResourceId(2, -1)));
-
- mNavDrawerItems.add(new NavDrawerItem(mNavMenuTitles[3], mNavMenuIconsTypeArray
- .getResourceId(3, -1), true, "22"));
-
- mNavDrawerItems.add(new NavDrawerItem(mNavMenuTitles[4], mNavMenuIconsTypeArray
- .getResourceId(4, -1)));
-
- mNavDrawerItems.add(new NavDrawerItem(mNavMenuTitles[5], mNavMenuIconsTypeArray
- .getResourceId(5, -1), true, "50+"));
-
-
- mNavMenuIconsTypeArray.recycle();
-
-
- mAdapter = new NavDrawerListAdapter(getActivity(),
- mNavDrawerItems);
- mDrawerList.setAdapter(mAdapter);
- mDrawerList.setOnItemClickListener(this);
-
- if(selected!=-1){
- mDrawerList.setItemChecked(selected, true);
- mDrawerList.setSelection(selected);
- }else{
- mDrawerList.setItemChecked(0, true);
- mDrawerList.setSelection(0);
- }
- }
-
- @Override
- public void onItemClick(AdapterView<?> parent, View view, int position,
- long id) {
-
-
- mDrawerList.setItemChecked(position, true);
- mDrawerList.setSelection(position);
-
- if(mCallback!=null){
- mCallback.selectItem(position, mNavMenuTitles[position]);
- }
- selected = position;
- }
-
-
-
-
-
-
- public interface SLMenuListOnItemClickListener{
-
- public void selectItem(int position,String title);
- }
- }
MenuFragment 佈局文件fragment_menu.xmlthis
- <?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="match_parent" >
-
- <ListView
- android:id="@+id/left_menu"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:layout_gravity="start"
- android:choiceMode="singleChoice"
- android:divider="@android:color/transparent"
- android:dividerHeight="0dp"
- android:background="#111"/>
-
- </RelativeLayout>
右邊SlidingMenu Fragmentspa
- package com.example.slidingmenuwangyi.fragment;
-
- import android.app.Activity;
- import android.os.Bundle;
- import android.support.v4.app.Fragment;
- import android.view.LayoutInflater;
- import android.view.View;
- import android.view.ViewGroup;
-
- import com.example.slidingmenuwangyi.R;
-
- public class RightMenuFragment extends Fragment{
-
- @Override
- public void onAttach(Activity activity) {
-
- super.onAttach(activity);
- }
-
- @Override
- public void onCreate(Bundle savedInstanceState) {
-
- super.onCreate(savedInstanceState);
- }
-
- @Override
- public View onCreateView(LayoutInflater inflater, ViewGroup container,
- Bundle savedInstanceState) {
-
- View rootView = inflater.inflate(R.layout.fragment_right_menu, null);
-
- findView(rootView);
-
- return rootView;
- }
-
- private void findView(View rootView) {
-
- }
-
- }
RightMenuFragment 佈局文件 fragment_right_menu.xml.net
主Fragment HomeFragment
- package com.example.slidingmenuwangyi.fragment;
-
- import java.util.ArrayList;
- import java.util.List;
-
- import android.os.Bundle;
- import android.support.v4.app.Fragment;
- import android.support.v4.view.PagerTabStrip;
- import android.support.v4.view.ViewPager;
- import android.view.LayoutInflater;
- import android.view.View;
- import android.view.ViewGroup;
-
- import com.example.slidingmenuwangyi.R;
- import com.example.slidingmenuwangyi.adapter.ContentFragmentPagerAdapter;
- import com.example.slidingmenuwangyi.entity.ContentBean;
-
- public class HomeFragment extends Fragment {
-
- private ViewPager mViewPager;
- private static final String[] titles = {"One","Two","Three","Four","Five"};
- private List<ContentBean> list = new ArrayList<ContentBean>();
- private ContentFragmentPagerAdapter mAdapter;
-
- public HomeFragment(){}
-
- @Override
- public View onCreateView(LayoutInflater inflater, ViewGroup container,
- Bundle savedInstanceState) {
-
- View rootView = inflater.inflate(R.layout.fragment_home, container, false);
-
- initData();
- findView(rootView);
-
- return rootView;
- }
-
- private void initData() {
-
- for(int i=0;i<titles.length;i++){
-
- ContentBean cb = new ContentBean();
- cb.setTitle(titles[i]);
- cb.setContent(titles[i]+"_"+(i+1));
-
- list.add(cb);
- }
- }
-
- private void findView(View rootView) {
-
- mViewPager = (ViewPager) rootView.findViewById(R.id.mViewPager);
-
- PagerTabStrip mPagerTabStrip = (PagerTabStrip) rootView.findViewById(R.id.mPagerTabStrip);
- mPagerTabStrip.setTabIndicatorColor(getResources().getColor(R.color.select_text_color));
-
- mAdapter = new ContentFragmentPagerAdapter(getActivity().getSupportFragmentManager(),list);
- mViewPager.setAdapter(mAdapter);
- }
-
- @Override
- public void onStart() {
-
- if(mAdapter!=null){
- mAdapter.notifyDataSetChanged();
- }
-
- super.onStart();
- }
- }
HomeFragment 佈局文件 fragment_home.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="match_parent" >
-
- <android.support.v4.view.ViewPager
- android:id="@+id/mViewPager"
- android:layout_width="match_parent"
- android:layout_height="wrap_content" >
-
- <android.support.v4.view.PagerTabStrip
- android:id="@+id/mPagerTabStrip"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_gravity="top"/>
-
- <!-- <android.support.v4.view.PagerTitleStrip
- android:id="@+id/mPagerTitleStrip"
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:layout_gravity="top" /> -->
- </android.support.v4.view.ViewPager>
-
- </RelativeLayout>
別的就不貼了,本身下載下來看吧
運行效果以下



其它乾貨下載資源已放入微信公衆號【一個碼農的平常】
Demo下載地址:http://download.csdn.net/detail/fx_sky/6725171
原文:http://blog.csdn.net/gebitan505/article/details/20390325