[Phonegap+Sencha Touch] 移动开发48 扩展的NavigationView控件，支持根据不同的View显示不同的顶栏按钮、不同的屏幕方向，增加视图缓存机制

扩展的NavigationView导航容器控件
by 神秘博士
————————————————————————————————————————————————————

比senchatouch自带的NavigationView多了以下的功能：

1、 支持根据不同的view(子视图)，显示不同的顶栏按钮 (所有的view共用一个顶部导航栏)

2、 支持根据不同的view(子视图)，锁定不同的屏幕方向 (需要配合phonegap/cordova)

3、 支持滑动返回

4、 增加了视图缓存机制，提高了性能

5、 给子视图增加了一些事件和方法，方便控制业务逻辑

————————————————————————————————————————————————————

本控件不开放源码，需要的请联系我QQ（本文末尾）

————————————————————————————————————————————————————



一、扩展的NavigationView导航容器

1、具有下面的config：

1) swipeback: 类型int。滑动手势返回，小于等于0表示不支持，大于0表示距离左边缘多少像素开始按住可以滑动

注：滑动返回，意思是手指从左边缘向右滑动，可以返回

2) cacheNum：类型int。视图缓存机制，表示NavigationView最多可以缓存的视图个数，

注：当autoDestroy为false(不自动销毁子视图)的时候，适当设置这个数字，可以提高性能



------------------------------------------------------------------------------------------------------------------------------------------------------------

二、navigationView中的每个子视图view

1、都可以配置下面的config:

1) navBtns: 类型array。表示这个view需要在顶栏显示什么按钮

2) backBtnConfig: 类型object。表示这个view的返回按钮显示成什么样子

3) orient: 类型string。表示锁定视图屏幕方向(需要配合phonegap/cordova)，可取值有portrait-primary、portrait-secondary、portrait、landscape-primary、landscape-secondary、landscape.

4) canSwipeback: 类型boolean。表示可不可以滑动返回

2、事件：

1) pushview: 参数view。子视图push之后会触发的事件

2) popview: 参数view。子视图pop之后会触发的事件

注：pushview和popview，都是单向的

3) activateview: 参数newView, oldView。切换到（或者激活）子视图newView会触发到的事件(类似windows某个窗口获得焦点)

4) deactivateview: 参数oldView, newView。切换到了其他视图newView，原来的子视图oldView失去焦点会触发到的事件(类似windows某个窗口失去焦点)

注：activateview和deactivateview，都是双向的（也就是push这个动作会一起触发这两个事件，pop这个动作也是）

3、还有方法：

1) tapBackBtn: 点击返回按钮要做的事情, return false则接管默认的返回行为

2) beforePop: pop之前会调用的, return false则不会继续pop view

————————————————————————————————————————————————————

示例 apk 下载：

下载地址1：http://pan.baidu.com/s/1bnBbqwv（提取码：axj5）

下载地址2：http://yunpan.cn/cmNVQ9U3vDKxL （提取码：e0be）

示例图欣赏：

















欢迎加入Sencha Touch + Phonegap交流群

1群：194182999 (满)

2群：419834979

共同学习交流（博主QQ：479858761）