AndroidUI--SlidingMenu使用例子

原创 2013年12月03日 22:20:47

AndroidUI--SlidingMenu使用例子


2013年12月3日 开源项目SlidingMenu的使用学习


最近想学习有趣的UI,也想把这些UI整合到自己的项目当中,之前就已经了解到SlidingMenu这个开源控件,用过印象笔记和唱吧的童鞋可能就会看到过这种滑动菜单的效果。以下我也是通过学习其他大牛,然后自己稍微做了下Demo让自己熟悉SlidingMenu这个开源控件的使用,发现并太复杂,当然直接拿来用是没有太多问题,但要弄懂这个控件的效果实现还是不太容易,毕竟是大牛做出来的东西嘛。

我在网上找了很久,发现下面这个家伙写得不错,在这里也推荐一下

http://blog.csdn.net/yangyu20121224/article/details/9255829



他讲的很详细,让我写也不一定能写得像他那样,所以我就不讲了,我这里就是借助他提供的项目,稍微做了个Demo.

关键操作

把slidingmenu_library这个项目import到工作区当中去,然后将作为library导入到新建的项目当中去


项目结构效果图如下:





项目运行效果图:






源码:

/2013.12.2_SlidingMenu_for_weibo/src/com/wwj/slidingmenu/demo/MainActivity.java

package com.wwj.slidingmenu.demo;

import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;
import com.jeremyfeinstein.slidingmenu.lib.app.SlidingFragmentActivity;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends SlidingFragmentActivity {

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		// 设置标题栏的标题
		setTitle("新浪微博客户端");

		// 设置是否能够使用ActionBar来滑动
		setSlidingActionBarEnabled(true);

		// 设置是否显示Home图标按钮
		getActionBar().setDisplayHomeAsUpEnabled(true);
		getActionBar().setIcon(R.drawable.weibo_logo);

		// 初始化滑动视图
		initSlidingMenu(savedInstanceState);

	}

	private void initSlidingMenu(Bundle savedInstanceState) {
		// 如果保存的状态不为空则得到之前保存的Fragment,否则实例化MyFragment
		if (savedInstanceState != null) {
			mContent = getSupportFragmentManager().getFragment(
					savedInstanceState, "mContent");
		}
		if (mContent == null) {
			mContent = new MyFragment();
		}
		// 设置主界面视图
		setContentView(R.layout.content_frame);
		getSupportFragmentManager().beginTransaction()
				.replace(R.id.content_frame, new MyFragment()).commit();

		// 设置滑动菜单的视图
		setBehindContentView(R.layout.menu_frame);
		getSupportFragmentManager().beginTransaction()
				.replace(R.id.menu_frame, new SampleListFragment()).commit();

		// 实例话滑动菜单对象
		SlidingMenu sm = getSlidingMenu();
		// 设置滑动阴影的宽度
		sm.setShadowWidthRes(R.dimen.shadow_width);
		// 设置滑动阴影的图像资源
		sm.setShadowDrawable(R.drawable.shadow);
		// 设置滑动菜单视图的宽度
		sm.setBehindOffsetRes(R.dimen.slidingmenu_offset);
		// 设置渐入渐出效果的值
		sm.setFadeDegree(0.35f);
		// 设置触摸屏幕的模式
		sm.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
	}

	/**
	 * 保存Fragment的状态
	 */
	@Override
	protected void onSaveInstanceState(Bundle outState) {
		super.onSaveInstanceState(outState);
		getSupportFragmentManager().putFragment(outState, "mContent", mContent);
	}

	/**
	 * 菜单按钮点击事件,通过点击ActionBar的Home图标按钮来打开滑动菜单
	 */
	@Override
	public boolean onOptionsItemSelected(MenuItem item) {
		switch (item.getItemId()) {
		case android.R.id.home:
			toggle();
			return true;
		}
		return super.onOptionsItemSelected(item);
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

	private Fragment mContent;

	/**
	 * 切换视图
	 * @param fragment
	 */
	public void switchContent(Fragment fragment) {
		mContent = fragment;
		getSupportFragmentManager().beginTransaction()
				.replace(R.id.content_frame, fragment).commit();
		getSlidingMenu().showContent();
	}

}


/2013.12.2_SlidingMenu_for_weibo/src/com/wwj/slidingmenu/demo/SampleListFragment.java

package com.wwj.slidingmenu.demo;

import android.content.Context;
import android.os.Bundle;
import android.support.v4.app.Fragment;
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.ImageView;
import android.widget.ListView;
import android.widget.TextView;

/**
 * 
 * @author wwj 功能描述:列表Fragment,用来显示滑动菜单打开后的内容
 */
public class SampleListFragment extends ListFragment {

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		return inflater.inflate(R.layout.list, null);
	}

	@Override
	public void onActivityCreated(Bundle savedInstanceState) {
		super.onActivityCreated(savedInstanceState);

		SampleAdapter adapter = new SampleAdapter(getActivity());
		adapter.add(new SampleItem("登录", R.drawable.login_logo));
		adapter.add(new SampleItem("疑问", R.drawable.d_yiwen));
		adapter.add(new SampleItem("右哼哼", R.drawable.d_youhengheng));
		adapter.add(new SampleItem("晕", R.drawable.d_yun));
		adapter.add(new SampleItem("抓狂", R.drawable.d_zhuakuang));
		adapter.add(new SampleItem("猪头", R.drawable.d_zhutou));
		adapter.add(new SampleItem("做鬼脸", R.drawable.d_zuoguilian));
		adapter.add(new SampleItem("左哼哼", R.drawable.d_zuohengheng));

		setListAdapter(adapter);
	}

	public class SampleAdapter extends ArrayAdapter<SampleItem> {
		public SampleAdapter(Context context) {
			super(context, 0);
		}

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			if (convertView == null) {
				convertView = LayoutInflater.from(getContext()).inflate(
						R.layout.row, null);
			}
			ImageView icon = (ImageView) convertView
					.findViewById(R.id.row_icon);
			icon.setImageResource(getItem(position).iconRes);
			TextView title = (TextView) convertView
					.findViewById(R.id.row_title);
			title.setText(getItem(position).tag);
			return convertView;
		}
	}

	@Override
	public void onListItemClick(ListView l, View v, int position, long id) {
		Fragment newContent = null;
		switch (position) {
		case 0:
			newContent = new MyFragment();
			break;
		case 1:
			newContent = new MyFragment1();
			break;
		case 2:
			newContent = new MyFragment2();
			break;
		case 3:
			newContent = new MyFragment3();
			break;
		case 4:
			newContent = new MyFragment4();
			break;
		case 5:
			newContent = new MyFragment5();
			break;
		case 6:
			newContent = new MyFragment6();
		case 7:
			newContent = new MyFragment7();
			break;
		}
		if (newContent != null) {
			switchFragment(newContent);
		}
		super.onListItemClick(l, v, position, id);
	}

	private void switchFragment(Fragment fragment) {
		if (getActivity() == null) {
			return;
		}
		if (getActivity() instanceof MainActivity) {
			MainActivity fca = (MainActivity) getActivity();
			fca.switchContent(fragment);
		}
	}

	private class SampleItem {
		public String tag;
		public int iconRes;

		public SampleItem(String tag, int iconRes) {
			this.tag = tag;
			this.iconRes = iconRes;
		}
	}

}

/2013.12.2_SlidingMenu_for_weibo/src/com/wwj/slidingmenu/demo/MyFragment.java

package com.wwj.slidingmenu.demo;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/***
 * 
 * @author wwj
 * 
 */
public class MyFragment extends Fragment {
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
	}

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		View view = inflater.inflate(R.layout.login, null);
		return view;
	}

	@Override
	public void onActivityCreated(Bundle savedInstanceState) {
		super.onActivityCreated(savedInstanceState);
	}

	@Override
	public void onPause() {
		super.onPause();
	}
}

/2013.12.2_SlidingMenu_for_weibo/src/com/wwj/slidingmenu/demo/MyFragment1.java

package com.wwj.slidingmenu.demo;

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.ImageView;
import android.widget.TextView;

public class MyFragment1 extends Fragment {

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
	}

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		View view = inflater.inflate(R.layout.row, null);
		TextView title = (TextView) view.findViewById(R.id.row_title);
		title.setText("疑问");
		ImageView icon = (ImageView) view.findViewById(R.id.row_icon);
		icon.setImageResource(R.drawable.d_yiwen);
		return view;
	}

	@Override
	public void onActivityCreated(Bundle savedInstanceState) {
		super.onActivityCreated(savedInstanceState);
	}

	@Override
	public void onDestroyView() {
		super.onDestroyView();
	}
}

其他Fragment类似,就不贴了。








版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

SlidingMenu的使用

在使用SlidingMenu时需要先导入slidingmenu_library。如果需要针对SlidingMenu做android3.0一下的版本兼容就导入ActionBarSherclock-mas...

一个完整的SlidingMenu的使用范例

1.SlidingMenu介绍 SlidingMenu是一个第三方的开源库,注意用来替代传统意义上的Menu菜单栏,将菜单栏以更加美观的视图呈现给用户。我们首先需要在github上获取该开源代码。 获...

Android SlidingMenu 开源项目 侧拉菜单的使用(详细配置)

SlidingMenu作为最常用到的几个开源项目之一,最初,这个是在IOS上有的,之后被应用到了android上,在google自己原生态的侧拉菜单NavigationDrawer没出现之前,这个效果...

ImageLoader获取本地缓存图片的bitmap

在初始化imageoption的时候,如果我们调用了.cacheInMemory()和.cacheOnDisc(),加载图片使用这个Option,图片加载完成以后就会缓存到内存和本地存储中; 这时候...

安卓框架——SlidingMenu的使用方法

SlidingMenu的一些常用属性 //设置侧滑菜单的位置,可选值LEFT , RIGHT ,LEFT_RIGHT (两边都有菜单时设置) menu.setMode(SlidingMenu.LEF...

Android SlidingMenu 开源项目使用示例(一)

SlidingMenu简介 SlidingMenu的是一种比较新的设置界面或配置界面效果,在主界面左滑或者右滑出现设置界面,能方便的进行各种操作.目前有大量的应用都在使用这一效果。如Evernote、...
  • FX_SKY
  • FX_SKY
  • 2013-12-16 15:51
  • 13125

Android SlidingMenu 使用详解

很多APP都有侧滑菜单的功能,部分APP左右都是侧滑菜单~SlidingMenu 这个开源项目可以很好帮助我们实现侧滑功能,如果对SlidingMenu 还不是很了解的童鞋,可以参考下本篇博客。将侧滑...

[Android app] 慕课网本地视频序列提取另存工具app和源码[已和谐]

一、效果图主界面:视频分类操作:保存视频分类保存分类视频完成,在内存卡根目录中视频分类里面的视频列表:视频操作:关于界面:二、简介用过慕课网的同学应该都知道,慕课网下载的视频不是按照正常视频名字和列表...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)