├── .gitignore ├── .project ├── .settings ├── com.appcelerator.titanium.core.prefs └── com.aptana.editor.common.prefs ├── LICENSE.txt ├── README.md ├── Resources ├── KS_nav_ui.png ├── KS_nav_views.png ├── app.js ├── iphone │ ├── Default-Landscape.png │ ├── Default-Portrait.png │ ├── Default.png │ ├── Default@2x.png │ └── appicon.png └── winslider.js ├── manifest └── tiapp.xml /.gitignore: -------------------------------------------------------------------------------- 1 | <<<<<<< HEAD 2 | tmp 3 | build/ 4 | i18n 5 | ======= 6 | # osx noise 7 | .DS_Store 8 | profile 9 | 10 | # xcode noise 11 | build/* 12 | *.mode1 13 | *.mode1v3 14 | *.mode2v3 15 | *.perspective 16 | *.perspectivev3 17 | *.pbxuser 18 | *.xcworkspace 19 | xcuserdata 20 | 21 | .settings 22 | README 23 | CHANGELOG.txt 24 | LICENSE* 25 | 26 | # svn & cvs 27 | .svn 28 | CVS 29 | >>>>>>> 5fbf1cbccfa25b51f4115d7df0764654d85ffe60 30 | -------------------------------------------------------------------------------- /.project: -------------------------------------------------------------------------------- 1 | 2 | 3 | WinSlider 4 | 5 | 6 | 7 | 8 | 9 | com.appcelerator.titanium.core.builder 10 | 11 | 12 | 13 | 14 | com.aptana.ide.core.unifiedBuilder 15 | 16 | 17 | 18 | 19 | 20 | com.appcelerator.titanium.mobile.nature 21 | com.aptana.projects.webnature 22 | 23 | 24 | -------------------------------------------------------------------------------- /.settings/com.appcelerator.titanium.core.prefs: -------------------------------------------------------------------------------- 1 | eclipse.preferences.version=1 2 | provisioning_profiles/development/5EC3E575-FDE7-4F33-86B6-6D5E38614D58/appid=com.dezinezync.zypher 3 | provisioning_profiles/development/5EC3E575-FDE7-4F33-86B6-6D5E38614D58/filepath=/Users/dezinezync/Library/MobileDevice/Provisioning Profiles/5EC3E575-FDE7-4F33-86B6-6D5E38614D58.mobileprovision 4 | provisioning_profiles/development/5EC3E575-FDE7-4F33-86B6-6D5E38614D58/name=Global 5 | provisioning_profiles/development/5EC3E575-FDE7-4F33-86B6-6D5E38614D58/uuid=5EC3E575-FDE7-4F33-86B6-6D5E38614D58 6 | provisioning_profiles/development/6D8381E9-E4B7-4C8D-B255-6B361101E2C8/appid=* 7 | provisioning_profiles/development/6D8381E9-E4B7-4C8D-B255-6B361101E2C8/filepath=/Users/dezinezync/Library/MobileDevice/Provisioning Profiles/6D8381E9-E4B7-4C8D-B255-6B361101E2C8.mobileprovision 8 | provisioning_profiles/development/6D8381E9-E4B7-4C8D-B255-6B361101E2C8/name=iOS Team Provisioning Profile\: * 9 | provisioning_profiles/development/6D8381E9-E4B7-4C8D-B255-6B361101E2C8/uuid=6D8381E9-E4B7-4C8D-B255-6B361101E2C8 10 | provisioning_profiles/development/9AC1FF14-3AD5-4FF8-B5D7-85AC42B28EB3/appid=com.studiomarch.sockets 11 | provisioning_profiles/development/9AC1FF14-3AD5-4FF8-B5D7-85AC42B28EB3/filepath=/Users/dezinezync/Library/MobileDevice/Provisioning Profiles/9AC1FF14-3AD5-4FF8-B5D7-85AC42B28EB3.mobileprovision 12 | provisioning_profiles/development/9AC1FF14-3AD5-4FF8-B5D7-85AC42B28EB3/name=sockets 13 | provisioning_profiles/development/9AC1FF14-3AD5-4FF8-B5D7-85AC42B28EB3/uuid=9AC1FF14-3AD5-4FF8-B5D7-85AC42B28EB3 14 | provisioning_profiles/development/ACEE05E8-065D-4636-BE71-3AA92F4B41C1/appid=com.dezinezync.darkroom 15 | provisioning_profiles/development/ACEE05E8-065D-4636-BE71-3AA92F4B41C1/filepath=/Users/dezinezync/Library/MobileDevice/Provisioning Profiles/ACEE05E8-065D-4636-BE71-3AA92F4B41C1.mobileprovision 16 | provisioning_profiles/development/ACEE05E8-065D-4636-BE71-3AA92F4B41C1/name=Darkroom 17 | provisioning_profiles/development/ACEE05E8-065D-4636-BE71-3AA92F4B41C1/uuid=ACEE05E8-065D-4636-BE71-3AA92F4B41C1 18 | provisioning_profiles/development/D3B28809-06F0-4DDB-83D1-219135983EC8/appid=com.pollen.timesense 19 | provisioning_profiles/development/D3B28809-06F0-4DDB-83D1-219135983EC8/filepath=/Users/dezinezync/Library/MobileDevice/Provisioning Profiles/D3B28809-06F0-4DDB-83D1-219135983EC8.mobileprovision 20 | provisioning_profiles/development/D3B28809-06F0-4DDB-83D1-219135983EC8/name=Timesense 21 | provisioning_profiles/development/D3B28809-06F0-4DDB-83D1-219135983EC8/uuid=D3B28809-06F0-4DDB-83D1-219135983EC8 22 | -------------------------------------------------------------------------------- /.settings/com.aptana.editor.common.prefs: -------------------------------------------------------------------------------- 1 | eclipse.preferences.version=1 2 | selectUserAgents=com.appcelerator.titanium.mobile.nature\:iphone,ipad 3 | -------------------------------------------------------------------------------- /LICENSE.txt: -------------------------------------------------------------------------------- 1 | Copyright 2011-2012 Nikhil Nigade (@dezinezync). 2 | 3 | Licensed under the Apache License, Version 2.0 (the "License"); 4 | you may not use this file except in compliance with the License. 5 | You may obtain a copy of the License at 6 | 7 | http://www.apache.org/licenses/LICENSE-2.0 8 | 9 | (or the full text of the license is below) 10 | 11 | Unless required by applicable law or agreed to in writing, software 12 | distributed under the License is distributed on an "AS IS" BASIS, 13 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 14 | See the License for the specific language governing permissions and 15 | limitations under the License. 16 | 17 | 18 | 19 | Apache License 20 | Version 2.0, January 2004 21 | http://www.apache.org/licenses/ 22 | 23 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 24 | 25 | 1. Definitions. 26 | 27 | "License" shall mean the terms and conditions for use, reproduction, 28 | and distribution as defined by Sections 1 through 9 of this document. 29 | 30 | "Licensor" shall mean the copyright owner or entity authorized by 31 | the copyright owner that is granting the License. 32 | 33 | "Legal Entity" shall mean the union of the acting entity and all 34 | other entities that control, are controlled by, or are under common 35 | control with that entity. For the purposes of this definition, 36 | "control" means (i) the power, direct or indirect, to cause the 37 | direction or management of such entity, whether by contract or 38 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 39 | outstanding shares, or (iii) beneficial ownership of such entity. 40 | 41 | "You" (or "Your") shall mean an individual or Legal Entity 42 | exercising permissions granted by this License. 43 | 44 | "Source" form shall mean the preferred form for making modifications, 45 | including but not limited to software source code, documentation 46 | source, and configuration files. 47 | 48 | "Object" form shall mean any form resulting from mechanical 49 | transformation or translation of a Source form, including but 50 | not limited to compiled object code, generated documentation, 51 | and conversions to other media types. 52 | 53 | "Work" shall mean the work of authorship, whether in Source or 54 | Object form, made available under the License, as indicated by a 55 | copyright notice that is included in or attached to the work 56 | (an example is provided in the Appendix below). 57 | 58 | "Derivative Works" shall mean any work, whether in Source or Object 59 | form, that is based on (or derived from) the Work and for which the 60 | editorial revisions, annotations, elaborations, or other modifications 61 | represent, as a whole, an original work of authorship. For the purposes 62 | of this License, Derivative Works shall not include works that remain 63 | separable from, or merely link (or bind by name) to the interfaces of, 64 | the Work and Derivative Works thereof. 65 | 66 | "Contribution" shall mean any work of authorship, including 67 | the original version of the Work and any modifications or additions 68 | to that Work or Derivative Works thereof, that is intentionally 69 | submitted to Licensor for inclusion in the Work by the copyright owner 70 | or by an individual or Legal Entity authorized to submit on behalf of 71 | the copyright owner. For the purposes of this definition, "submitted" 72 | means any form of electronic, verbal, or written communication sent 73 | to the Licensor or its representatives, including but not limited to 74 | communication on electronic mailing lists, source code control systems, 75 | and issue tracking systems that are managed by, or on behalf of, the 76 | Licensor for the purpose of discussing and improving the Work, but 77 | excluding communication that is conspicuously marked or otherwise 78 | designated in writing by the copyright owner as "Not a Contribution." 79 | 80 | "Contributor" shall mean Licensor and any individual or Legal Entity 81 | on behalf of whom a Contribution has been received by Licensor and 82 | subsequently incorporated within the Work. 83 | 84 | 2. Grant of Copyright License. Subject to the terms and conditions of 85 | this License, each Contributor hereby grants to You a perpetual, 86 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 87 | copyright license to reproduce, prepare Derivative Works of, 88 | publicly display, publicly perform, sublicense, and distribute the 89 | Work and such Derivative Works in Source or Object form. 90 | 91 | 3. Grant of Patent License. Subject to the terms and conditions of 92 | this License, each Contributor hereby grants to You a perpetual, 93 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 94 | (except as stated in this section) patent license to make, have made, 95 | use, offer to sell, sell, import, and otherwise transfer the Work, 96 | where such license applies only to those patent claims licensable 97 | by such Contributor that are necessarily infringed by their 98 | Contribution(s) alone or by combination of their Contribution(s) 99 | with the Work to which such Contribution(s) was submitted. If You 100 | institute patent litigation against any entity (including a 101 | cross-claim or counterclaim in a lawsuit) alleging that the Work 102 | or a Contribution incorporated within the Work constitutes direct 103 | or contributory patent infringement, then any patent licenses 104 | granted to You under this License for that Work shall terminate 105 | as of the date such litigation is filed. 106 | 107 | 4. Redistribution. You may reproduce and distribute copies of the 108 | Work or Derivative Works thereof in any medium, with or without 109 | modifications, and in Source or Object form, provided that You 110 | meet the following conditions: 111 | 112 | (a) You must give any other recipients of the Work or 113 | Derivative Works a copy of this License; and 114 | 115 | (b) You must cause any modified files to carry prominent notices 116 | stating that You changed the files; and 117 | 118 | (c) You must retain, in the Source form of any Derivative Works 119 | that You distribute, all copyright, patent, trademark, and 120 | attribution notices from the Source form of the Work, 121 | excluding those notices that do not pertain to any part of 122 | the Derivative Works; and 123 | 124 | (d) If the Work includes a "NOTICE" text file as part of its 125 | distribution, then any Derivative Works that You distribute must 126 | include a readable copy of the attribution notices contained 127 | within such NOTICE file, excluding those notices that do not 128 | pertain to any part of the Derivative Works, in at least one 129 | of the following places: within a NOTICE text file distributed 130 | as part of the Derivative Works; within the Source form or 131 | documentation, if provided along with the Derivative Works; or, 132 | within a display generated by the Derivative Works, if and 133 | wherever such third-party notices normally appear. The contents 134 | of the NOTICE file are for informational purposes only and 135 | do not modify the License. You may add Your own attribution 136 | notices within Derivative Works that You distribute, alongside 137 | or as an addendum to the NOTICE text from the Work, provided 138 | that such additional attribution notices cannot be construed 139 | as modifying the License. 140 | 141 | You may add Your own copyright statement to Your modifications and 142 | may provide additional or different license terms and conditions 143 | for use, reproduction, or distribution of Your modifications, or 144 | for any such Derivative Works as a whole, provided Your use, 145 | reproduction, and distribution of the Work otherwise complies with 146 | the conditions stated in this License. 147 | 148 | 5. Submission of Contributions. Unless You explicitly state otherwise, 149 | any Contribution intentionally submitted for inclusion in the Work 150 | by You to the Licensor shall be under the terms and conditions of 151 | this License, without any additional terms or conditions. 152 | Notwithstanding the above, nothing herein shall supersede or modify 153 | the terms of any separate license agreement you may have executed 154 | with Licensor regarding such Contributions. 155 | 156 | 6. Trademarks. This License does not grant permission to use the trade 157 | names, trademarks, service marks, or product names of the Licensor, 158 | except as required for reasonable and customary use in describing the 159 | origin of the Work and reproducing the content of the NOTICE file. 160 | 161 | 7. Disclaimer of Warranty. Unless required by applicable law or 162 | agreed to in writing, Licensor provides the Work (and each 163 | Contributor provides its Contributions) on an "AS IS" BASIS, 164 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 165 | implied, including, without limitation, any warranties or conditions 166 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 167 | PARTICULAR PURPOSE. You are solely responsible for determining the 168 | appropriateness of using or redistributing the Work and assume any 169 | risks associated with Your exercise of permissions under this License. 170 | 171 | 8. Limitation of Liability. In no event and under no legal theory, 172 | whether in tort (including negligence), contract, or otherwise, 173 | unless required by applicable law (such as deliberate and grossly 174 | negligent acts) or agreed to in writing, shall any Contributor be 175 | liable to You for damages, including any direct, indirect, special, 176 | incidental, or consequential damages of any character arising as a 177 | result of this License or out of the use or inability to use the 178 | Work (including but not limited to damages for loss of goodwill, 179 | work stoppage, computer failure or malfunction, or any and all 180 | other commercial damages or losses), even if such Contributor 181 | has been advised of the possibility of such damages. 182 | 183 | 9. Accepting Warranty or Additional Liability. While redistributing 184 | the Work or Derivative Works thereof, You may choose to offer, 185 | and charge a fee for, acceptance of support, warranty, indemnity, 186 | or other liability obligations and/or rights consistent with this 187 | License. However, in accepting such obligations, You may act only 188 | on Your own behalf and on Your sole responsibility, not on behalf 189 | of any other Contributor, and only if You agree to indemnify, 190 | defend, and hold each Contributor harmless for any liability 191 | incurred by, or claims asserted against, such Contributor by reason 192 | of your accepting any such warranty or additional liability. 193 | 194 | END OF TERMS AND CONDITIONS 195 | 196 | APPENDIX: How to apply the Apache License to your work. 197 | 198 | To apply the Apache License to your work, attach the following 199 | boilerplate notice, with the fields enclosed by brackets "[]" 200 | replaced with your own identifying information. (Don't include 201 | the brackets!) The text should be enclosed in the appropriate 202 | comment syntax for the file format. We also recommend that a 203 | file or class name and description of purpose be included on the 204 | same "printed page" as the copyright notice for easier 205 | identification within third-party archives. 206 | 207 | Copyright [yyyy] [name of copyright owner] 208 | 209 | Licensed under the Apache License, Version 2.0 (the "License"); 210 | you may not use this file except in compliance with the License. 211 | You may obtain a copy of the License at 212 | 213 | http://www.apache.org/licenses/LICENSE-2.0 214 | 215 | Unless required by applicable law or agreed to in writing, software 216 | distributed under the License is distributed on an "AS IS" BASIS, 217 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 218 | See the License for the specific language governing permissions and 219 | limitations under the License. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | TiWinSlider is a quick implementation of sliding windows as found in the Facebook iOS and Path iOS app. 2 | 3 | TiWinSlider is in no way connected/affiliated to either of the above mentioned apps in any way. 4 | 5 | #### API 6 | ~~~~ 7 | 8 | /* To draw the navigation window. */ 9 | 10 | drawNavigationWindow() 11 | 12 | /* 13 | * To draw a tabGroup 14 | * If using the viewshadow module, the parameter can be replaced with true. 15 | */ 16 | 17 | drawTabGroup(false) 18 | 19 | /* 20 | * To draw a window 21 | * Parameters: 22 | * title: Title for your window. 23 | * tabgroup: The tabGroup variable you used when drawing the tabGroup. 24 | * row (optional): If you wish to use a custom row for the navigation for this window, the third parameter will accept a TableViewRow object. 25 | * 26 | * These windows will automatically be added to the specified tabGroup and an entry will be created in the navigation. 27 | * 28 | / 29 | 30 | drawWindow(title, tabgroup, row); 31 | 32 | ~~~~ 33 | 34 | #### Example 35 | ~~~~ 36 | //Initialize the module 37 | var ws = require('winslider'); 38 | 39 | //Drawing the navigation (underlying) window 40 | 41 | //Do not change the variable name. If you do so, change it in the library as well. 42 | var navWin = ws.drawNavigationWindow(); 43 | 44 | //Let's make our tabGroup 45 | var tabGroup = ws.drawTabGroup(true); 46 | 47 | var win1 = ws.drawWindow('Window 1', tabGroup); 48 | 49 | //Window with a custom Row in the tabGroup 50 | var customRowWindow2 = Ti.UI.createTableViewRow({ 51 | width: 290, 52 | title: 'Custom Row', 53 | backgroundColor: 'white', 54 | selectedBackgroundColor: 'gray' 55 | }); 56 | 57 | var win2 = ws.drawWindow('Window 2', tabGroup, customRowWindow2); 58 | 59 | //Example of setting Titanium provided properties to a window. 60 | win2.backgroundColor = 'red'; 61 | 62 | //Open the navigation window and the tabGroup. 63 | navWin.open(); 64 | tabGroup.open(); 65 | 66 | ~~~~ 67 | 68 | Tested on Ti SDK 2.1.0 - 2.1.2 on iOS 5.1, 6 Beta 4. 69 | 70 | ####Changelog 71 | 72 | ##### v2.1.1 73 | - **Tracking for velocity.** Earlier, if you moved the panel quickly, it completed the animation with the default values for duration, thereby adding a distinct "lag". Now the module tracks time between the start and end events and uses that time as velocity. 74 | - Fixed **non-window views tracking** the touchStart, touchMove and touchEnd events. Now, only the windows shall trigger these. Added two dummy views (a label and a button) to demonstrate the same. 75 | 76 | ##### v2.1 77 | Converted TiWinSlider into a CommonJS module. 78 | 79 | - 2.1 has been adapted to utilize the CommonJS format, for easier and more adaptable use. 80 | - 2.1 is all contained in a single file `winslider.js` which you will essentially need. 81 | - 2.1 exposes certain API methods described before the changelog section. 82 | 83 | 84 | ##### v2.0 85 | - 2.0 now uses a `2DMatrix()` for all involved animations, based around a single identity matrix. Doing so reduces the load on the UIThread of the app. 86 | - 2.0 utilizes by Olivier Morandi to drop beautiful and natively rendered shadows on the underlying table. 87 | - This is more Ready to use as compared to any of the previous versions. Simple adapt the code to your requirements and code away. 88 | 89 | Improvements, bug fixes (if any), are most welcome. Fork away. 90 | 91 | 92 | #### License valid from 2.0 93 | License? What? Just use it as you wish. Just note that, the above code is provided as is. In no event shall the author or contributors be liable for any direct, indirect, incidental, special, exemplary or consequential damages of any kind. 94 | 95 | 96 | ##### v1.1 97 | 1. I have updated the entire code set. All the sliding magic(for pros, I am talking about eventListeners, etc) is all included in the slider.js file. This makes it easier for you to simply pick up the code and use it in your project. 98 | 99 | 2. I have added a few variables which can be edited in the slider.js file to suit your requirements. 100 | 101 | 3. Added an example to show how to switch between windows using this method. -------------------------------------------------------------------------------- /Resources/KS_nav_ui.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dezinezync/TiWinSlider/840ef857ca267103b8c9b74d336d88cb6106be8f/Resources/KS_nav_ui.png -------------------------------------------------------------------------------- /Resources/KS_nav_views.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dezinezync/TiWinSlider/840ef857ca267103b8c9b74d336d88cb6106be8f/Resources/KS_nav_views.png -------------------------------------------------------------------------------- /Resources/app.js: -------------------------------------------------------------------------------- 1 | require('ti.viewshadow'); 2 | 3 | var ws = require('winslider'); 4 | 5 | //Do not change the variable name. If you do so, change it in the library as well. 6 | var navWin = ws.drawNavigationWindow(); 7 | 8 | var tabGroup = ws.drawTabGroup(true); 9 | 10 | var customRowWindow2 = Ti.UI.createTableViewRow({ 11 | width: 290, 12 | title: 'Custom Row', 13 | backgroundColor: 'white', 14 | selectedBackgroundColor: 'gray' 15 | }); 16 | 17 | var win1 = ws.drawWindow('Window 1', tabGroup); 18 | var win2 = ws.drawWindow('Window 2', tabGroup, customRowWindow2); 19 | 20 | //Example of setting Titanium provided properties to a window. 21 | win2.backgroundColor = 'red'; 22 | 23 | win1.add(Ti.UI.createLabel({ 24 | width: Ti.UI.SIZE, 25 | height: Ti.UI.SIZE, 26 | text: "some Text" 27 | })); 28 | 29 | win1.add(Ti.UI.createButton({ 30 | width: 100, 31 | height: 44, 32 | title: 'Change', 33 | bottom: 10 34 | })); 35 | 36 | navWin.open(); 37 | tabGroup.open(); 38 | 39 | -------------------------------------------------------------------------------- /Resources/iphone/Default-Landscape.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dezinezync/TiWinSlider/840ef857ca267103b8c9b74d336d88cb6106be8f/Resources/iphone/Default-Landscape.png -------------------------------------------------------------------------------- /Resources/iphone/Default-Portrait.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dezinezync/TiWinSlider/840ef857ca267103b8c9b74d336d88cb6106be8f/Resources/iphone/Default-Portrait.png -------------------------------------------------------------------------------- /Resources/iphone/Default.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dezinezync/TiWinSlider/840ef857ca267103b8c9b74d336d88cb6106be8f/Resources/iphone/Default.png -------------------------------------------------------------------------------- /Resources/iphone/Default@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dezinezync/TiWinSlider/840ef857ca267103b8c9b74d336d88cb6106be8f/Resources/iphone/Default@2x.png -------------------------------------------------------------------------------- /Resources/iphone/appicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dezinezync/TiWinSlider/840ef857ca267103b8c9b74d336d88cb6106be8f/Resources/iphone/appicon.png -------------------------------------------------------------------------------- /Resources/winslider.js: -------------------------------------------------------------------------------- 1 | //SETUP 2 | var slideLimit = 260; 3 | var catchMove = 50; //Limit after which action should be triggered on touchEnd 4 | 5 | // Our Identity Matrix for all animations using transform 6 | var t = Ti.UI.create2DMatrix(); 7 | 8 | var sl = 0; 9 | 10 | var TiWinSlider = { 11 | 12 | drawNavigationWindow: function() { 13 | var navWin = Ti.UI.createWindow({ 14 | width: 320, 15 | height: Ti.UI.FILL, 16 | left: 0, 17 | top: 0, 18 | backgroundColor: '#454545' 19 | }); 20 | 21 | navWin.add(Ti.UI.createTableView({ 22 | width: Ti.UI.FILL, 23 | height: Ti.UI.FILL, 24 | backgroundColor: 'transparent', 25 | separatorColor: '#555555', 26 | data: [] 27 | })); 28 | 29 | navWin.children[0].addEventListener('click', switchWindow); 30 | 31 | return navWin; 32 | 33 | }, 34 | 35 | /* 36 | * TabGroup 37 | * Parameters: 38 | * hasShadow (optional): If you are using the viewshadow module, you can set this to true. 39 | */ 40 | 41 | drawTabGroup: function(hasShadow) { 42 | tg = Ti.UI.createTabGroup({ 43 | width: Ti.UI.FILL, 44 | height: Ti.UI.FILL, 45 | sliding: false 46 | }); 47 | 48 | if(hasShadow != null) { 49 | if(hasShadow == true) tg.shadow = { 50 | shadowRadius: 4, 51 | shadowOpacity: 1, 52 | shadowOffset: { 53 | x: 0, 54 | y: 0 55 | } 56 | }; 57 | } 58 | 59 | return tg; 60 | }, 61 | 62 | /* 63 | * function: drawWindow 64 | * parameters: 65 | * title: Title for the window 66 | * tabgroup: tabGroup variable name you used when intializing your tabgroup. 67 | * row (optional): Custom row you'd like to add to the tableView for this specific window. 68 | */ 69 | 70 | drawWindow: function(title, tabgroup, row) { 71 | var win = Ti.UI.createWindow({ 72 | title: title, 73 | leftNavButton: slideButton, 74 | tabBarHidden: true, 75 | backgroundColor: Ti.UI.iOS.COLOR_GROUP_TABLEVIEW_BACKGROUND 76 | }); 77 | 78 | var tab = Ti.UI.createTab({ 79 | window: win, 80 | title: title 81 | }); 82 | 83 | tabgroup.addTab(tab); 84 | 85 | if(row == null || typeof row == 'undefined') { 86 | navWin.children[0].appendRow({title: title}); 87 | } 88 | else { 89 | navWin.children[0].appendRow(row); 90 | } 91 | 92 | tab = null; 93 | 94 | win.addEventListener('touchstart', tabGroupTouchStart); 95 | win.addEventListener('touchmove', tabGroupTouchMove); 96 | win.addEventListener('touchend', tabGroupTouchEnd); 97 | 98 | return win; 99 | } 100 | }; 101 | 102 | //Button 103 | var slideButton = Ti.UI.createButton({ 104 | title: '|||', 105 | style: Ti.UI.iPhone.SystemButtonStyle.BORDERED 106 | }); 107 | 108 | slideButton.addEventListener('click', slideButtonClick); 109 | 110 | 111 | /* IN MOST CASES, EVERYTHING BELOW NEED NOT BE EDITED. GOOD ADVICE: DON'T! */ 112 | function switchWindow(e) { 113 | tabGroup.setActiveTab(e.index); 114 | slideIn(); 115 | } 116 | 117 | //Private functions. Well, sorta. 118 | function slideOut(time) { 119 | console.log(time); 120 | tabGroup.animate({ 121 | transform: t.translate(slideLimit, 0), 122 | duration: ((time != null && time < 500) ? time : 500), 123 | curve: Ti.UI.ANIMATION_CURVE_EASE_IN_OUT 124 | }); 125 | sl = slideLimit; 126 | tabGroup.sliding = true; 127 | } 128 | 129 | function slideIn(time) { 130 | console.log(time); 131 | tabGroup.animate({ 132 | transform: t, 133 | duration: ((time != null && time < 400) ? time : 400), 134 | curve: Ti.UI.ANIMATION_CURVE_EASE_IN_OUT 135 | }); 136 | sl = 0; 137 | tabGroup.sliding = false; 138 | } 139 | 140 | // Listener Functions 141 | function slideButtonClick() { 142 | if(tabGroup.sliding) { 143 | slideIn(); 144 | } 145 | else { 146 | slideOut(); 147 | } 148 | } 149 | 150 | /*Moving tabGroup variants. Do not edit*/ 151 | var start = { 152 | x: 0, 153 | gx: 0, 154 | t: 0 155 | }; 156 | 157 | function tabGroupTouchStart(e) { 158 | if(e.source != "[object TiUIWindow]") return; 159 | start.x = e.x; 160 | start.gx = e.globalPoint.x; 161 | start.t = new Date().getTime(); 162 | } 163 | 164 | function tabGroupTouchMove(e) { 165 | if(e.source != "[object TiUIWindow]") return; 166 | var diff = e.globalPoint.x - start.x; 167 | 168 | //If the user is sliding the tabGroup away from the either edge, deny that. 169 | if(diff < 0 || diff > slideLimit) return; 170 | tabGroup.animate({ 171 | transform: t.translate(diff, 0), 172 | duration: 0 173 | }); 174 | sl = diff; 175 | tabGroup.sliding = true; 176 | 177 | diff = null; 178 | 179 | } 180 | 181 | function tabGroupTouchEnd(e) { 182 | if(e.source != "[object TiUIWindow]") return; 183 | 184 | te = new Date().getTime(); 185 | 186 | if((sl - start.gx) < 0) { 187 | slideIn(te-start.t); 188 | return; 189 | } 190 | 191 | var diff = e.globalPoint.x - start.x; 192 | 193 | //Very small move? Let's take it back to where it began 194 | if(diff < catchMove) { 195 | slideIn(te-start.t); 196 | } 197 | 198 | if(diff >= catchMove) { 199 | slideOut(te-start.t); 200 | } 201 | 202 | diff = null; 203 | te = null; 204 | } 205 | 206 | module.exports = TiWinSlider; -------------------------------------------------------------------------------- /manifest: -------------------------------------------------------------------------------- 1 | #appname: WinSlider 2 | #publisher: dezinezync 3 | #url: http://dezinezync.com/ 4 | #image: appicon.png 5 | #appid: com.dezinezync.winslider 6 | #desc: undefined 7 | #type: ipad 8 | #guid: 596c3454-ed85-4bf1-a708-2372e81499ce 9 | -------------------------------------------------------------------------------- /tiapp.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | false 5 | true 6 | true 7 | false 8 | false 9 | 10 | 2.1.2.GA 11 | com.dezinezync.winslider 12 | WinSlider 13 | 2.0 14 | dezinezync 15 | http://dezinezync.com/ 16 | not specified 17 | 2012 by dezinezync 18 | appicon.png 19 | false 20 | false 21 | default 22 | false 23 | false 24 | false 25 | true 26 | 596c3454-ed85-4bf1-a708-2372e81499ce 27 | system 28 | 29 | 30 | Ti.UI.PORTRAIT 31 | 32 | 33 | Ti.UI.PORTRAIT 34 | Ti.UI.UPSIDE_PORTRAIT 35 | Ti.UI.LANDSCAPE_LEFT 36 | Ti.UI.LANDSCAPE_RIGHT 37 | 38 | 39 | 40 | 41 | 42 | 43 | true 44 | true 45 | 46 | default 47 | 48 | 49 | ti.viewshadow 50 | 51 | 52 | --------------------------------------------------------------------------------