Improve marker detail layout

This commit is contained in:
Jimmy Shih
2013-11-04 12:30:29 -08:00
parent 4b1eea2ed5
commit 48ad505e55
7 changed files with 52 additions and 64 deletions
@@ -17,6 +17,7 @@
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<gradient
android:angle="90"
android:endColor="@color/photo_gradient_start"
android:startColor="@color/photo_gradient_end" />
android:centerColor="@color/text_gradient_center"
android:endColor="@color/text_gradient_start"
android:startColor="@color/text_gradient_end" />
</shape>
+3 -3
View File
@@ -24,14 +24,14 @@ limitations under the License.
android:layout_height="match_parent"
android:layout_width="match_parent"
android:scaleType="centerCrop" />
<!-- A gradient on top of the photo -->
<!-- A gradient on top of the text -->
<ImageView
android:alpha=".6"
android:contentDescription="@string/icon_marker"
android:id="@+id/list_item_photo_gradient"
android:id="@+id/list_item_text_gradient"
android:layout_height="match_parent"
android:layout_width="match_parent"
android:src="@drawable/photo_gradient" />
android:src="@drawable/text_gradient" />
<!-- Table 1 -->
<TableLayout
android:layout_height="match_parent"
+27 -24
View File
@@ -27,31 +27,34 @@ limitations under the License.
android:layout_height="match_parent"
android:layout_width="match_parent"
android:scaleType="fitCenter" />
<!-- A gradient on top of the photo -->
<ImageView
android:alpha=".6"
android:contentDescription="@string/icon_marker"
android:id="@+id/marker_detail_waypoint_photo_gradient"
android:layout_height="match_parent"
android:layout_width="match_parent"
android:src="@drawable/photo_gradient" />
<LinearLayout
android:id="@+id/marker_detail_waypoint_info"
android:layout_gravity="bottom"
<FrameLayout
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:orientation="vertical"
android:padding="8dp" >
<TextView
android:id="@+id/marker_detail_waypoint_name"
style="@style/TextMedium" />
<TextView
android:id="@+id/marker_detail_waypoint_category"
style="@style/TextSmall" />
<TextView
android:id="@+id/marker_detail_waypoint_description"
style="@style/TextSmall" />
</LinearLayout>
android:layout_width="match_parent" >
<!-- A gradient on top of the text -->
<ImageView
android:alpha=".6"
android:contentDescription="@string/icon_marker"
android:id="@+id/marker_detail_waypoint_text_gradient"
android:layout_height="match_parent"
android:layout_width="match_parent"
android:src="@drawable/text_gradient" />
<LinearLayout
android:id="@+id/marker_detail_waypoint_info"
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:orientation="vertical"
android:padding="8dp" >
<TextView
android:id="@+id/marker_detail_waypoint_name"
style="@style/TextMedium" />
<TextView
android:id="@+id/marker_detail_waypoint_category"
style="@style/TextSmall" />
<TextView
android:id="@+id/marker_detail_waypoint_description"
style="@style/TextSmall" />
</LinearLayout>
</FrameLayout>
</FrameLayout>
<ScrollView
android:id="@+id/marker_detail_statistics"
+3 -2
View File
@@ -27,8 +27,9 @@ limitations under the License.
<color name="chart_power_fill">#40401465</color> <!-- transparent purple -->
<color name="chart_speed_border">#FF0066FF</color> <!-- blue -->
<color name="chart_speed_fill">#40C8E0FF</color> <!-- transparent blue -->
<color name="photo_gradient_end">#00000000</color> <!-- black 0% opacity -->
<color name="photo_gradient_start">#FF000000</color> <!-- black 100% opacity -->
<color name="text_gradient_center">#B2000000</color> <!-- black 70% opacity -->
<color name="text_gradient_end">#00000000</color> <!-- black 0% opacity -->
<color name="text_gradient_start">#FF000000</color> <!-- black 100% opacity -->
<color name="recording_text">#FFBE161B</color> <!-- red -->
<color name="stats_large_label">#FFFAAD2C</color> <!-- orange -->
<color name="stats_separator">#99999999</color> <!-- light gray -->