Android控件定制--具有滑动页面的容器+具有滑动菜单的容器【附效果图附源码】

最新推荐文章于 2022-11-07 10:54:11 发布

置顶 lucherr

最新推荐文章于 2022-11-07 10:54:11 发布

阅读量2.6k

点赞数 1

分类专栏：学习笔记--android 文章标签：滑动菜单 Android 源码

本文链接：https://blog.csdn.net/lucherr/article/details/22941891

版权

学习笔记--android 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

这个例子是我在业余的时间写的，主要是滑动菜单和滑动页面的效果，因为对这个效果比较感兴趣，当然也参考了一些网友提供的资料，在此表示感谢。滑动菜单主要使用了layout的形式完成，而滑动页面使用了scroll的形式完成，主要是为了掌握两种滑动的方式，因为只是个例子，所以只是简单的用了一些控件，希望能给大家提供参考吧！下面先来看看效果图：

结合上面的三个图片，简单介绍下这个例子的功能

左上图：具有滑动功能的容器，可以在里面添加添加自定义布局页面，在本例中添加了4个PAGE，可以通过手指滑动实现页面切换

右上图：具有滑动菜单的容器，组合了左图的功能，点击Menu按钮可以打开/关闭菜单，也可以通过手指滑动Menu所在的标题栏来实现菜单的打开/关闭

下图：在平板上运行的效果

我觉得代码写得还比较清晰，必要的注释也都加上了，下面就简单介绍下：

源码里一共就使用了三个类：

ScrollContainer.java 这个类是对具有滑动页面功能容器的封装

SlidingMenuContainer.java 这个类是对具有滑动菜单容器类的封装

MainActivity.java 主界面，主要做两件事：初始化，添加监听

下面来看看MainActivity的部分代码：

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

init初始化方法用于初始化各控件以及变量，包括初始化前面提到的两个容器类，其中ScrollContainer是在main.xml中引用的，SlidingMenuContainer则是通过new出来的，SlidingMenuContainer对外提供了三个方法：

setMenuView，setMainView，toggleMenu

setMenuView和setMainView在构造方法里调用，用来设置菜单视图和主界面视图

toggleMenu是在点击Menu按钮的时候调用，用来打开/关闭菜单，如下：

private void init() {
    ......
    mOrderView = (RelativeLayout) mInflater.inflate(R.layout.main, null);

    mMenuView = (LinearLayout) mInflater.inflate(R.layout.sliding_menu, null);
    mMenuView.setLayoutParams(new LayoutParams(300, LayoutParams.FILL_PARENT));

    mSlidingMenuContainer = new SlidingMenuContainer(this, mMenuView, mOrderView);

    setContentView(mSlidingMenuContainer);
}

addListener用于添加监听，SlidingMenuContainer定义了OnMenuSlidingListener接口，

里面定义了onMenuOpen和onMenuClose方法，在菜单打开和关闭的时候调用，

只要注册了这个接口，菜单打开或关闭的时候便会回调这两个方法，

可以在里面加入打开或关闭的动画或其他功能

private void addListener() {
    mSlidingMenuContainer.setOnMenuSlidingListener(new OnMenuSlidingListener() {
        @Override
        public void onMenuOpen() {
            Log.d(TAG, "on menu open");
        }
       @Override
       public void onMenuClose() {
           Log.e(TAG, "on menu close");
       }
   });
}

也许你注意到主界面与菜单之间有阴影效果，这是在SlidingMenuContainer的setMainView方法里多加入了一层背景视图实现的，详情请看代码。这个例子还有很多功能没有完善，不过效果已经出来了，欢迎大家下载源码！

源码下载点这里＾＾