8 | Copyright 2014-2015 Fokke Zandbergen 9 | 10 | Licensed under the Apache License, Version 2.0 (the "License"); 11 | you may not use this file except in compliance with the License. 12 | You may obtain a copy of the License at 13 | 14 | http://www.apache.org/licenses/LICENSE-2.0 15 | 16 | Unless required by applicable law or agreed to in writing, software 17 | distributed under the License is distributed on an "AS IS" BASIS, 18 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 19 | See the License for the specific language governing permissions and 20 | limitations under the License. 21 |22 | -------------------------------------------------------------------------------- /app/widgets/nl.fokkezb.drawer/appc-npm: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env node 2 | 3 | var path = require('path'); 4 | var fs = require('fs'); 5 | 6 | var pkg; 7 | 8 | try { 9 | pkg = JSON.parse(fs.readFileSync('package.json', { 10 | encoding: 'utf-8' 11 | })); 12 | } catch (e) { 13 | fail('Could not read package.json'); 14 | } 15 | 16 | var appcNPM = pkg['appc-npm']; 17 | 18 | if (typeof appcNPM !== 'object') { 19 | fail('Could not find \'appc-npm\' in package.json'); 20 | } 21 | 22 | var target = findTarget(__dirname); 23 | 24 | if (!target) { 25 | fail('Could not find project'); 26 | } 27 | 28 | var targetPath = (typeof appcNPM.target === 'object') ? appcNPM.target[target.name] : appcNPM.target; 29 | 30 | if (typeof targetPath !== 'string') { 31 | fail('Could not find \'appc-npm.target.' + target.name + '\' or \'appc-npm.target\' in package.json'); 32 | } 33 | 34 | var ignore = toArray(appcNPM.ignore); 35 | ignore.push('appc-npm'); 36 | 37 | copySync(__dirname, path.join(target.path, targetPath), function (fullPath) { 38 | var relPath = fullPath.substr(__dirname.length + 1); 39 | 40 | return ignore.indexOf(relPath) === -1; 41 | }); 42 | 43 | function findTarget(dir) { 44 | 45 | if (fs.existsSync(path.join(dir, 'appc.json'))) { 46 | return { 47 | name: 'arrow', 48 | path: dir 49 | }; 50 | } else if (fs.existsSync(path.join(dir, 'app', 'controllers', 'index.js'))) { 51 | return { 52 | name: 'alloy', 53 | path: dir 54 | }; 55 | } else if (fs.existsSync(path.join(dir, 'tiapp.xml'))) { 56 | return { 57 | name: 'titanium', 58 | path: dir 59 | }; 60 | } 61 | 62 | dirUp = path.resolve(dir, '..', '..'); 63 | 64 | if (!dirUp || dirUp === dir) { 65 | return; 66 | } 67 | 68 | return findTarget(dirUp); 69 | } 70 | 71 | function fail(err) { 72 | console.error(err); 73 | process.exit(1); 74 | } 75 | 76 | function toArray(val) { 77 | 78 | if (typeof val === 'string') { 79 | return [val]; 80 | } else if (Object.prototype.toString.call(val) === '[object Array]') { 81 | return val; 82 | } else { 83 | return []; 84 | } 85 | 86 | } 87 | 88 | /* jshint ignore:start */ 89 | 90 | // https://github.com/jprichardson/node-fs-extra/blob/master/lib/copy/copy-sync.js 91 | function copySync (src, dest, options) { 92 | if (typeof options === 'function' || options instanceof RegExp) { 93 | options = {filter: options} 94 | } 95 | 96 | options = options || {} 97 | options.recursive = !!options.recursive 98 | 99 | // default to true for now 100 | options.clobber = 'clobber' in options ? !!options.clobber : true 101 | 102 | options.filter = options.filter || function () { return true } 103 | 104 | var stats = options.recursive ? fs.lstatSync(src) : fs.statSync(src) 105 | var destFolder = path.dirname(dest) 106 | var destFolderExists = fs.existsSync(destFolder) 107 | var performCopy = false 108 | 109 | if (stats.isFile()) { 110 | if (options.filter instanceof RegExp) performCopy = options.filter.test(src) 111 | else if (typeof options.filter === 'function') performCopy = options.filter(src) 112 | 113 | if (performCopy) { 114 | if (!destFolderExists) mkdirsSync(destFolder) 115 | copyFileSync(src, dest, options.clobber) 116 | } 117 | } else if (stats.isDirectory()) { 118 | if (!fs.existsSync(dest)) mkdirsSync(dest) 119 | var contents = fs.readdirSync(src) 120 | contents.forEach(function (content) { 121 | copySync(path.join(src, content), path.join(dest, content), {filter: options.filter, recursive: true}) 122 | }) 123 | } else if (options.recursive && stats.isSymbolicLink()) { 124 | var srcPath = fs.readlinkSync(src) 125 | fs.symlinkSync(srcPath, dest) 126 | } 127 | } 128 | 129 | // https://github.com/jprichardson/node-fs-extra/blob/master/lib/copy/copy-file-sync.js 130 | function copyFileSync (srcFile, destFile, clobber) { 131 | 132 | if (fs.existsSync(destFile) && !clobber) { 133 | throw Error('EEXIST') 134 | } 135 | 136 | // simplified to work with vanilla fs 137 | fs.createReadStream(srcFile).pipe(fs.createWriteStream(destFile)); 138 | } 139 | 140 | // https://github.com/jprichardson/node-fs-extra/blob/master/lib/mkdirs/mkdirs.js 141 | var o777 = parseInt('0777', 8) 142 | 143 | function mkdirsSync (p, opts, made) { 144 | if (!opts || typeof opts !== 'object') { 145 | opts = { mode: opts } 146 | } 147 | 148 | var mode = opts.mode 149 | var xfs = opts.fs || fs 150 | 151 | if (mode === undefined) { 152 | mode = o777 & (~process.umask()) 153 | } 154 | if (!made) made = null 155 | 156 | p = path.resolve(p) 157 | 158 | try { 159 | xfs.mkdirSync(p)//, mode) 10 |
TODO: Enter your module description here
4 |To access this module from JavaScript, you would do the following:
6 |var nappslide = require("dk.napp.slidemenu");
7 | The nappslide variable is a reference to the Module object.
9 |TODO: If your module has an API, you should document 11 | the reference here.
12 |TODO: This is an example of a module function.
14 |TODO: This is an example of a module property.
16 |TODO: Enter your usage example here
18 |TODO: Enter your author name, email and other contact 20 | details you want to share here.
21 |TODO: Enter your license/legal information here.
-------------------------------------------------------------------------------- /modules/android/dk.napp.drawer/1.1.6/example/app.js: -------------------------------------------------------------------------------- 1 | 2 | var leftMenuView = Ti.UI.createView({ 3 | backgroundColor:'white', 4 | width: Ti.UI.FILL, 5 | height: Ti.UI.FILL 6 | }); 7 | 8 | var centerView = Ti.UI.createView({ 9 | backgroundColor:'white', 10 | width: Ti.UI.FILL, 11 | height: Ti.UI.FILL 12 | }); 13 | 14 | var rightMenuView = Ti.UI.createView({ 15 | backgroundColor:'#ddd', 16 | width: Ti.UI.FILL, 17 | height: Ti.UI.FILL 18 | }); 19 | 20 | 21 | // create a menu 22 | var leftTableView = Ti.UI.createTableView({ 23 | font:{fontSize:12}, 24 | rowHeight:40, 25 | data:[ 26 | {title:'Toggle Left View'}, 27 | {title:'Change Center Windowr'}, 28 | {title:'Default Window'} 29 | ] 30 | }); 31 | leftMenuView.add(leftTableView); 32 | leftTableView.addEventListener("click", function(e){ 33 | Ti.API.info("isAnyWindowOpen: " + drawer.isAnyWindowOpen()); 34 | switch(e.index){ 35 | case 0: 36 | drawer.toggleLeftWindow(); //animate back to center 37 | alert("You clicked " + e.rowData.title + ". Implement menu structure.. "); 38 | break; 39 | case 1: 40 | drawer.setCenterWindow(Ti.UI.createView({backgroundColor:"red"})); 41 | drawer.toggleLeftWindow(); //animate back to center 42 | break; 43 | case 2: 44 | drawer.setCenterWindow(centerView); 45 | drawer.toggleLeftWindow(); //animate back to center 46 | break; 47 | } 48 | }); 49 | 50 | 51 | // Action Bar - FAKE example 52 | var actionBar = Ti.UI.createView({ 53 | top:0, 54 | height:"44dp", 55 | backgroundColor:"#333" 56 | }); 57 | var leftToolbarBtn = Ti.UI.createButton({ 58 | title:"Left", 59 | left: "6dp", 60 | backgroundColor:"transparent", 61 | color: "#FFF" 62 | }); 63 | leftToolbarBtn.addEventListener("click", function(){ 64 | drawer.toggleLeftWindow(); 65 | }); 66 | var rightToolbarBtn = Ti.UI.createButton({ 67 | title:"Right", 68 | right: "6dp", 69 | backgroundColor:"transparent", 70 | color: "#FFF" 71 | }); 72 | rightToolbarBtn.addEventListener("click", function(){ 73 | drawer.toggleRightWindow(); 74 | }); 75 | var centerLabel = Ti.UI.createLabel({ 76 | text:"NappDrawer", 77 | font:{ 78 | fontSize:"14dp", 79 | fontWeight:"bold" 80 | }, 81 | color: "#FFF" 82 | }); 83 | actionBar.add(leftToolbarBtn); 84 | actionBar.add(rightToolbarBtn); 85 | actionBar.add(centerLabel); 86 | centerView.add(actionBar); 87 | 88 | 89 | 90 | // create interface 91 | var scrollView = Ti.UI.createScrollView({ 92 | layout:"vertical", 93 | left:0,right:0,top:"44dp", 94 | contentHeight:'auto', 95 | contentWidth:"100%", 96 | showVerticalScrollIndicator: true, 97 | showHorizontalScrollIndicator: false 98 | }); 99 | 100 | 101 | 102 | 103 | var slider = Ti.UI.createSlider({ 104 | top: "20dp", width: "280dp", 105 | min: 0, max: 1, 106 | value: 0.2 107 | }); 108 | var label = Ti.UI.createLabel({ 109 | text: "Parallax: " + slider.value, 110 | color:"#000", 111 | top: "15dp" 112 | }); 113 | slider.addEventListener('touchend', function(e) { 114 | label.setText("Parallax: " + e.source.value); 115 | drawer.setParallaxAmount(e.source.value); 116 | }); 117 | scrollView.add(label); 118 | scrollView.add(slider); 119 | 120 | var gestureModeBtn = Ti.UI.createButton({title:"Gesture Mode: ALL", toggled:true, top:10}); 121 | gestureModeBtn.addEventListener("click", function(e){ 122 | if(!e.source.toggled){ 123 | var mode = "ALL"; 124 | drawer.setOpenDrawerGestureMode(NappDrawerModule.OPEN_MODE_ALL); 125 | } else { 126 | var mode = "NONE"; 127 | drawer.setOpenDrawerGestureMode(NappDrawerModule.OPEN_MODE_NONE); 128 | } 129 | gestureModeBtn.setTitle("Gesture Mode: " + mode); 130 | e.source.toggled = !e.source.toggled; 131 | 132 | }); 133 | scrollView.add(gestureModeBtn); 134 | 135 | 136 | function updateSlider(value){ 137 | slider.value=value; 138 | slider.fireEvent("touchend", {source:{value:value}}); 139 | } 140 | 141 | // animation mode 142 | var animationMode = 0; 143 | var animationModeBtn = Ti.UI.createButton({ 144 | title:"Animation Mode: NONE", 145 | top:10 146 | }); 147 | var aniModeText; 148 | animationModeBtn.addEventListener("click", function(e){ 149 | if(animationMode == 3){ 150 | animationMode = 0; 151 | } else { 152 | animationMode++; 153 | } 154 | switch(animationMode){ 155 | case 0: 156 | drawer.setAnimationMode(NappDrawerModule.ANIMATION_NONE); 157 | updateSlider(0.2); 158 | aniModeText = "NONE"; 159 | break; 160 | case 1: 161 | drawer.setAnimationMode(NappDrawerModule.ANIMATION_SLIDEUP); 162 | updateSlider(0); 163 | aniModeText = "SLIDEUP"; 164 | break; 165 | case 2: 166 | drawer.setAnimationMode(NappDrawerModule.ANIMATION_ZOOM); 167 | updateSlider(0); 168 | aniModeText = "ZOOM"; 169 | break; 170 | case 3: 171 | drawer.setAnimationMode(NappDrawerModule.ANIMATION_SCALE); 172 | updateSlider(0); 173 | aniModeText = "SCALE"; 174 | break; 175 | } 176 | animationModeBtn.setTitle("Animation Mode: " + aniModeText); 177 | }); 178 | scrollView.add(animationModeBtn); 179 | 180 | centerView.add(scrollView); 181 | 182 | 183 | // CREATE THE MODULE 184 | var NappDrawerModule = require('dk.napp.drawer'); 185 | var drawer = NappDrawerModule.createDrawer({ 186 | fullscreen:false, 187 | leftWindow: leftMenuView, 188 | centerWindow: centerView, 189 | rightWindow: rightMenuView, 190 | fading: 0.2, // 0-1 191 | parallaxAmount: 0.2, //0-1 192 | shadowWidth:"40dp", 193 | leftDrawerWidth: "200dp", 194 | rightDrawerWidth: "200dp", 195 | animationMode: NappDrawerModule.ANIMATION_NONE, 196 | closeDrawerGestureMode: NappDrawerModule.CLOSE_MODE_MARGIN, 197 | openDrawerGestureMode: NappDrawerModule.OPEN_MODE_ALL, 198 | orientationModes: [Ti.UI.PORTRAIT, Ti.UI.UPSIDE_PORTRAIT] 199 | }); 200 | 201 | 202 | drawer.addEventListener("didChangeOffset", function(e){ 203 | //Ti.API.info("didChangeOffset: " + e.offset); 204 | }); 205 | 206 | drawer.addEventListener("windowDidOpen", function(e){ 207 | if(e.window == NappDrawerModule.LEFT_WINDOW) { 208 | Ti.API.info("windowDidOpen - LEFT DRAWER"); 209 | } else if (e.window == NappDrawerModule.RIGHT_WINDOW) { 210 | Ti.API.info("windowDidOpen - RIGHT DRAWER"); 211 | } 212 | }); 213 | drawer.addEventListener("windowDidClose", function(e){ 214 | Ti.API.info("windowDidClose"); 215 | }); 216 | 217 | 218 | // Action Bar - REAL example 219 | drawer.addEventListener('open', onNavDrawerWinOpen); 220 | function onNavDrawerWinOpen(evt) { 221 | this.removeEventListener('open', onNavDrawerWinOpen); 222 | 223 | if(this.getActivity()) { 224 | // need to explicitly use getXYZ methods 225 | var actionBar = this.getActivity().getActionBar(); 226 | 227 | if (actionBar) { 228 | // Now we can do stuff to the actionbar 229 | actionBar.setTitle('NappDrawer Example'); 230 | 231 | // show an angle bracket next to the home icon, 232 | // indicating to users that the home icon is tappable 233 | actionBar.setDisplayHomeAsUp(true); 234 | 235 | // toggle the left window when the home icon is selected 236 | actionBar.setOnHomeIconItemSelected(function() { 237 | drawer.toggleLeftWindow(); 238 | }); 239 | } 240 | } 241 | } 242 | 243 | 244 | // lets open it 245 | drawer.open(); 246 | -------------------------------------------------------------------------------- /modules/android/dk.napp.drawer/1.1.6/libs/armeabi-v7a/libdk.napp.drawer.so: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HazemKhaled/SideMenu-with-NavigationWindow-for-Titanium/8da42a2381e65f43b00571bb0099d16716472fe9/modules/android/dk.napp.drawer/1.1.6/libs/armeabi-v7a/libdk.napp.drawer.so -------------------------------------------------------------------------------- /modules/android/dk.napp.drawer/1.1.6/libs/armeabi/libdk.napp.drawer.so: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HazemKhaled/SideMenu-with-NavigationWindow-for-Titanium/8da42a2381e65f43b00571bb0099d16716472fe9/modules/android/dk.napp.drawer/1.1.6/libs/armeabi/libdk.napp.drawer.so -------------------------------------------------------------------------------- /modules/android/dk.napp.drawer/1.1.6/libs/x86/libdk.napp.drawer.so: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HazemKhaled/SideMenu-with-NavigationWindow-for-Titanium/8da42a2381e65f43b00571bb0099d16716472fe9/modules/android/dk.napp.drawer/1.1.6/libs/x86/libdk.napp.drawer.so -------------------------------------------------------------------------------- /modules/android/dk.napp.drawer/1.1.6/manifest: -------------------------------------------------------------------------------- 1 | # 2 | # this is your module manifest and used by Titanium 3 | # during compilation, packaging, distribution, etc. 4 | # 5 | version: 1.1.6 6 | apiversion: 2 7 | description: Napp Drawer 8 | author: Mads Moller 9 | license: MIT 10 | copyright: Napp ApS 11 | architectures: armeabi armeabi-v7a x86 12 | 13 | # these should not be edited 14 | name: nappslide 15 | moduleid: dk.napp.drawer 16 | guid: 0f157d47-db5c-4891-8197-c851e8d329e0 17 | platform: android 18 | minsdk: 4.1.0.GA 19 | -------------------------------------------------------------------------------- /modules/android/dk.napp.drawer/1.1.6/nappslide.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HazemKhaled/SideMenu-with-NavigationWindow-for-Titanium/8da42a2381e65f43b00571bb0099d16716472fe9/modules/android/dk.napp.drawer/1.1.6/nappslide.jar -------------------------------------------------------------------------------- /modules/android/dk.napp.drawer/1.1.6/platform/android/res/values/attrs.xml: -------------------------------------------------------------------------------- 1 | 16 | 17 |The Napp Drawer module extends the Appcelerator Titanium Mobile framework. 4 | The module is licensed under the MIT license.
5 |Thanks to the folks at Mutual Mobile for their great work with MMDrawerController https://github.com/mutualmobile/MMDrawerController
6 |Find the newest version in the dist folder
8 |Simply add the following lines to your tiapp.xml file:
<modules>
11 | <module platform="iphone">dk.napp.drawer</module>
12 | </modules>
13 | For more detailed code examples take a look into the example app
16 |Napp Drawer does not require you to use the 3 windows. You can also use either the combo of center/left or center/right for your desired needs.
18 |javascript
19 | var mainWindow = NappDrawerModule.createDrawer({
20 | centerWindow: navController,
21 | leftWindow: winLeft,
22 | rightWindow: winRight,
23 | closeDrawerGestureMode: NappDrawerModule.CLOSE_MODE_ALL,
24 | openDrawerGestureMode: NappDrawerModule.OPEN_MODE_ALL,
25 | leftDrawerWidth: 180,
26 | rightDrawerWidth: 220
27 | });
A method that allow change of a window. You can either use a window or a navigation group.
31 | javascript
32 | var newWin = Ti.UI.createWindow({
33 | backgroundColor: "#FF0000"
34 | };
35 | mainWindow.setCenterWindow(newWin);
Update the width with these methods. The default width is 280
javascript
39 | mainWindow.setLeftDrawerWidth(160);
Set different types of interactivity for the centerWindow.
42 |javascript
43 | mainWindow.setCenterHiddenInteractionMode(NappDrawerModule.OPEN_CENTER_MODE_FULL);
| input (constant) | Description | 45 | | ----- | ----------- | 46 | | OPEN_CENTER_MODE_NONE | The user can not interact with any content in the center view. | 47 | | OPEN_CENTER_MODE_FULL | The user can interact with all content in the center view. | 48 | | OPEN_CENTER_MODE_NAVBAR | The user can interact with only content on the navigation bar. The setting allows the menu button to still respond, allowing you to toggle the drawer closed when it is open. This is the default setting. |
49 |Set gesture support for opening the drawer through a mask.
51 |
javascript
53 | mainWindow.setOpenDrawerGestureMode(NappDrawerModule.OPEN_MODE_BEZEL_PANNING_CENTERWINDOW);
| input (constant) | Description | 55 | | ----- | ----------- | 56 | | OPEN_MODE_NONE | The user can not open the drawer by panning. | 57 | | OPEN_MODE_ALL | The user can open the drawer by panning anywhere. | 58 | | OPEN_MODE_PANNING_NAVBAR | The user can open the drawer by panning anywhere on the navigation bar. | 59 | | OPEN_MODE_PANNING_CENTERWINDOW | The user can open the drawer by panning anywhere on the center view. | 60 | | OPEN_MODE_BEZEL_PANNING_CENTERWINDOW | The user can open the drawer by starting a pan anywhere within 20 points of the bezel. |
61 |Set gesture support for closing the drawer through a mask.
63 |javascript
64 | mainWindow.setCloseDrawerGestureMode(NappDrawerModule.CLOSE_MODE_TAP_CENTERWINDOW);
| input (constant) | Description | 66 | | ----- | ----------- | 67 | | CLOSE_MODE_NONE | The user cannot close the drawer by any panning gestures. | 68 | | CLOSE_MODE_ALL | The user can close the drawer by panning anywhere. | 69 | | CLOSE_MODE_PANNING_NAVBAR | The user can close the drawer by panning anywhere on the navigation bar. | 70 | | CLOSE_MODE_PANNING_CENTERWINDOW | The user can close the drawer by panning anywhere on the center view. | 71 | | CLOSE_MODE_BEZEL_PANNING_CENTERWINDOW | The user can close the drawer by starting a pan anywhere within the bezel of the center view. | 72 | | CLOSE_MODE_TAP_NAVBAR | The user can close the drawer by tapping the navigation bar. | 73 | | CLOSE_MODE_TAP_CENTERWINDOW | The user can close the drawer by tapping the center view. | 74 | | CLOSE_MODE_PANNING_DRAWER | The user can close the drawer by panning anywhere on the drawer view. |
75 |Note that these gestures may impact touches sent to the child view controllers, so be sure to use these appropriately for your application.
76 |The animation velocity of the open and close methods, measured in points per second.
78 | By default, this is set to 840 points per second (three times the default drawer width), meaning it takes 1/3 of a second for the Window to open/close across the default drawer width. Note that there is a minimum .1 second duration for built in animations, to account for small distance animations.
javascript
80 | mainWindow.setAnimationVelocity(400);
Should the shadow be visible?
83 |javascript
84 | mainWindow.setShowShadow(true);
A small effect when the drawer is dragged, the drawer stretches.
87 |javascript
88 | mainWindow.setShouldStretchDrawer(true);
toggleLeftWindow() and toggleRightWindow() are used to toggle each visibility of either the left or right window.
javascript
93 | mainWindow.toggleLeftWindow();
A small animation to show the app user that its possible to interact with the drawer.
96 |javascript
97 | mainWindow.bounceLeftWindow();
Mads Moller
106 | web: http://www.napp.dk
107 | email: mm@napp.dk
108 | twitter: @nappdev
109 |
Copyright (c) 2010-2013 Mads Moller
112 |
113 | Permission is hereby granted, free of charge, to any person obtaining a copy
114 | of this software and associated documentation files (the "Software"), to deal
115 | in the Software without restriction, including without limitation the rights
116 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
117 | copies of the Software, and to permit persons to whom the Software is
118 | furnished to do so, subject to the following conditions:
119 |
120 | The above copyright notice and this permission notice shall be included in
121 | all copies or substantial portions of the Software.
122 |
123 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
124 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
125 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
126 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
127 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
128 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
129 | THE SOFTWARE.
130 |