SlidingMenu(二)

2024-08-31 23:38
文章标签 slidingmenu

本文主要是介绍SlidingMenu(二)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

  项目地址。。。。。

开源库地址



首先看整体界面的布局

activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" ><RelativeLayoutandroid:layout_width="fill_parent"android:layout_height="45dp"android:background="@drawable/title_bar" ><ImageButtonandroid:id="@+id/id_iv_left"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentLeft="true"android:layout_centerVertical="true"android:layout_marginLeft="3dp"android:onClick="showLeftMenu"android:background="@drawable/recent_chat_showright_normal" /><TextViewandroid:layout_width="fill_parent"android:layout_height="fill_parent"android:gravity="center"android:text="微信"android:textColor="#fff"android:textSize="20sp"android:textStyle="bold" /><ImageButtonandroid:id="@+id/id_iv_right"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentRight="true"android:layout_centerVertical="true"android:layout_marginRight="3dp"android:onClick="showRightMenu"android:background="@drawable/recent_chat_showleft_normal" /></RelativeLayout><android.support.v4.view.ViewPagerandroid:id="@+id/id_viewpager"android:layout_width="fill_parent"android:layout_height="0dp"android:layout_weight="1" ></android.support.v4.view.ViewPager></LinearLayout>

接下来2个布局文件是左侧栏目--首先填充一个FrameLayout，然后在将其替换为想要展现的布局文件

left_menu_frame.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/id_left_menu_frame"android:layout_width="match_parent"android:layout_height="match_parent" />
left_menu.xml 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" ><LinearLayoutandroid:layout_width="fill_parent"android:layout_height="45dp"android:background="@drawable/title_bar" ><TextViewandroid:layout_width="fill_parent"android:layout_height="fill_parent"android:gravity="center"android:text="功能"android:textColor="#fff"android:textSize="20sp"android:textStyle="bold" /></LinearLayout><ListViewandroid:id="@+id/id_listview_categories"android:layout_width="match_parent"android:layout_height="match_parent"android:textAlignment="center" /></LinearLayout>

接下来2个布局文件是右侧栏目--首先填充一个FrameLayout，然后在将其替换为想要展现的布局文件
right_menu_frame.xml 

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/id_right_menu_frame"android:layout_width="match_parent"android:layout_height="match_parent" />

right_menu.xml 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:background="#eee"android:orientation="vertical" ><LinearLayoutandroid:layout_width="fill_parent"android:layout_height="45dp"android:background="@drawable/title_bar" ><TextViewandroid:layout_width="fill_parent"android:layout_height="fill_parent"android:gravity="center"android:text="设置"android:textColor="#fff"android:textSize="20sp"android:textStyle="bold" /></LinearLayout><LinearLayoutandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_marginBottom="20dp"android:layout_marginTop="20dp"android:orientation="vertical" ><Buttonandroid:layout_width="fill_parent"android:layout_height="40dp"android:layout_marginLeft="20sp"android:layout_marginRight="20sp"android:background="@drawable/btn_style_zero_focused"android:gravity="center"android:text="退出登录"android:textColor="#fff"android:textSize="16sp" /></LinearLayout></LinearLayout>

另外主界面是一个ViewPager，还需要2个展现的fragment页面

main_tab_01.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/ly_main_weixin"android:layout_width="fill_parent"android:layout_height="fill_parent"android:background="#fcfcfc"android:orientation="vertical" ><TextView android:layout_width="fill_parent"android:layout_height="0dp"android:layout_weight="1"android:gravity="center"android:text="this is first tab !"android:textColor="#000000"android:textSize="30sp"/></LinearLayout>

main_tab_02.xml 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/ly_main_weixin"android:layout_width="fill_parent"android:layout_height="fill_parent"android:background="#fcfcfc"android:orientation="vertical" ><TextView android:layout_width="fill_parent"android:layout_height="0dp"android:layout_weight="1"android:gravity="center"android:text="this is second tab !"android:textColor="#000000"android:textSize="30sp"/></LinearLayout>

MainActivity 

package com.zhy.zhy_slidemenu_demo04;import java.util.ArrayList;
import java.util.List;import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.view.Window;import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;
import com.jeremyfeinstein.slidingmenu.lib.app.SlidingFragmentActivity;public class MainActivity extends SlidingFragmentActivity {private ViewPager mViewPager;private FragmentPagerAdapter mAdapter;private List<Fragment> mFragments = new ArrayList<Fragment>();@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);this.requestWindowFeature(Window.FEATURE_NO_TITLE);setContentView(R.layout.activity_main);// 初始化SlideMenuinitRightMenu();// 初始化ViewPagerinitViewPager();}private void initViewPager() {mViewPager = (ViewPager) findViewById(R.id.id_viewpager);MainTab01 tab01 = new MainTab01();MainTab02 tab02 = new MainTab02();mFragments.add(tab01);mFragments.add(tab02);/*** 初始化Adapter*/mAdapter = new FragmentPagerAdapter(getSupportFragmentManager()) {@Overridepublic int getCount() {return mFragments.size();}@Overridepublic Fragment getItem(int arg0) {return mFragments.get(arg0);}};mViewPager.setAdapter(mAdapter);}private void initRightMenu() {/*** 创建左侧栏的视图布局*/Fragment leftMenuFragment = new MenuLeftFragment();// 设置左边（一级）侧滑菜单setBehindContentView(R.layout.left_menu_frame);/*** id_left_menu_frame是一个FrameLayout布局文件 将左侧的Fragment视图替换调FrameLayout布局*/getSupportFragmentManager().beginTransaction().replace(R.id.id_left_menu_frame, leftMenuFragment).commit();// 获取滑动栏目对象SlidingMenu menu = getSlidingMenu();// 设置为左右2侧都可以滑动的menu.setMode(SlidingMenu.LEFT_RIGHT);// 设置触摸屏幕的模式--不能通过滑动屏幕进行拖出Menu菜单menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_NONE);menu.setShadowWidthRes(R.dimen.shadow_width);// 设置渐入渐出效果的值menu.setFadeDegree(0.35f);// 设置滑动菜单视图的宽度menu.setBehindOffsetRes(R.dimen.slidingmenu_offset);/** 设置左右栏目的边界颜色 */menu.setShadowDrawable(R.drawable.shadow);menu.setSecondaryShadowDrawable(R.drawable.shadow);// 设置右边（二级）侧滑菜单menu.setSecondaryMenu(R.layout.right_menu_frame);Fragment rightMenuFragment = new MenuRightFragment();getSupportFragmentManager().beginTransaction().replace(R.id.id_right_menu_frame, rightMenuFragment).commit();}/*** 点击后，拖出左边的Menu栏--一级菜单*/public void showLeftMenu(View view) {getSlidingMenu().showMenu();}/*** 点击后，弹出右边的Menu栏---二级菜单*/public void showRightMenu(View view) {getSlidingMenu().showSecondaryMenu();}
}

接下来是左边menu的代码

MenuLeftFragment

package com.zhy.zhy_slidemenu_demo04;import java.util.Arrays;
import java.util.List;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.ArrayAdapter;
import android.widget.ListAdapter;
import android.widget.ListView;public class MenuLeftFragment extends Fragment
{private View mView;private ListView mCategories;private List<String> mDatas = Arrays.asList("聊天", "发现", "通讯录", "朋友圈", "订阅号");private ListAdapter mAdapter;@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState){if (mView == null){initView(inflater, container);}return mView;}private void initView(LayoutInflater inflater, ViewGroup container){mView = inflater.inflate(R.layout.left_menu, container, false);mCategories = (ListView) mView.findViewById(R.id.id_listview_categories);mAdapter = new ArrayAdapter<String>(getActivity(),android.R.layout.simple_list_item_1, mDatas);mCategories.setAdapter(mAdapter);}
}

接下来是右边menu的代码 

package com.zhy.zhy_slidemenu_demo04;import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;public class MenuRightFragment extends Fragment
{private View mView;@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState){if(mView == null){mView = inflater.inflate(R.layout.right_menu, container, false);}return mView ;}
}

接下来是主页面的fragment页面

MainTab01

package com.zhy.zhy_slidemenu_demo04;import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;public class MainTab01 extends Fragment
{@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState){return  inflater.inflate(R.layout.main_tab_01, container, false);}}

MainTab02 

package com.zhy.zhy_slidemenu_demo04;import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;public class MainTab02 extends Fragment
{public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState){View messageLayout = inflater.inflate(R.layout.main_tab_02, container, false);return messageLayout;}}

最后呢还有一些menu的参数属性值

shadow.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" ><gradientandroid:endColor="#ff444444"android:startColor="#00000000" /></shape>

<resources><!-- Default screen margins, per the Android Design guidelines. --><dimen name="activity_horizontal_margin">16dp</dimen><dimen name="activity_vertical_margin">16dp</dimen><dimen name="slidingmenu_offset">60dp</dimen><dimen name="shadow_width">5dp</dimen></resources>


这篇关于SlidingMenu(二)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1125324。

相关文章

SlidingMenu(一)

SlidingMenu(一)

开源库地址 开源库地址。。。。。。 activity_main.xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"
阅读更多...
SlidingMenu常用的一些属性设置

SlidingMenu常用的一些属性设置

menu.setMode(SlidingMenu.LEFT);//设置左滑菜单menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);//设置滑动的屏幕范围，该设置为全屏区域都可以滑动menu.setShadowDrawable(R.drawable.shadow);//设置阴影图片menu.setShadowWidthRes(R.d
阅读更多...
在Android studio中使用SlidingMenu创建项目

在Android studio中使用SlidingMenu创建项目

在看前一篇从大神那里转来的日志时，我很快就在eclipse中验证出来了，可是由于是刚刚开始使用Android Stuido，很多地方都是摸索。在网上看到一些方法，可是测试出了问题，问题不在别人那里，在自己这里，了解甚少，好在自己摸索出来了方法，记录在此。 首先在AS中直接新建了一个项目，我这里用的AS是o0.8Beta版，首先我去github上下载了SlidingMenu的相关文件，下载地址
阅读更多...
android SlidingMenu属性说明

android SlidingMenu属性说明

SlidingMenu简介:  SlidingMenu的是一种比较新的设置界面或配置界面效果，在主界面左滑或者右滑出现设置界面，能方便的进行各种操作.目前有大量的应用都在使用这一效果。如Evernote、Google+、Foursquare等，国内的豌豆夹，人人，360手机助手等都使用SlidingMenu的界面方案。 项目下载地址： http://pan.baidu.com/s/1hq7NQm
阅读更多...
ActionBarSherlock+SlidingMenu打造侧边栏

ActionBarSherlock+SlidingMenu打造侧边栏

从网上转的，直接拿过来用就行了，没什么好解释的，最近也用网上的这个开源的东西做了一个应用，觉得挺好的。下面的是摘自网上其他兄弟的 1.准备两个library slidingmenu：https://github.com/jfeinstein10/SlidingMenu actionbarsherlock：http://actionbarsherlock.com/（下载的是4.3.1版
阅读更多...
Android UI（三）SlidingMenu实现滑动菜单（详细 官方）

Android UI（三）SlidingMenu实现滑动菜单（详细 官方）

Jeff Lee blog:   http://www.cnblogs.com/Alandre/  (泥沙砖瓦浆木匠),retain the url when reproduced ! Thanks 效果图： 求资源到首页上部加群即可。 一. SlidingMenu简介 github：https://github.com/jfeinstein10/SlidingMenu
阅读更多...
【Android基础入门〖12〗】滑动菜单SlidingMenu

【Android基础入门〖12〗】滑动菜单SlidingMenu

目录(?)[+] 注：本篇文章基于我以前发表的文章 Android 之 Fragment 之上，稍作修改即可达到 炫酷的 滑动效果 :)   具体步骤如下: NO.1:    新建一个 内容布局，用于显示文章 之所以要新建一个而不是用 right_fragment.xml  是因为 RightFragment 需要被实例化啊，哈哈，这是个重点哦。
阅读更多...
一句话解决SlidingMenu和其他滑动控件之间的冲突

一句话解决SlidingMenu和其他滑动控件之间的冲突

http://blog.csdn.net/u011131296/article/details/40681383 今天在使用开源SlidingMenu的时候，发现和ViewPage之间存在一定的冲突，本以为是按照触摸重写ViewPage的滑动事件，将SlidingMenu的触摸滑动给隔离掉，但在网上搜索了一下，还是找到了一个比较好的解决方法： menu.addIgnoredView(mVi
阅读更多...
slidingmenu实现代码

slidingmenu实现代码

可以实现的代码 // configure the SlidingMenumenu = new SlidingMenu(this);menu.setMode(SlidingMenu.LEFT);// 设置触摸屏幕的模式menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);menu.setShadowWidthRes(R.dimen.
阅读更多...
[android] 新闻客户端引入SlidingMenu

[android] 新闻客户端引入SlidingMenu

下载SlidingMenu，https://github.com/jfeinstein10/SlidingMenu 导入library 我们项目右键==>Properties==>Android==>Library add 添加第三方项目为依赖   出现这个错误：Found 2 versions of android-support-v4.jar in the dependency list 因
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2