Added more Android support.

wnielson · Mar 27, 2012 · 74d7ab2 · 74d7ab2
1 parent d06c851
commit 74d7ab2
Show file tree

Hide file tree

Showing 9 changed files with 29 additions and 10 deletions.
diff --git a/.senchasdk b/.senchasdk
@@ -0,0 +1 @@
+./sdk
diff --git a/README b/README
@@ -35,4 +35,15 @@ To build the example you need to put Sencha Touch into a folder named sdk.  Then
 
     ./sdk/commands/sencha app build -e testing
 
-This will produce the example app in the `build/testing` directory.
+This will produce the example app in the `build/testing` directory.
+
+
+Notes
+-----
+
+So far this has been tested on:
+
+	* iOS 5
+	* Android 4.0.3
+	* Android 2.3.3
+
diff --git a/app.js b/app.js
@@ -9,7 +9,7 @@ Ext.application({
     name: 'SlideNavigationExample',
 
     requires: [
-        'Ext.MessageBox',
+        'Ext.Msg'
     ],
 
     views: [

diff --git a/app/view/Main.js b/app/view/Main.js
@@ -1,6 +1,14 @@
 Ext.define("SlideNavigationExample.view.Main", {
     extend: 'Ext.ux.slidenavigation.View',
 
+    requires: [
+        'Ext.Container',
+        'Ext.MessageBox',
+        'Ext.Panel',
+        'Ext.Toolbar',
+        'Ext.event.publisher.Dom'
+    ],
+
     config: {
         fullscreen: true,
 

diff --git a/archive/app.js/7cb277b7aa359d7497f62b3687cc415aec8a4da0 b/archive/app.js/7cb277b7aa359d7497f62b3687cc415aec8a4da0
diff --git a/archive/resources/css/app.css/4c8315f8f4083d0b72a82994570ae6ed9f7fdbf7 b/archive/resources/css/app.css/4c8315f8f4083d0b72a82994570ae6ed9f7fdbf7
diff --git a/archive/sdk/sencha-touch.js/aaf5401ca948a2ac0f3faa30388c1273531a0c6f b/archive/sdk/sencha-touch.js/aaf5401ca948a2ac0f3faa30388c1273531a0c6f
diff --git a/index.html b/index.html
@@ -5,7 +5,7 @@
     <title>SlideNavigationExample</title>
 
     <!-- Android debug -->
-    <!--<script src="http://10.0.2.2:8080/target/target-script-min.js#anonymous"></script>-->
+    <script src="http://10.0.2.2:8080/target/target-script-min.js#anonymous"></script>
 
     <style type="text/css">
         /**

diff --git a/ux/slidenavigation/View.js b/ux/slidenavigation/View.js
@@ -67,14 +67,16 @@ Ext.define('Ext.ux.slidenavigation.View', {
 
         /**
          * @cfg {Integer} slideDuration Number of miliseconds to animate the sliding
-         * of the container when "flicked".
+         * of the container when "flicked".  By default the animation is disable on
+         * Android.
          */
         slideDuration: Ext.os.is.Android ? 0 : 100,
 
         /**
          * @cfg {Integer} selectSlideDuration Number of miliseconds to animate the sliding
          * of the container when list item is selected (if closeOnSelect = true). The default
-         * value here of 300 gives a much nicer feel.
+         * value here of 300 gives a much nicer feel.  By default the animation is disable on
+         * Android.
          */
         selectSlideDuration: Ext.os.is.Android ? 0 : 300,
 
@@ -381,7 +383,7 @@ Ext.define('Ext.ux.slidenavigation.View', {
             docked: 'left',
             cls: 'x-slidenavigation-list',
             style: 'position: absolute; top: 0; left: 0; height: 100%;' +
-                   'width: 100% !important; z-index: 50',
+                   'width: 100% !important; z-index: 2',
             listeners: {
                 select: this.onSelect,
                 scope: this
@@ -398,7 +400,7 @@ Ext.define('Ext.ux.slidenavigation.View', {
         return Ext.create('Ext.Container', Ext.merge({}, this.config.container, {
             docked: 'left',
             cls: 'x-slidenavigation-container',
-            style: 'width: 100%; height: 100%; opacity: 1; z-index: 100',
+            style: 'width: 100%; height: 100%; position: absolute; opacity: 1; z-index: 5',
             docked: 'left',
             layout: 'card',
             draggable: {