Final UI for Attachment Previews.

Placeholder pulsates for images not yet loaded.
One images loads at a time, that one image will display a spinning progressbar
after a delay.
Progress bar fixes to ensure it is rotates smoothly.
Clear section before drawing to it so transparent images look right.
Avoid PhotoManager load loop.

Bug: 9745486
Bug: 9816053
Change-Id: I2e65b3e3484d6da47d4e2523404dc745b99dd04c
diff --git a/res/layout/conversation_attachment_previews.xml b/res/layout/conversation_attachment_previews.xml
index eb7ce25..7887e49 100644
--- a/res/layout/conversation_attachment_previews.xml
+++ b/res/layout/conversation_attachment_previews.xml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 
+<!-- The height is set programmatically set in CIVC -->
 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
         android:id="@+id/attachment_previews"
         android:layout_width="match_parent"
@@ -8,7 +9,7 @@
         android:layout_marginLeft="@dimen/attachment_preview_margin_side"
         android:layout_marginRight="@dimen/attachment_preview_margin_side"
         android:visibility="gone" >
-    <!--todo:markwei get font color, typeface, and size from channah-->
+    <!-- Use dips for textSize since we want the badge to be a fixed size. -->
     <TextView
             android:id="@+id/ap_overflow"
             android:layout_width="@dimen/ap_overflow_count_diameter"
@@ -18,12 +19,17 @@
             android:layout_gravity="bottom|right"
             android:includeFontPadding="false"
             android:textStyle="bold"
-            android:textSize="12sp"/>
-    <!--todo:markwei get actual spinner asset from channah-->
+            android:textSize="10dp"/>
+    <ImageView
+            android:id="@+id/ap_placeholder"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center"
+            android:src="@drawable/ic_attachment_load" />
     <ImageView
             android:id="@+id/ap_progress_bar"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_gravity="center"
-            android:src="@drawable/spinner_holo" />
+            android:src="@drawable/ic_spinner_inner_holo" />
 </FrameLayout>
\ No newline at end of file