IDs of clicked carousel elements are now shown when clicked.

CarouselFragment/AndroidManifest.xml

@@ -10,7 +10,7 @@
         android:icon="@drawable/ic_launcher"
         android:label="Carousel" >
         <activity
-            android:name=".CarouselActivity"
+            android:name=".Carousel"
             android:label="@string/app_name" >
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />

CarouselFragment/res/layout/act_carousel.xml

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/content"
+    android:layout_width="fill_parent"
+    android:layout_height="fill_parent"
+    android:gravity="center_horizontal" >
+
+    <TextView
+        android:id="@+id/featured"
+        android:layout_width="fill_parent"
+        android:layout_height="fill_parent"
+        android:background="#FFFFFF"
+        android:textColor="#000000"
+        android:gravity="center"
+        android:textSize="200sp"
+        android:text="1"
+        android:clickable="true"
+        android:focusable="true" />
+
+    <FrameLayout
+        android:id="@+id/carousel"
+        android:layout_width="fill_parent"
+        android:layout_height="wrap_content"
+        android:background="#88000000"
+        android:layout_gravity="bottom"
+        android:focusable="true" />
+
+</FrameLayout>

CarouselFragment/res/layout/gallery_item.xml → CarouselFragment/res/layout/carousel_gallery_li.xml

@@ -15,7 +15,7 @@
      limitations under the License.
 -->
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    android:id="@+id/PanoramioItem"
+    android:id="@+id/CarouselItem"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent"
     android:background="@drawable/image_background"

CarouselFragment/src/novoda/demo/CarouselActivity.java → CarouselFragment/src/novoda/demo/Carousel.java

@@ -28,12 +28,15 @@
 import android.widget.AdapterView;
 import android.widget.AdapterView.OnItemClickListener;
 import android.widget.Gallery;
+import android.widget.TextView;
 
-public class CarouselActivity extends Activity {
+public class Carousel extends Activity {
 
     private static int count;
 
-    private int visibleItemIndex;
+    private int selectedCarouselItemIndex;
+
+	private TextView featuredId;
 
     private static Context mContext;
 
@@ -44,18 +47,16 @@ public class CarouselActivity extends Activity {
     protected void onCreate(Bundle savedInstanceState) {
         mContext = this;
         super.onCreate(savedInstanceState);
-        setContentView(R.layout.view_image);
+        setContentView(R.layout.act_carousel);
+        featuredId = (TextView)findViewById(R.id.featured);
     }
 
     @Override
 	public boolean onKeyDown(int keyCode, KeyEvent event) {
 	    switch (keyCode) {
 	    case KeyEvent.KEYCODE_MEDIA_REWIND:
 	    case KeyEvent.KEYCODE_DPAD_LEFT: {
-	        fragment = CarouselFragment.newInstance(visibleItemIndex - 1);
-
-	        // Execute a transaction, replacing any existing fragment
-	        // with this one inside the frame.
+	        fragment = CarouselFragment.newInstance(selectedCarouselItemIndex - 1);
 	        FragmentTransaction ft = getFragmentManager().beginTransaction();
 	        ft.replace(R.id.carousel, fragment);
 	        ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE);
@@ -66,10 +67,7 @@ public boolean onKeyDown(int keyCode, KeyEvent event) {
 	    case KeyEvent.KEYCODE_MEDIA_FAST_FORWARD:
 	    case KeyEvent.KEYCODE_DPAD_RIGHT: {
 
-	        fragment = CarouselFragment.newInstance(visibleItemIndex + 1);
-
-	        // Execute a transaction, replacing any existing fragment
-	        // with this one inside the frame.
+	        fragment = CarouselFragment.newInstance(selectedCarouselItemIndex + 1);
 	        FragmentTransaction ft = getFragmentManager().beginTransaction();
 	        ft.replace(R.id.carousel, fragment);
 	        ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE);
@@ -79,10 +77,7 @@ public boolean onKeyDown(int keyCode, KeyEvent event) {
 	    }
 	    case KeyEvent.KEYCODE_DPAD_DOWN: {
 
-	        fragment = CarouselFragment.newInstance(visibleItemIndex);
-
-	        // Execute a transaction, replacing any existing fragment
-	        // with this one inside the frame.
+	        fragment = CarouselFragment.newInstance(selectedCarouselItemIndex);
 	        FragmentTransaction ft = getFragmentManager().beginTransaction();
 	        ft.replace(R.id.carousel, fragment);
 	        ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE);
@@ -117,14 +112,14 @@ public static CarouselFragment newInstance(int index) {
 	    public View onCreateView(
 	            LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
 	        super.onCreateView(inflater, container, savedInstanceState);
-	        Gallery gallery = (Gallery) inflater.inflate(R.layout.image_gallery, null);
+	        Gallery gallery = (Gallery) inflater.inflate(R.layout.carousel_gallery, null);
 
 	        // In dual-pane mode, the list view highlights the selected item.
 	        gallery.setAdapter(new GalleryAdapter(mContext));
 	        gallery.setOnItemClickListener(new OnItemClickListener() {
 	            public void onItemClick(AdapterView<?> l, View v, int position, long id) {
 	                count = position;
-//	                ((CarouselActivity) mContext).showImage();
+	                ((Carousel) mContext).setSelectedId(id);
 	                FragmentTransaction ft = getFragmentManager().beginTransaction();
 	                ft.hide(fragment);
 	                ft.commit();
@@ -137,4 +132,8 @@ public void onItemClick(AdapterView<?> l, View v, int position, long id) {
 	        return gallery;
 	    }
 	}
+
+	protected void setSelectedId(long id) {
+		featuredId.setText(Long.toString(id));
+	}
 }

CarouselFragment/src/novoda/demo/GalleryAdapter.java

@@ -29,18 +29,16 @@ public Object getItem(int position) {
     }
 
     public long getItemId(int position) {
-        return 987654l;
+        return position;
     }
 
     public View getView(int position, View convertView, ViewGroup parent) {
         View view;
         if (convertView == null) {
-            // Make up a new view
             final LayoutInflater inflater = (LayoutInflater) mContext.getSystemService(
                     Context.LAYOUT_INFLATER_SERVICE);
-            view = inflater.inflate(R.layout.gallery_item, null);
+            view = inflater.inflate(R.layout.carousel_gallery_li, null);
         } else {
-            // Use convertView if it is available
             view = convertView;
         }
         final ImageView imageView = (ImageView) view.findViewById(R.id.image);