Android仿易信界面SlidingMenu左右滑动

简介

易信是一个操作比较简介的界面。类似的SlidingMenu还有百度影音、快播等等。下面就是一个模仿易信的一个界面，先看一下效果图

项目源代码下载：https://github.com/nuptboyzhb/SlidingMenuDemoYiXin

或者直接git : $ git clone https://github.com/nuptboyzhb/SlidingMenuDemoYiXin.git



首页



左边滑动效果



右边滑动效果

主要代码：

[java] view
plaincopy





package edu.njupt.zhb.slidemenu;

import edu.njupt.zhb.slidemenu.R;

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.support.v4.app.FragmentTransaction;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.ImageButton;

public class MainActivity extends SlidingFragmentActivity implements OnClickListener{

protected SlidingMenu leftRightSlidingMenu;

private ImageButton ivTitleBtnLeft;

private ImageButton ivTitleBtnRight;

private Fragment mContent;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

initLeftRightSlidingMenu();

setContentView(R.layout.activity_main);

initView();

}

private void initView() {

ivTitleBtnLeft = (ImageButton)this.findViewById(R.id.ivTitleBtnLeft);

ivTitleBtnLeft.setOnClickListener(this);

ivTitleBtnRight = (ImageButton)this.findViewById(R.id.ivTitleBtnRight);

ivTitleBtnRight.setOnClickListener(this);

}

private void initLeftRightSlidingMenu() {

mContent = new FragmentDefaultMain();

getSupportFragmentManager().beginTransaction().replace(R.id.content_frame, mContent).commit();

setBehindContentView(R.layout.main_left_layout);

FragmentTransaction leftFragementTransaction = getSupportFragmentManager().beginTransaction();

Fragment leftFrag = new LeftSlidingMenuFragment();

leftFragementTransaction.replace(R.id.main_left_fragment, leftFrag);

leftFragementTransaction.commit();

// customize the SlidingMenu

leftRightSlidingMenu = getSlidingMenu();

leftRightSlidingMenu.setMode(SlidingMenu.LEFT_RIGHT);// 设置是左滑还是右滑，还是左右都可以滑，我这里只做了左滑

leftRightSlidingMenu.setBehindOffsetRes(R.dimen.slidingmenu_offset);// 设置菜单宽度

leftRightSlidingMenu.setFadeDegree(0.35f);// 设置淡入淡出的比例

leftRightSlidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);//设置手势模式

leftRightSlidingMenu.setShadowDrawable(R.drawable.shadow);// 设置左菜单阴影图片

leftRightSlidingMenu.setFadeEnabled(true);// 设置滑动时菜单的是否淡入淡出

leftRightSlidingMenu.setBehindScrollScale(0.333f);// 设置滑动时拖拽效果

leftRightSlidingMenu.setSecondaryMenu(R.layout.main_right_layout);

FragmentTransaction rightFragementTransaction = getSupportFragmentManager().beginTransaction();

Fragment rightFrag = new RightSlidingMenuFragment();

leftFragementTransaction.replace(R.id.main_right_fragment, rightFrag);

rightFragementTransaction.commit();

}

@Override

public void onClick(View v) {

switch (v.getId()) {

case R.id.ivTitleBtnLeft:

leftRightSlidingMenu.showMenu();

break;

case R.id.ivTitleBtnRight:

leftRightSlidingMenu.showSecondaryMenu(true);

break;

default:

break;

}

}

/**

* 左侧菜单点击切换首页的内容

*/

public void switchContent(Fragment fragment) {

mContent = fragment;

getSupportFragmentManager()

.beginTransaction()

.replace(R.id.content_frame, fragment)

.commit();

getSlidingMenu().showContent();

}

}



代码结构

源代码下载：https://github.com/nuptboyzhb/SlidingMenuDemoYiXin