├── .gitignore
├── README.md
├── app
    ├── App_Resources
    │   ├── Android
    │   │   ├── AndroidManifest.xml
    │   │   ├── app.gradle
    │   │   ├── drawable-hdpi
    │   │   │   └── icon.png
    │   │   ├── drawable-ldpi
    │   │   │   └── icon.png
    │   │   ├── drawable-mdpi
    │   │   │   └── icon.png
    │   │   └── drawable-nodpi
    │   │   │   └── splashscreen.9.png
    │   └── iOS
    │   │   ├── Assets.xcassets
    │   │       ├── AppIcon.appiconset
    │   │       │   ├── Contents.json
    │   │       │   ├── icon-29.png
    │   │       │   ├── icon-29@2x.png
    │   │       │   ├── icon-29@3x.png
    │   │       │   ├── icon-40.png
    │   │       │   ├── icon-40@2x.png
    │   │       │   ├── icon-40@3x.png
    │   │       │   ├── icon-50.png
    │   │       │   ├── icon-50@2x.png
    │   │       │   ├── icon-57.png
    │   │       │   ├── icon-57@2x.png
    │   │       │   ├── icon-60@2x.png
    │   │       │   ├── icon-60@3x.png
    │   │       │   ├── icon-72.png
    │   │       │   ├── icon-72@2x.png
    │   │       │   ├── icon-76.png
    │   │       │   ├── icon-76@2x.png
    │   │       │   └── icon-83.5@2x.png
    │   │       ├── Contents.json
    │   │       ├── LaunchImage.launchimage
    │   │       │   ├── Contents.json
    │   │       │   ├── Default-568h@2x.png
    │   │       │   ├── Default-667h@2x.png
    │   │       │   ├── Default-736h@3x.png
    │   │       │   ├── Default-Landscape.png
    │   │       │   ├── Default-Landscape@2x.png
    │   │       │   ├── Default-Landscape@3x.png
    │   │       │   ├── Default-Portrait.png
    │   │       │   ├── Default-Portrait@2x.png
    │   │       │   ├── Default.png
    │   │       │   └── Default@2x.png
    │   │       ├── LaunchScreen.AspectFill.imageset
    │   │       │   ├── Contents.json
    │   │       │   ├── LaunchScreen-AspectFill.png
    │   │       │   └── LaunchScreen-AspectFill@2x.png
    │   │       └── LaunchScreen.Center.imageset
    │   │       │   ├── Contents.json
    │   │       │   ├── LaunchScreen-Center.png
    │   │       │   └── LaunchScreen-Center@2x.png
    │   │   ├── Info.plist
    │   │   ├── LaunchScreen.storyboard
    │   │   └── build.xcconfig
    ├── app.css
    ├── app.ts
    ├── image.jpg
    ├── main-page.ts
    ├── main-page.xml
    └── package.json
├── demo.gif
├── package.json
├── references.d.ts
└── tsconfig.json


/.gitignore:
--------------------------------------------------------------------------------
1 | .DC_Store
2 | /node_modules/
3 | /platforms/
4 | /hooks/
5 | /lib/
6 | 
7 | **/*.js
8 | **/*.js.map


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Native Script Pan Scale Demo
2 | Sample project showing how to use gestures to move and scale image.
3 | 
4 | Preview:
5 | 
6 | ![preview](demo.gif)
7 | 


--------------------------------------------------------------------------------
/app/App_Resources/Android/AndroidManifest.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <manifest xmlns:android="http://schemas.android.com/apk/res/android"
 3 | 	package="__PACKAGE__"
 4 | 	android:versionCode="1"
 5 | 	android:versionName="1.0">
 6 | 
 7 | 	<supports-screens
 8 | 		android:smallScreens="true"
 9 | 		android:normalScreens="true"
10 | 		android:largeScreens="true"
11 | 		android:xlargeScreens="true"/>
12 | 
13 | 	<uses-sdk
14 | 		android:minSdkVersion="17"
15 | 		android:targetSdkVersion="__APILEVEL__"/>
16 | 
17 | 	<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
18 | 	<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
19 | 	<uses-permission android:name="android.permission.INTERNET"/>
20 | 
21 | 	<application
22 | 		android:name="com.tns.NativeScriptApplication"
23 | 		android:allowBackup="true"
24 | 		android:icon="@drawable/icon"
25 | 		android:label="@string/app_name"
26 | 		android:theme="@style/AppTheme" >
27 | 		<activity
28 | 			android:name="com.tns.NativeScriptActivity"
29 | 			android:label="@string/title_activity_kimera"
30 | 			android:configChanges="keyboardHidden|orientation|screenSize">
31 | 
32 | 				<intent-filter>
33 | 				<action android:name="android.intent.action.MAIN" />
34 | 
35 | 				<category android:name="android.intent.category.LAUNCHER" />
36 | 			</intent-filter>
37 | 		</activity>
38 | 		<activity android:name="com.tns.ErrorReportActivity"/>
39 | 	</application>
40 | </manifest>
41 | 


--------------------------------------------------------------------------------
/app/App_Resources/Android/app.gradle:
--------------------------------------------------------------------------------
 1 | // Add your native dependencies here:
 2 | 
 3 | // Uncomment to add recyclerview-v7 dependency
 4 | //dependencies {
 5 | //	compile 'com.android.support:recyclerview-v7:+'
 6 | //}
 7 | 
 8 | android {  
 9 |   defaultConfig {  
10 |     generatedDensities = []
11 |     applicationId = "org.nativescript.nativescriptpanscaledemo"  
12 |   }  
13 |   aaptOptions {  
14 |     additionalParameters "--no-version-vectors"  
15 |   }  
16 | } 
17 | 


--------------------------------------------------------------------------------
/app/App_Resources/Android/drawable-hdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/Android/drawable-hdpi/icon.png


--------------------------------------------------------------------------------
/app/App_Resources/Android/drawable-ldpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/Android/drawable-ldpi/icon.png


--------------------------------------------------------------------------------
/app/App_Resources/Android/drawable-mdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/Android/drawable-mdpi/icon.png


--------------------------------------------------------------------------------
/app/App_Resources/Android/drawable-nodpi/splashscreen.9.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/Android/drawable-nodpi/splashscreen.9.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/Contents.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "images" : [
  3 |     {
  4 |       "size" : "29x29",
  5 |       "idiom" : "iphone",
  6 |       "filename" : "icon-29.png",
  7 |       "scale" : "1x"
  8 |     },
  9 |     {
 10 |       "size" : "29x29",
 11 |       "idiom" : "iphone",
 12 |       "filename" : "icon-29@2x.png",
 13 |       "scale" : "2x"
 14 |     },
 15 |     {
 16 |       "size" : "29x29",
 17 |       "idiom" : "iphone",
 18 |       "filename" : "icon-29@3x.png",
 19 |       "scale" : "3x"
 20 |     },
 21 |     {
 22 |       "size" : "40x40",
 23 |       "idiom" : "iphone",
 24 |       "filename" : "icon-40@2x.png",
 25 |       "scale" : "2x"
 26 |     },
 27 |     {
 28 |       "size" : "40x40",
 29 |       "idiom" : "iphone",
 30 |       "filename" : "icon-40@3x.png",
 31 |       "scale" : "3x"
 32 |     },
 33 |     {
 34 |       "size" : "57x57",
 35 |       "idiom" : "iphone",
 36 |       "filename" : "icon-57.png",
 37 |       "scale" : "1x"
 38 |     },
 39 |     {
 40 |       "size" : "57x57",
 41 |       "idiom" : "iphone",
 42 |       "filename" : "icon-57@2x.png",
 43 |       "scale" : "2x"
 44 |     },
 45 |     {
 46 |       "size" : "60x60",
 47 |       "idiom" : "iphone",
 48 |       "filename" : "icon-60@2x.png",
 49 |       "scale" : "2x"
 50 |     },
 51 |     {
 52 |       "size" : "60x60",
 53 |       "idiom" : "iphone",
 54 |       "filename" : "icon-60@3x.png",
 55 |       "scale" : "3x"
 56 |     },
 57 |     {
 58 |       "size" : "29x29",
 59 |       "idiom" : "ipad",
 60 |       "filename" : "icon-29.png",
 61 |       "scale" : "1x"
 62 |     },
 63 |     {
 64 |       "size" : "29x29",
 65 |       "idiom" : "ipad",
 66 |       "filename" : "icon-29@2x.png",
 67 |       "scale" : "2x"
 68 |     },
 69 |     {
 70 |       "size" : "40x40",
 71 |       "idiom" : "ipad",
 72 |       "filename" : "icon-40.png",
 73 |       "scale" : "1x"
 74 |     },
 75 |     {
 76 |       "size" : "40x40",
 77 |       "idiom" : "ipad",
 78 |       "filename" : "icon-40@2x.png",
 79 |       "scale" : "2x"
 80 |     },
 81 |     {
 82 |       "size" : "50x50",
 83 |       "idiom" : "ipad",
 84 |       "filename" : "icon-50.png",
 85 |       "scale" : "1x"
 86 |     },
 87 |     {
 88 |       "size" : "50x50",
 89 |       "idiom" : "ipad",
 90 |       "filename" : "icon-50@2x.png",
 91 |       "scale" : "2x"
 92 |     },
 93 |     {
 94 |       "size" : "72x72",
 95 |       "idiom" : "ipad",
 96 |       "filename" : "icon-72.png",
 97 |       "scale" : "1x"
 98 |     },
 99 |     {
100 |       "size" : "72x72",
101 |       "idiom" : "ipad",
102 |       "filename" : "icon-72@2x.png",
103 |       "scale" : "2x"
104 |     },
105 |     {
106 |       "size" : "76x76",
107 |       "idiom" : "ipad",
108 |       "filename" : "icon-76.png",
109 |       "scale" : "1x"
110 |     },
111 |     {
112 |       "size" : "76x76",
113 |       "idiom" : "ipad",
114 |       "filename" : "icon-76@2x.png",
115 |       "scale" : "2x"
116 |     },
117 |     {
118 |       "size" : "83.5x83.5",
119 |       "idiom" : "ipad",
120 |       "filename" : "icon-83.5@2x.png",
121 |       "scale" : "2x"
122 |     }
123 |   ],
124 |   "info" : {
125 |     "version" : 1,
126 |     "author" : "xcode"
127 |   }
128 | }


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29@2x.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29@3x.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40@2x.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40@3x.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-50.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-50.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-50@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-50@2x.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-57.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-57.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-57@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-57@2x.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-60@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-60@2x.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-60@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-60@3x.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-72.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-72.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-72@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-72@2x.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-76.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-76.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-76@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-76@2x.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-83.5@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-83.5@2x.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 |   "info" : {
3 |     "version" : 1,
4 |     "author" : "xcode"
5 |   }
6 | }


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Contents.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "images" : [
  3 |     {
  4 |       "extent" : "full-screen",
  5 |       "idiom" : "iphone",
  6 |       "subtype" : "736h",
  7 |       "filename" : "Default-736h@3x.png",
  8 |       "minimum-system-version" : "8.0",
  9 |       "orientation" : "portrait",
 10 |       "scale" : "3x"
 11 |     },
 12 |     {
 13 |       "extent" : "full-screen",
 14 |       "idiom" : "iphone",
 15 |       "subtype" : "736h",
 16 |       "filename" : "Default-Landscape@3x.png",
 17 |       "minimum-system-version" : "8.0",
 18 |       "orientation" : "landscape",
 19 |       "scale" : "3x"
 20 |     },
 21 |     {
 22 |       "extent" : "full-screen",
 23 |       "idiom" : "iphone",
 24 |       "subtype" : "667h",
 25 |       "filename" : "Default-667h@2x.png",
 26 |       "minimum-system-version" : "8.0",
 27 |       "orientation" : "portrait",
 28 |       "scale" : "2x"
 29 |     },
 30 |     {
 31 |       "orientation" : "portrait",
 32 |       "idiom" : "iphone",
 33 |       "filename" : "Default@2x.png",
 34 |       "extent" : "full-screen",
 35 |       "minimum-system-version" : "7.0",
 36 |       "scale" : "2x"
 37 |     },
 38 |     {
 39 |       "extent" : "full-screen",
 40 |       "idiom" : "iphone",
 41 |       "subtype" : "retina4",
 42 |       "filename" : "Default-568h@2x.png",
 43 |       "minimum-system-version" : "7.0",
 44 |       "orientation" : "portrait",
 45 |       "scale" : "2x"
 46 |     },
 47 |     {
 48 |       "orientation" : "portrait",
 49 |       "idiom" : "ipad",
 50 |       "filename" : "Default-Portrait.png",
 51 |       "extent" : "full-screen",
 52 |       "minimum-system-version" : "7.0",
 53 |       "scale" : "1x"
 54 |     },
 55 |     {
 56 |       "orientation" : "landscape",
 57 |       "idiom" : "ipad",
 58 |       "filename" : "Default-Landscape.png",
 59 |       "extent" : "full-screen",
 60 |       "minimum-system-version" : "7.0",
 61 |       "scale" : "1x"
 62 |     },
 63 |     {
 64 |       "orientation" : "portrait",
 65 |       "idiom" : "ipad",
 66 |       "filename" : "Default-Portrait@2x.png",
 67 |       "extent" : "full-screen",
 68 |       "minimum-system-version" : "7.0",
 69 |       "scale" : "2x"
 70 |     },
 71 |     {
 72 |       "orientation" : "landscape",
 73 |       "idiom" : "ipad",
 74 |       "filename" : "Default-Landscape@2x.png",
 75 |       "extent" : "full-screen",
 76 |       "minimum-system-version" : "7.0",
 77 |       "scale" : "2x"
 78 |     },
 79 |     {
 80 |       "orientation" : "portrait",
 81 |       "idiom" : "iphone",
 82 |       "filename" : "Default.png",
 83 |       "extent" : "full-screen",
 84 |       "scale" : "1x"
 85 |     },
 86 |     {
 87 |       "orientation" : "portrait",
 88 |       "idiom" : "iphone",
 89 |       "filename" : "Default@2x.png",
 90 |       "extent" : "full-screen",
 91 |       "scale" : "2x"
 92 |     },
 93 |     {
 94 |       "orientation" : "portrait",
 95 |       "idiom" : "iphone",
 96 |       "filename" : "Default-568h@2x.png",
 97 |       "extent" : "full-screen",
 98 |       "subtype" : "retina4",
 99 |       "scale" : "2x"
100 |     },
101 |     {
102 |       "orientation" : "portrait",
103 |       "idiom" : "ipad",
104 |       "extent" : "to-status-bar",
105 |       "scale" : "1x"
106 |     },
107 |     {
108 |       "orientation" : "portrait",
109 |       "idiom" : "ipad",
110 |       "filename" : "Default-Portrait.png",
111 |       "extent" : "full-screen",
112 |       "scale" : "1x"
113 |     },
114 |     {
115 |       "orientation" : "landscape",
116 |       "idiom" : "ipad",
117 |       "extent" : "to-status-bar",
118 |       "scale" : "1x"
119 |     },
120 |     {
121 |       "orientation" : "landscape",
122 |       "idiom" : "ipad",
123 |       "filename" : "Default-Landscape.png",
124 |       "extent" : "full-screen",
125 |       "scale" : "1x"
126 |     },
127 |     {
128 |       "orientation" : "portrait",
129 |       "idiom" : "ipad",
130 |       "extent" : "to-status-bar",
131 |       "scale" : "2x"
132 |     },
133 |     {
134 |       "orientation" : "portrait",
135 |       "idiom" : "ipad",
136 |       "filename" : "Default-Portrait@2x.png",
137 |       "extent" : "full-screen",
138 |       "scale" : "2x"
139 |     },
140 |     {
141 |       "orientation" : "landscape",
142 |       "idiom" : "ipad",
143 |       "extent" : "to-status-bar",
144 |       "scale" : "2x"
145 |     },
146 |     {
147 |       "orientation" : "landscape",
148 |       "idiom" : "ipad",
149 |       "filename" : "Default-Landscape@2x.png",
150 |       "extent" : "full-screen",
151 |       "scale" : "2x"
152 |     }
153 |   ],
154 |   "info" : {
155 |     "version" : 1,
156 |     "author" : "xcode"
157 |   }
158 | }


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-568h@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-568h@2x.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-667h@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-667h@2x.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-736h@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-736h@3x.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape@2x.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape@3x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Landscape@3x.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Portrait.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Portrait.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Portrait@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default-Portrait@2x.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/LaunchImage.launchimage/Default@2x.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/Contents.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "images" : [
 3 |     {
 4 |       "idiom" : "universal",
 5 |       "filename" : "LaunchScreen-AspectFill.png",
 6 |       "scale" : "1x"
 7 |     },
 8 |     {
 9 |       "idiom" : "universal",
10 |       "filename" : "LaunchScreen-AspectFill@2x.png",
11 |       "scale" : "2x"
12 |     },
13 |     {
14 |       "idiom" : "universal",
15 |       "scale" : "3x"
16 |     }
17 |   ],
18 |   "info" : {
19 |     "version" : 1,
20 |     "author" : "xcode"
21 |   }
22 | }


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/LaunchScreen-AspectFill.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/LaunchScreen-AspectFill.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/LaunchScreen-AspectFill@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/LaunchScreen.AspectFill.imageset/LaunchScreen-AspectFill@2x.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/Contents.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "images" : [
 3 |     {
 4 |       "idiom" : "universal",
 5 |       "filename" : "LaunchScreen-Center.png",
 6 |       "scale" : "1x"
 7 |     },
 8 |     {
 9 |       "idiom" : "universal",
10 |       "filename" : "LaunchScreen-Center@2x.png",
11 |       "scale" : "2x"
12 |     },
13 |     {
14 |       "idiom" : "universal",
15 |       "scale" : "3x"
16 |     }
17 |   ],
18 |   "info" : {
19 |     "version" : 1,
20 |     "author" : "xcode"
21 |   }
22 | }


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/LaunchScreen-Center.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/LaunchScreen-Center.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/LaunchScreen-Center@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/App_Resources/iOS/Assets.xcassets/LaunchScreen.Center.imageset/LaunchScreen-Center@2x.png


--------------------------------------------------------------------------------
/app/App_Resources/iOS/Info.plist:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 3 | <plist version="1.0">
 4 | <dict>
 5 | 	<key>CFBundleDevelopmentRegion</key>
 6 | 	<string>en</string>
 7 | 	<key>CFBundleDisplayName</key>
 8 | 	<string>${PRODUCT_NAME}</string>
 9 | 	<key>CFBundleExecutable</key>
10 | 	<string>${EXECUTABLE_NAME}</string>
11 | 	<key>CFBundleInfoDictionaryVersion</key>
12 | 	<string>6.0</string>
13 | 	<key>CFBundleName</key>
14 | 	<string>${PRODUCT_NAME}</string>
15 | 	<key>CFBundlePackageType</key>
16 | 	<string>APPL</string>
17 | 	<key>CFBundleShortVersionString</key>
18 | 	<string>1.0</string>
19 | 	<key>CFBundleSignature</key>
20 | 	<string>????</string>
21 | 	<key>CFBundleVersion</key>
22 | 	<string>1.0</string>
23 | 	<key>LSRequiresIPhoneOS</key>
24 | 	<true/>
25 | 	<key>UILaunchStoryboardName</key>
26 | 	<string>LaunchScreen</string>
27 | 	<key>UIRequiresFullScreen</key>
28 | 	<true/>
29 | 	<key>UIRequiredDeviceCapabilities</key>
30 | 	<array>
31 | 		<string>armv7</string>
32 | 	</array>
33 | 	<key>UISupportedInterfaceOrientations</key>
34 | 	<array>
35 | 		<string>UIInterfaceOrientationPortrait</string>
36 | 		<string>UIInterfaceOrientationLandscapeLeft</string>
37 | 		<string>UIInterfaceOrientationLandscapeRight</string>
38 | 	</array>
39 | 	<key>UISupportedInterfaceOrientations~ipad</key>
40 | 	<array>
41 | 		<string>UIInterfaceOrientationPortrait</string>
42 | 		<string>UIInterfaceOrientationPortraitUpsideDown</string>
43 | 		<string>UIInterfaceOrientationLandscapeLeft</string>
44 | 		<string>UIInterfaceOrientationLandscapeRight</string>
45 | 	</array>
46 | </dict>
47 | </plist>
48 | 


--------------------------------------------------------------------------------
/app/App_Resources/iOS/LaunchScreen.storyboard:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="10116" systemVersion="15F34" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" initialViewController="01J-lp-oVM">
 3 |     <dependencies>
 4 |         <deployment identifier="iOS"/>
 5 |         <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="10085"/>
 6 |     </dependencies>
 7 |     <scenes>
 8 |         <!--View Controller-->
 9 |         <scene sceneID="EHf-IW-A2E">
10 |             <objects>
11 |                 <viewController id="01J-lp-oVM" sceneMemberID="viewController">
12 |                     <layoutGuides>
13 |                         <viewControllerLayoutGuide type="top" id="Llm-lL-Icb"/>
14 |                         <viewControllerLayoutGuide type="bottom" id="xb3-aO-Qok"/>
15 |                     </layoutGuides>
16 |                     <view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
17 |                         <rect key="frame" x="0.0" y="0.0" width="600" height="600"/>
18 |                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
19 |                         <subviews>
20 |                             <imageView userInteractionEnabled="NO" contentMode="scaleAspectFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="LaunchScreen.AspectFill" translatesAutoresizingMaskIntoConstraints="NO" id="wtH-rr-YfP">
21 |                                 <rect key="frame" x="0.0" y="0.0" width="600" height="600"/>
22 |                             </imageView>
23 |                             <imageView userInteractionEnabled="NO" contentMode="center" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="LaunchScreen.Center" translatesAutoresizingMaskIntoConstraints="NO" id="s1z-aa-wYv">
24 |                                 <rect key="frame" x="0.0" y="0.0" width="600" height="600"/>
25 |                             </imageView>
26 |                         </subviews>
27 |                         <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
28 |                         <constraints>
29 |                             <constraint firstItem="xb3-aO-Qok" firstAttribute="top" secondItem="wtH-rr-YfP" secondAttribute="bottom" id="5FO-pR-qKb"/>
30 |                             <constraint firstItem="wtH-rr-YfP" firstAttribute="top" secondItem="Ze5-6b-2t3" secondAttribute="top" id="Awn-b8-xf1"/>
31 |                             <constraint firstItem="s1z-aa-wYv" firstAttribute="top" secondItem="Ze5-6b-2t3" secondAttribute="top" id="CiP-yX-1sg"/>
32 |                             <constraint firstAttribute="trailing" secondItem="wtH-rr-YfP" secondAttribute="trailing" id="RXg-rW-UK8"/>
33 |                             <constraint firstItem="s1z-aa-wYv" firstAttribute="leading" secondItem="Ze5-6b-2t3" secondAttribute="leading" id="agC-wa-3bd"/>
34 |                             <constraint firstItem="wtH-rr-YfP" firstAttribute="leading" secondItem="Ze5-6b-2t3" secondAttribute="leading" id="cch-8E-tYu"/>
35 |                             <constraint firstItem="xb3-aO-Qok" firstAttribute="top" secondItem="s1z-aa-wYv" secondAttribute="bottom" id="fNc-Ro-KaG"/>
36 |                             <constraint firstAttribute="trailing" secondItem="s1z-aa-wYv" secondAttribute="trailing" id="qoI-OC-Zk7"/>
37 |                         </constraints>
38 |                     </view>
39 |                 </viewController>
40 |                 <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
41 |             </objects>
42 |             <point key="canvasLocation" x="510" y="238"/>
43 |         </scene>
44 |     </scenes>
45 |     <resources>
46 |         <image name="LaunchScreen.AspectFill" width="768" height="1024"/>
47 |         <image name="LaunchScreen.Center" width="40" height="40"/>
48 |     </resources>
49 | </document>
50 | 


--------------------------------------------------------------------------------
/app/App_Resources/iOS/build.xcconfig:
--------------------------------------------------------------------------------
1 | // You can add custom settings here
2 | // for example you can uncomment the following line to force distribution code signing
3 | // CODE_SIGN_IDENTITY = iPhone Distribution 
4 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
5 | ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = LaunchImage;
6 | 


--------------------------------------------------------------------------------
/app/app.css:
--------------------------------------------------------------------------------
 1 | #item, .item {
 2 |     vertical-align: top;
 3 |     horizontal-align: left;
 4 | }
 5 | 
 6 | 
 7 | #status {
 8 |     vertical-align: bottom;
 9 |     horizontal-align: left;
10 |     margin-left: 5;
11 |     margin-bottom: 5;
12 |     background-color: lightblue;
13 | }


--------------------------------------------------------------------------------
/app/app.ts:
--------------------------------------------------------------------------------
1 | import application = require("application");
2 | application.start({ moduleName: "main-page" });
3 | 


--------------------------------------------------------------------------------
/app/image.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/app/image.jpg


--------------------------------------------------------------------------------
/app/main-page.ts:
--------------------------------------------------------------------------------
  1 | import * as utils from "utils/utils";
  2 | import {Label} from "ui/label";
  3 | import {View} from "ui/core/view";
  4 | import {GestureEventData, PanGestureEventData, PinchGestureEventData} from "ui/gestures";
  5 | 
  6 | let states = ["unknown", "start", "change", "end"];
  7 | 
  8 | let item: View;
  9 | let statusLbl: Label;
 10 | 
 11 | let density: number;
 12 | let prevDeltaX: number;
 13 | let prevDeltaY: number;
 14 | let startScale = 1;
 15 | 
 16 | export function pageLoaded(args) {
 17 |     const page = args.object;
 18 |     item = page.getViewById("item");
 19 |     statusLbl = page.getViewById("status");
 20 |     density = utils.layout.getDisplayDensity();
 21 | 
 22 |     item.translateX = 0;
 23 |     item.translateY = 0;
 24 |     item.scaleX = 1;
 25 |     item.scaleY = 1;
 26 | 
 27 |     updateStatus();
 28 | }
 29 | 
 30 | export function onPan(args: PanGestureEventData) {
 31 |     console.log("PAN[" + states[args.state] + "] deltaX: " + Math.round(args.deltaX) + " deltaY: " + Math.round(args.deltaY));
 32 | 
 33 |     if (args.state === 1) {
 34 |         prevDeltaX = 0;
 35 |         prevDeltaY = 0;
 36 |     }
 37 |     else if (args.state === 2) {
 38 |         item.translateX += args.deltaX - prevDeltaX;
 39 |         item.translateY += args.deltaY - prevDeltaY;
 40 | 
 41 |         prevDeltaX = args.deltaX;
 42 |         prevDeltaY = args.deltaY;
 43 |     }
 44 | 
 45 |     updateStatus();
 46 | }
 47 | 
 48 | export function onPinch(args: PinchGestureEventData) {
 49 |     console.log("PINCH[" + states[args.state] + "] scale: " + args.scale + " focusX: " + args.getFocusX() + " focusY: " + args.getFocusY());
 50 | 
 51 |     if (args.state === 1) {
 52 |         const newOriginX = args.getFocusX() - item.translateX;
 53 |         const newOriginY = args.getFocusY() - item.translateY;
 54 | 
 55 |         const oldOriginX = item.originX * item.getMeasuredWidth();
 56 |         const oldOriginY = item.originY * item.getMeasuredHeight();
 57 | 
 58 |         item.translateX += (oldOriginX - newOriginX) * (1 - item.scaleX);
 59 |         item.translateY += (oldOriginY - newOriginY) * (1 - item.scaleY);
 60 | 
 61 |         item.originX = newOriginX / item.getMeasuredWidth();
 62 |         item.originY = newOriginY / item.getMeasuredHeight();
 63 | 
 64 |         startScale = item.scaleX;
 65 |     }
 66 | 
 67 |     else if (args.scale && args.scale !== 1) {
 68 |         let newScale = startScale * args.scale;
 69 |         newScale = Math.min(8, newScale);
 70 |         newScale = Math.max(0.125, newScale);
 71 | 
 72 |         item.scaleX = newScale;
 73 |         item.scaleY = newScale;
 74 |     }
 75 | 
 76 |     updateStatus();
 77 | }
 78 | 
 79 | export function onDoubleTap(args: GestureEventData) {
 80 |     console.log("DOUBLETAP");
 81 | 
 82 |     item.animate({
 83 |         translate: { x: 0, y: 0 },
 84 |         scale: { x: 1, y: 1 },
 85 |         curve: "easeOut",
 86 |         duration: 300
 87 |     }).then(function () {
 88 |         updateStatus();
 89 |     });
 90 | 
 91 |     updateStatus();
 92 | }
 93 | 
 94 | function updateStatus() {
 95 |     const text = "translate: [" + Math.round(item.translateX) + ", " + Math.round(item.translateY) + "]" +
 96 |         "\nscale: [" + (Math.round(item.scaleX * 100) / 100) + ", " + (Math.round(item.scaleY * 100) / 100) + "]" +
 97 |         "\norigin: [" + Math.round(item.originX * item.getMeasuredWidth()) + ", " + Math.round(item.originY * item.getMeasuredHeight()) + "]";
 98 | 
 99 |     statusLbl.text = text;
100 | }
101 | 


--------------------------------------------------------------------------------
/app/main-page.xml:
--------------------------------------------------------------------------------
1 | <Page xmlns="http://www.nativescript.org/tns.xsd" loaded="pageLoaded">
2 |   <GridLayout pan="onPan" pinch="onPinch" doubleTap="onDoubleTap">
3 |     <Image src="~/image.jpg" stretch="aspectFit" id="item" width="300" height="400" backgroundColor="Green"/>
4 |     <TextView id="status" editable="false"/>
5 |   </GridLayout>
6 | </Page>


--------------------------------------------------------------------------------
/app/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"name": "tns-template-hello-world-ts",
 3 | 	"main": "app.js",
 4 | 	"version": "2.1.0",
 5 | 	"author": "Telerik <support@telerik.com>",
 6 | 	"description": "Nativescript hello-world-ts project template",
 7 | 	"license": "Apache-2.0",
 8 | 	"keywords": [
 9 | 		"telerik",
10 | 		"mobile",
11 | 		"nativescript",
12 | 		"{N}",
13 | 		"tns",
14 | 		"appbuilder",
15 | 		"template"
16 | 	],
17 | 	"repository": {
18 | 		"type": "git",
19 | 		"url": "git@github.com:NativeScript/template-hello-world-ts.git"
20 | 	},
21 | 	"bugs": {
22 | 		"url": "https://github.com/NativeScript/template-hello-world-ts/issues"
23 | 	},
24 | 	"homepage": "https://github.com/NativeScript/template-hello-world-ts",
25 | 	"android": {
26 | 		"v8Flags": "--expose_gc"
27 | 	},
28 | 	"devDependencies": {
29 | 		"nativescript-dev-typescript": "^0.3.0"
30 | 	}
31 | }
32 | 


--------------------------------------------------------------------------------
/demo.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vakrilov/native-script-pan-scale-demo/75f471e74ac017d24446c880a0a70949190dd570/demo.gif


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "description": "NativeScript Application",
 3 |   "license": "SEE LICENSE IN <your-license-filename>",
 4 |   "readme": "NativeScript Application",
 5 |   "repository": "<fill-your-repository-here>",
 6 |   "nativescript": {
 7 |     "id": "org.nativescript.nativescriptpanscaledemo",
 8 |     "tns-android": {
 9 |       "version": "2.1.1"
10 |     },
11 |     "tns-ios": {
12 |       "version": "2.1.0"
13 |     }
14 |   },
15 |   "dependencies": {
16 |     "tns-core-modules": "2.1.0"
17 |   },
18 |   "devDependencies": {
19 |     "babel-traverse": "6.10.4",
20 |     "babel-types": "6.11.1",
21 |     "babylon": "6.8.3",
22 |     "lazy": "1.0.11",
23 |     "nativescript-dev-typescript": "^0.3.0",
24 |     "typescript": "^1.8.10"
25 |   }
26 | }


--------------------------------------------------------------------------------
/references.d.ts:
--------------------------------------------------------------------------------
1 | /// <reference path="./node_modules/tns-core-modules/tns-core-modules.d.ts" /> Needed for autocompletion and compilation.


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "compilerOptions": {
 3 |         "module": "commonjs",
 4 |         "target": "es5",
 5 |         "sourceMap": true,
 6 |         "experimentalDecorators": true,
 7 |         "emitDecoratorMetadata": true,
 8 |         "noEmitHelpers": true,
 9 |         "noEmitOnError": true
10 |     },
11 |     "exclude": [
12 |         "node_modules",
13 |         "platforms"
14 |     ]
15 | }


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