Android UI-SlidingMenu侧滑菜单效果

男娘i 2022-08-14 01:56 205阅读 0赞

**Android UI-SlidingMenu侧滑菜单效果**

本篇博客给大家分享一个效果比较好的侧滑菜单的Demo，实现点击左边菜单切换Fragment。

效果如下：

![20141121182442828][]

![20141121182749952][]

主Activity代码：

package com.infzm.slidingmenu.demo;
    
    import android.os.Bundle;
    import android.support.v4.app.Fragment;
    import android.view.View;
    import android.view.View.OnClickListener;
    import android.view.Window;
    import android.widget.ImageView;
    import android.widget.TextView;
    
    import com.infzm.slidingmenu.demo.fragment.LeftFragment;
    import com.infzm.slidingmenu.demo.fragment.TodayFragment;
    import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;
    import com.jeremyfeinstein.slidingmenu.lib.app.SlidingFragmentActivity;
    
    /**
     * @date 2014/11/14
     * @author wuwenjie
     * @description 主界面
     */
    public class MainActivity extends SlidingFragmentActivity implements
    		OnClickListener {
    
    	private ImageView topButton;
    	private Fragment mContent;
    	private TextView topTextView;
    
    	@Override
    	public void onCreate(Bundle savedInstanceState) {
    		requestWindowFeature(Window.FEATURE_NO_TITLE); // 无标题
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_main);
    		initSlidingMenu(savedInstanceState);
    
    		topButton = (ImageView) findViewById(R.id.topButton);
    		topButton.setOnClickListener(this);
    		topTextView = (TextView) findViewById(R.id.topTv);
    	}
    
    	/**
    	 * 初始化侧边栏
    	 */
    	private void initSlidingMenu(Bundle savedInstanceState) {
    		// 如果保存的状态不为空则得到之前保存的Fragment，否则实例化MyFragment
    		if (savedInstanceState != null) {
    			mContent = getSupportFragmentManager().getFragment(
    					savedInstanceState, "mContent");
    		}
    
    		if (mContent == null) {
    			mContent = new TodayFragment();
    		}
    
    		// 设置左侧滑动菜单
    		setBehindContentView(R.layout.menu_frame_left);
    		getSupportFragmentManager().beginTransaction()
    				.replace(R.id.menu_frame, new LeftFragment()).commit();
    
    		// 实例化滑动菜单对象
    		SlidingMenu sm = getSlidingMenu();
    		// 设置可以左右滑动的菜单
    		sm.setMode(SlidingMenu.LEFT);
    		// 设置滑动阴影的宽度
    		sm.setShadowWidthRes(R.dimen.shadow_width);
    		// 设置滑动菜单阴影的图像资源
    		sm.setShadowDrawable(null);
    		// 设置滑动菜单视图的宽度
    		sm.setBehindOffsetRes(R.dimen.slidingmenu_offset);
    		// 设置渐入渐出效果的值
    		sm.setFadeDegree(0.35f);
    		// 设置触摸屏幕的模式,这里设置为全屏
    		sm.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
    		// 设置下方视图的在滚动时的缩放比例
    		sm.setBehindScrollScale(0.0f);
    
    	}
    
    	@Override
    	protected void onSaveInstanceState(Bundle outState) {
    		super.onSaveInstanceState(outState);
    		getSupportFragmentManager().putFragment(outState, "mContent", mContent);
    	}
    
    	/**
    	 * 切换Fragment
    	 * 
    	 * @param fragment
    	 */
    	public void switchConent(Fragment fragment, String title) {
    		mContent = fragment;
    		getSupportFragmentManager().beginTransaction()
    				.replace(R.id.content_frame, fragment).commit();
    		getSlidingMenu().showContent();
    		topTextView.setText(title);
    	}
    
    	@Override
    	public void onClick(View v) {
    		switch (v.getId()) {
    		case R.id.topButton:
    			toggle();
    			break;
    		default:
    			break;
    		}
    	}
    
    }

侧边栏菜单Fragment

package com.infzm.slidingmenu.demo.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.View.OnClickListener;
    import android.view.ViewGroup;
    
    import com.infzm.slidingmenu.demo.MainActivity;
    import com.infzm.slidingmenu.demo.R;
    /**
     * @date 2014/11/14
     * @author wuwenjie
     * @description 侧边栏菜单
     */
    public class LeftFragment extends Fragment implements OnClickListener{
    	private View todayView;
    	private View lastListView;
    	private View discussView;
    	private View favoritesView;
    	private View commentsView;
    	private View settingsView;
    	
    	
    	@Override
    	public void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    	}
    	
    	@Override
    	public void onAttach(Activity activity) {
    		super.onAttach(activity);
    	}
    	
    	@Override
    	public View onCreateView(LayoutInflater inflater, ViewGroup container,
    			Bundle savedInstanceState) {
    		View view = inflater.inflate(R.layout.layout_menu, null);
    		findViews(view);
    		
    		return view;
    	}
    	
    	
    	public void findViews(View view) {
    		todayView = view.findViewById(R.id.tvToday);
    		lastListView = view.findViewById(R.id.tvLastlist);
    		discussView = view.findViewById(R.id.tvDiscussMeeting);
    		favoritesView = view.findViewById(R.id.tvMyFavorites);
    		commentsView = view.findViewById(R.id.tvMyComments);
    		settingsView = view.findViewById(R.id.tvMySettings);
    		
    		todayView.setOnClickListener(this);
    		lastListView.setOnClickListener(this);
    		discussView.setOnClickListener(this);
    		favoritesView.setOnClickListener(this);
    		commentsView.setOnClickListener(this);
    		settingsView.setOnClickListener(this);
    	}
    	
    	@Override
    	public void onDestroyView() {
    		super.onDestroyView();
    	}
    	
    	@Override
    	public void onDestroy() {
    		super.onDestroy();
    	}
    
    	@Override
    	public void onClick(View v) {
    		Fragment newContent = null;
    		String title = null;
    		switch (v.getId()) {
    		case R.id.tvToday: // 今日
    			newContent = new TodayFragment();
    			title = getString(R.string.today);
    			break;
    		case R.id.tvLastlist:// 往期列表
    			newContent = new LastListFragment();
    			title = getString(R.string.lastList);
    			break;
    		case R.id.tvDiscussMeeting: // 讨论集会
    			newContent = new DiscussFragment();
    			title = getString(R.string.discussMeetting);
    			break;
    		case R.id.tvMyFavorites: // 我的收藏
    			newContent = new MyFavoritesFragment();
    			title = getString(R.string.myFavorities);
    			break;
    		case R.id.tvMyComments: // 我的评论
    			newContent = new MyCommentsFragment();
    			title = getString(R.string.myComments);
    			break;
    		case R.id.tvMySettings: // 设置
    			newContent = new MySettingsFragment();
    			title = getString(R.string.settings);
    			break;
    		default:
    			break;
    		}
    		if (newContent != null) {
    			switchFragment(newContent, title);
    		}
    	}
    	
    	/**
    	 * 切换fragment
    	 * @param fragment
    	 */
    	private void switchFragment(Fragment fragment, String title) {
    		if (getActivity() == null) {
    			return;
    		}
    		if (getActivity() instanceof MainActivity) {
    			MainActivity fca = (MainActivity) getActivity();
    			fca.switchConent(fragment, title);
    		}
    	}
    	
    }

上面是核心代码，引入SlidingMenu开源库。

Demo下载地址：[http://download.csdn.net/download/wwj\_748/8184889][http_download.csdn.net_download_wwj_748_8184889]

[20141121182442828]: /images/20220810/1720ff4a939c4524acd7131add93cca0.png
[20141121182749952]: /images/20220810/1e1199149d68481380bfb8c54aa841c0.png
[http_download.csdn.net_download_wwj_748_8184889]: http://download.csdn.net/download/wwj_748/8184889