Changeset 14532

Timestamp:

04/10/13 21:17:38 (12 years ago)

Author:

ltnguyen

Message:

ADD: Flip feature to gallery to allow descriptions for the image

Location:

issm/trunk-jpl/src/mobile/android/ISSM_APP

Files:

• res/layout/backview.xml (added)
• res/layout/frontview.xml (added)
• res/layout/gallery.xml (modified) (1 diff)
• src/gov/nasa/jpl/issm/DisplayNextView.java (added)
• src/gov/nasa/jpl/issm/FlipAnimation.java (added)
• src/gov/nasa/jpl/issm/GalleryImage.java (modified) (6 diffs)
• src/gov/nasa/jpl/issm/SwapViews.java (added)

issm/trunk-jpl/src/mobile/android/ISSM_APP/res/layout/gallery.xml

@@ -5 +5 @@
     android:background="@layout/roundcorner"
     android:orientation="vertical" >
-
-    <ImageView
+        
+    <FrameLayout
+                android:id="@+id/container"
+                android:layout_width="fill_parent"
+                android:layout_height="fill_parent"
+                android:layout_above="@+id/gallery_relative_layout"
+                android:layout_marginLeft="20dip"
+        android:layout_marginRight="20dip"
+        android:layout_marginTop="20dip">
+                <include android:id="@+id/front" layout="@layout/frontview" />
+                <include android:id="@+id/back" layout="@layout/backview" />
+        </FrameLayout>
+    <!-- <ImageView
         android:id="@+id/selected_imageview"
         android:layout_width="fill_parent"
-        android:layout_height="fill_parent"
+        android:layout_height="fill_parent" 
         android:layout_above="@+id/gallery_relative_layout"
         android:layout_marginLeft="30dip"
         android:layout_marginRight="30dip"
-        android:layout_marginTop="30dip" />
+        android:layout_marginTop="30dip" /> -->
 
     <RelativeLayout

issm/trunk-jpl/src/mobile/android/ISSM_APP/src/gov/nasa/jpl/issm/GalleryImage.java

@@ -11 +11 @@
 import android.view.View;
 import android.view.View.OnClickListener;
+import android.view.animation.AccelerateInterpolator;
 import android.widget.AdapterView;
 import android.widget.AdapterView.OnItemSelectedListener;
+import android.widget.TextView;
 import android.widget.Gallery;
 import android.widget.ImageView;
@@ -20 +22 @@
 
         private ImageView selectedImageView;
+        private TextView selectedTextView;
 
         private ImageView leftArrowImageView;
@@ -32 +35 @@
 
         private GalleryAdapter galImageAdapter;
+        
+        private boolean isFirstImage = true;
 
         @Override
@@ -44 +49 @@
         private void setupUI() {
 
-                selectedImageView = (ImageView) findViewById(R.id.selected_imageview);
+                selectedImageView = (ImageView) findViewById(R.id.front_view);
+                selectedTextView = (TextView) findViewById(R.id.back_view);
+                selectedTextView.setVisibility(View.GONE);
                 leftArrowImageView = (ImageView) findViewById(R.id.left_arrow_imageview);
                 rightArrowImageView = (ImageView) findViewById(R.id.right_arrow_imageview);
                 gallery = (Gallery) findViewById(R.id.gallery);
+                
+                selectedImageView.setOnClickListener(new View.OnClickListener() 
+                {
+                           public void onClick(View view) {
+                            if (isFirstImage) {       
+                             applyRotation(0, 90);
+                             isFirstImage = !isFirstImage;
+
+                            } else {    
+                             applyRotation(0, -90);
+                             isFirstImage = !isFirstImage;
+                            }
+                           }
+                        });          
 
                 leftArrowImageView.setOnClickListener(new OnClickListener() {
@@ -147 +168 @@
 
                 drawables = new ArrayList<Drawable>();
-                drawables.add(getResources().getDrawable(R.drawable.natureimage1));
-                drawables.add(getResources().getDrawable(R.drawable.natureimage2));
-                drawables.add(getResources().getDrawable(R.drawable.natureimage3));
-                drawables.add(getResources().getDrawable(R.drawable.natureimage4));
+                
+                for (int i = 1; i < 5; i++)
+                {
+                        drawables.add(getResources().getDrawable(getResources().getIdentifier("natureimage"+i, "drawable", getPackageName())));
+                }
+                
         }
 
@@ -159 +182 @@
                 selectedImageView.setImageBitmap(b);
                 selectedImageView.setScaleType(ScaleType.FIT_XY);
+                selectedTextView.setText("This is sample text " + selectedImagePosition);
+        }
+        
+        private void applyRotation(float start, float end) 
+        {
+                // Find the center of image
+                final float centerX = selectedImageView.getWidth() / 2.0f;
+                final float centerY = selectedImageView.getHeight() / 2.0f;
+
+                // Create a new 3D rotation with the supplied parameter
+                // The animation listener is used to trigger the next animation
+                final FlipAnimation rotation =
+                       new FlipAnimation(start, end, centerX, centerY);
+                rotation.setDuration(500);
+                rotation.setFillAfter(true);
+                rotation.setInterpolator(new AccelerateInterpolator());
+                rotation.setAnimationListener(new DisplayNextView(isFirstImage, selectedImageView, selectedTextView));
+
+                if (isFirstImage)
+                {
+                        selectedImageView.startAnimation(rotation);
+                } else {
+                        selectedTextView.startAnimation(rotation);
+                }
 
         }