Android(安卓)SlidingMenu 布局实现

最近项目中用到了SlidingMenu 布局效果，在网上搜索了不少资料才实现了这个布局效果，项目中用到了 github上的一个开源项目，项目地址：https://github.com/jfeinstein10/SlidingMenu。兼容android 2.1以上所有版本。

工程项目结构如下图所示

它引用了一个库项目 SlidingMenu

MainActivity.java

package com.yulore.sdktest;import android.os.Bundle;import android.support.v4.app.FragmentActivity;import android.support.v4.app.FragmentTransaction;import android.util.Log;import com.example.yulore_sdktest.R;import com.slidingmenu.lib.SlidingMenu;import com.yulore.sdktest.fragment.ContentFragment;import com.yulore.sdktest.fragment.ContentFragment.OnMenuClickedListener;import com.yulore.sdktest.fragment.MenuFragment;import com.yulore.sdktest.fragment.MenuFragment.OnCityListSelectedListener;public class MainActivity extends FragmentActivity implements OnCityListSelectedListener,OnMenuClickedListener{    private SlidingMenu menu;@Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);                //1、设置全屏可以使用如下代码：         //getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);         //2、设置无title bar可以使用如下代码： //      requestWindowFeature(Window.FEATURE_NO_TITLE);                 setTitle(R.string.app_name);        // set the content view        setContentView(R.layout.frame_content);                FragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();        MenuFragment menuFragment = new MenuFragment();        fragmentTransaction.replace(R.id.menu, menuFragment);        fragmentTransaction.replace(R.id.content, new ContentFragment());        fragmentTransaction.commit();                menu = new SlidingMenu(this);        menu.setMode(SlidingMenu.RIGHT);//设置菜单 滑动模式，左滑还是右滑        menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);        menu.setShadowWidthRes(R.dimen.slidingmenu_shadowWidth);        menu.setShadowDrawable(R.drawable.shadow);        menu.setBehindOffsetRes(R.dimen.slidingmenu_behindOffset);        menu.setFadeDegree(0.35f);        menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);        menu.setMenu(R.layout.frame_menu);    }@Overridepublic void onCityListSelected(int position) {        ContentFragment contentFrag = (ContentFragment)                getSupportFragmentManager().findFragmentById(R.id.content);        if (contentFrag != null) {                    contentFrag.updateContentView(position);        } else {        ContentFragment newFragment = new ContentFragment();            Bundle args = new Bundle();            args.putInt(ContentFragment.CITY_LIST_POSITION, position);            newFragment.setArguments(args);                    FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();            // Replace whatever is in the fragment_container view with this fragment,            // and add the transaction to the back stack so the user can navigate back            transaction.replace(R.id.content, newFragment);            transaction.addToBackStack(null);            // Commit the transaction            transaction.commit();        }        //显示 主界面        menu.showContent();    }/** * 显示或隐藏菜单 */@Overridepublic void onMenuButtonClicked() {Log.i("MainActivity", "onMenuButtonClicked invoke...");if(menu.isMenuShowing()){menu.showContent();}else{menu.showMenu();}}}

frame_content.xml布局文件

<?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" />

右侧菜单 MenuFragment.java

package com.yulore.sdktest.fragment;import android.app.Activity;import android.os.Bundle;import android.support.v4.app.ListFragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.ArrayAdapter;import android.widget.ListView;import android.widget.Toast;import com.example.yulore_sdktest.R;public class MenuFragment extends ListFragment {OnCityListSelectedListener mCallback;public static String[] CITYLIST = {"北京","上海","广州","深圳","武汉","南京","苏州","杭州","天津","福州","厦门"};@Overridepublic void onCreate(Bundle savedInstanceState) {// TODO Auto-generated method stubsuper.onCreate(savedInstanceState);setListAdapter(new ArrayAdapter<String>(getActivity(),android.R.layout.simple_list_item_1, CITYLIST));}    // Container Activity must implement this interface    public interface OnCityListSelectedListener {        public void onCityListSelected(int position);    }    @Override    public void onAttach(Activity activity) {        super.onAttach(activity);                // This makes sure that the container activity has implemented        // the callback interface. If not, it throws an exception        try {            mCallback = (OnCityListSelectedListener) activity;        } catch (ClassCastException e) {            throw new ClassCastException(activity.toString()                    + " must implement OnHeadlineSelectedListener");        }    }        @Override    public void onStart() {        super.onStart();        // When in two-pane layout, set the listview to highlight the selected list item        // (We do this during onStart because at the point the listview is available.)        if (getFragmentManager().findFragmentById(R.id.menu) != null) {            getListView().setChoiceMode(ListView.CHOICE_MODE_SINGLE);        }    }@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {return inflater.inflate(R.layout.menu_fragment_layout, container, false);}public void onListItemClick(ListView parent, View v, int position, long id) {// Send the event to the host activity        mCallback.onCityListSelected(position);     // Set the item as checked to be highlighted when in two-pane layout        getListView().setItemChecked(position, true);Toast.makeText(getActivity(),"You have selected " + CITYLIST[position], Toast.LENGTH_SHORT).show();}}

content_fragment_layout.xml

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/menu_frame"    android:layout_width="match_parent"    android:layout_height="match_parent" >    <Button        android:id="@+id/bt_menu"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="@string/show_menu"        android:textSize="20sp"        android:layout_alignParentTop="true"        android:layout_alignParentRight="true"/>        <TextView        android:id="@+id/tv_result"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:textSize="20sp"        android:layout_centerInParent="true" /></RelativeLayout>

内容显示 ContentFragment.java

package com.yulore.sdktest.fragment;import android.app.Activity;import android.os.Bundle;import android.support.v4.app.Fragment;import android.util.Log;import android.view.LayoutInflater;import android.view.View;import android.view.View.OnClickListener;import android.view.ViewGroup;import android.widget.Button;import android.widget.TextView;import com.example.yulore_sdktest.R;public class ContentFragment extends Fragment implements OnClickListener {public final static String CITY_LIST_POSITION = "position";int mCurrentPosition = -1;OnMenuClickedListener mCallback;// Container Activity must implement this interface    public interface OnMenuClickedListener {        public void onMenuButtonClicked();    }        @Override    public void onAttach(Activity activity) {        super.onAttach(activity);                // This makes sure that the container activity has implemented        // the callback interface. If not, it throws an exception        try {            mCallback = (OnMenuClickedListener) activity;        } catch (ClassCastException e) {            throw new ClassCastException(activity.toString()                    + " must implement OnMenuButtonClickedListener");        }    }@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {if (savedInstanceState != null) {mCurrentPosition = savedInstanceState.getInt(CITY_LIST_POSITION);}View view = inflater.inflate(R.layout.content_fragment_layout, null);Button bt_menu = (Button) view.findViewById(R.id.bt_menu);bt_menu.setOnClickListener(this);return view;}@Overridepublic void onStart() {super.onStart();Bundle args = getArguments();if (args != null) {// Set article based on argument passed inupdateContentView(args.getInt(CITY_LIST_POSITION));} else if (mCurrentPosition != -1) {updateContentView(mCurrentPosition);}}@Overridepublic void onSaveInstanceState(Bundle outState) {super.onSaveInstanceState(outState);// Save the current article selection in case we need to recreate the// fragmentoutState.putInt(CITY_LIST_POSITION, mCurrentPosition);}public void updateContentView(int position) {TextView article = (TextView) getActivity().findViewById(R.id.tv_result);article.setText(MenuFragment.CITYLIST[position]);mCurrentPosition = position;}@Overridepublic void onClick(View v) {switch (v.getId()) {case R.id.bt_menu:Log.i("ContentFragment", "点击了 菜单");mCallback.onMenuButtonClicked();break;default:break;}}}

运行效果图

工程下载地址：http://download.csdn.net/detail/fx_sky/5518429

更多相关文章

随机推荐