color, package and action bar configuration.

demos/src/main/res/values/dimens.xml

Index: demos/src/main/res/values/dimens.xml
diff --git a/demos/src/main/res/values/dimens.xml b/demos/src/main/res/values/dimens.xml
index bdea6d0f821683de715b8556f5748545a45aa080..0ce48409eba6f147dc17ec1aadf93cb35dbda32b 100644
--- a/demos/src/main/res/values/dimens.xml
+++ b/demos/src/main/res/values/dimens.xml
@@ -16,5 +16,10 @@
     <!-- Default screen margins, per the Android Design guidelines. -->
     <dimen name="activity_horizontal_margin">16dp</dimen>
     <dimen name="activity_vertical_margin">16dp</dimen>
-    <dimen name="view_vertical_margin">16dp</dimen>
+    <dimen name="view_vertical_margin">10sp</dimen>
+    <dimen name="view_height">50sp</dimen>

[Ian Wen, 2016/02/09 00:14:16]

Which view's height? Dimen's should not be named too vaguely.

[BigBossZhiling, 2016/02/09 01:03:12]

This literally is the height of all views except the image. Each row, no matter
whether it is spinner, checkbox, button, they all have this height. I was
thinking that it should look more uniform.

+    <dimen name="button_width">300sp</dimen>

[Ian Wen, 2016/02/09 00:14:16]

Usually you don't need to specify the button's width or height. Wrap content
would just do the magic. Why do you need it here?

[BigBossZhiling, 2016/02/09 01:03:12]

For example, for 2 buttons whose text are of different length, I think if I do
wrap content, then the buttons will have different widths.

+    <dimen name="button_height">50sp</dimen>
+    <dimen name="button_padding_top">10sp</dimen>
+    <dimen name="spinner_padding_left">15sp</dimen>
 </resources>