Android Advanced (24) Recommended colors for Android UI---interface development

recommended colors for Android UI---interface development

In the Android development process, always to add some background to the app, the individual think that the use of pure color can achieve elegant visual effect.

Add some common color values: Colors.xml

<?xml version= "1.0" encoding= "Utf-8"?> <resources> <color name= "White" > #ffffff </color><! --white---<color name= "Ivory" > #fffff0 </color><!--Ivory--<color name= "Lightyellow" > #ffffe0 </color><!--Bright yellow-<color name= "Yellow" > #ffff00 </color><!--Yellow-to-<color name= " Snow > #fffafa </color><!--Snow White--<color name= "Floralwhite" > #fffaf0 </color><!--Flowers White-- > <color name= "LemonChiffon" > #fffacd </color><!--Lemon silk-and <color name= "Cornsilk" > #fff8dc & lt;/color><!--M-<color name= "SeaShell" > #fff5ee </color><!--Sea-color-to-<color name= " Lavenderblush > #fff0f5 </color><!--Mauve-to <color name= "papayawhip" > #ffefd5 </color>< !--<color name= "Blanchedalmond" > #ffebcd </color><!--White Apricot--<color name= "Mistyrose" & GT, #ffe4e1 </color><!--light Rose--<colorName= "Bisque" > #ffe4c4 </color><!--Orange-to-<color name= "Moccasin" > #ffe4b5 </color><!-- Deerskin--<color name= "Navajowhite" > #ffdead </color><!--Nawa--<color name= "Peachpuff" ># ffdab9</color><!--Peachy-<color name= "Gold" > #ffd700 </color><!--Gold-and <color name= " Pink "> #ffc0cb </color><!--Pink--<color name=" Lightpink "> #ffb6c1 </color><!--Bright pink-- > <color name= "Orange" > #ffa500 </color><!--Orange-to-<color name= "Lightsalmon" > #ffa07a </ color><!--Bright Beige-<color name= "Darkorange" > #ff8c00 </color><!--Dark orange-to <color name= " Coral > #ff7f50 </color><!--Coral-to-<color name= "Hotpink" > #ff69b4 </color><!--Hot Pink-- > <color name= "tomato" > #ff6347 </color><!--Tomato-to-<color name= "orangered" > #ff4500 </ color><!--Red Orange-to <color name= "Deeppink" > #ff1493</color><!--Dark Pink--<color name= "fuchsia" > #ff00ff </color><!--Fuchsia--<color name= "   Magenta "> #ff00ff </color><!--Red-violet--<color name=" Red "> #ff0000 </color><!--Red-and <color name= "Oldlace" > #fdf5e6 </color><!--Old Colors--<color name= "Lightgoldenrodyellow" ># fafad2</color><!--Bright Golden--<color name= "linen" > #faf0e6 </color><!--Linen-to-<color Name= "Antiquewhite" > #faebd7 </color><!--Antique White-to-<color name= "Salmon" > #fa8072 </color> <!--Fresh Meat--<color name= "Ghostwhite" > #f8f8ff </color><!--Ghost---and <color name= "Mintcream" &   GT, #f5fffa </color><!--mint--<color name= "WhiteSmoke" > #f5f5f5 </color><!--White <color name= "Beige" > #f5f5dc </color><!--Beige-to-<color name= "Wheat" > #f5deb3 </color> <!--light Yellow--<color name= "Sandybrown" > #f4a460 &LT;/COLOR&GT;&Lt;! --Beige-to <color name= "Azure" > #f0ffff </color><!--sky blue--<color name= "Honeydew" > #f0fff0 & lt;/color><!--Honey-<color name= "AliceBlue" > #f0f8ff </color><!--Allisland--<color name= " Khaki "> #f0e68c </color><!--Khaki-to-<color name=" lightcoral "> #f08080 </color><!--Bright Coral- -<color name= "Palegoldenrod" > #eee8aa </color><!--blue-and <color name= "Violet" > #ee82ee & lt;/color><!--Violet-to <color name= "DarkSalmon" > #e9967a </color><!--Dark Beige-to-<color name = "Lavender" > #e6e6fa </color><!--Lilac-to-<color name= "Lightcyan" > #e0ffff </color><!-- Bright Cyan-<color name= "Burlywood" > #deb887 </color><!--Solid Wood--<color name= "Plum" > #dda0dd < /color><!--Plum-<color name= "Gainsboro" > #dcdcdc </color><!--light Grey--<color name= " Crimson "> #dc143c </color><!--Dark Crimson---  <color name= "palevioletred" > #db7093 </color><!--Violet-to <color name= "Goldenrod" > #daa520 </color><!--Gold Kylin--<color name= "Orchid" > #da70d6 </color><!--Lilac-to <color name= " Thistle "> #d8bfd8 </color><!--Thistle-<color name=" Lightgray "> #d3d3d3 </color><!--Bright Grey-- > <color name= "Lightgrey" > #d3d3d3 </color><!--Bright Gray-to <color name= "tan" > #d2b48c </color ><!--Tan-to-<color name= "Chocolate" > #d2691e </color><!--Power-to-<color name= "Peru" > #cd853f </color><!--Peru--<color name= "indianred" > #cd5c5c </color><!--Indian red-and < Color name= "mediumvioletred" > #c71585 </color><!--Violet--<color name= "Silver" > #c0c0c0 </ color><!--Silver--<color name= "Darkkhaki" > #bdb76b </color><!--dark brown-and <color name= " Rosybrown "> #bc8f8f </color><!--Brown rose-to-<color name= "Mediumorchid" > #ba55d3 </color><!--Pink Violet--<color name= "Darkgoldenrod" > #b8860b </ color><!--Dark Golden--<color name= "Firebrick" > #b22222 </color><!--brick-to <color name= " Powderblue "> #b0e0e6 </color><!--powder blue--<color name=" Lightsteelblue "> #b0c4de </color> <!--Bright Steel-to-<color name= "paleturquoise" > #afeeee </color><!--Sapphire Green-and <color name= " Greenyellow "> #adff2f </color><!--Yellow-green--<color name=" LightBlue "> #add8e6 </color><!-- Bright blue--<color name= "Darkgray" > #a9a9a9 </color><!--dark Grey--<color name= "Darkgrey" > #a9a9a9 & lt;/color><!--Dark Grey--<color name= "Brown" > #a52a2a </color><!--Brown-and <color name= " Sienna "> #a0522d </color><!--Ochre-<color name=" DarkOrchid "> #9932cc </color><!--dark Purple--   > <color name= "Palegreen" > #98fb98 </color><!--Pale green---<color name= "Darkviolet" > #9400d3 </color><!--Dark violet-to <color name= "Mediumpurple" > #9370db </color><!--Violet--<color name= "LightGreen" > #90ee90 </color><!--bright green-and <color name = "Darkseagreen" > #8fbc8f </color><!--Dark Highland--<color name= "SaddleBrown" > #8b4513 </color> <!--heavy Brown--<color name= "Darkmagenta" > #8b008b </color><!--Dark Magenta--and <color name= "darkred"   > #8b0000 </color><!--dark red--<color name= "Blueviolet" > #8a2be2 </color><!--Violet Blue--- <color name= "Lightskyblue" > #87cefa </color><!--Bright sky blue--<color name= "Skyblue" > #87ceeb </ color><!--Sky-Blue and <color name= "Gray" > #808080 </color><!--Grey--<color name= "Grey" ># 808080</color><!--Grey-to <color name= "Olive" > #808000 </color><!--Olive-to-<color name = "Purple" > #800080 </color><!--Purple-to-<coloR name= "Maroon" > #800000 </color><!----<color name= "Aquamarine" > #7fffd4 </color><! --green---<color name= "chartreuse" > #7fff00 </color><!--Yellow-Green – <color name= "Lawngreen" ># 7cfc00</color><!--Green--<color name= "Mediumslateblue" > #7b68ee </color><!--dark blue---& Lt;color name= "Lightslategray" > #778899 </color><!--Bright Blue Grey-to <color name= "Lightslategrey" ># 778899</color><!--Bright Blue Grey--<color name= "Slategray" > #708090 </color><!--lime-and-stone < Color name= "Slategrey" > #708090 </color><!--Gray-to-<color name= "Olivedrab" > #6b8e23 </color ><!--Dark green brown-to <color name= "Slateblue" > #6a5acd </color><!--Stone Blue--<color name= "Dimgray" > #696969 </color><!--dark Grey--<color name= "Dimgrey" > #696969 </color><!--Dark Grey---< Color name= "Mediumaquamarine" > #66cdaa </color>< green--&G in!--T <color name= "Cornflowerblue" > #6495ed </color><!--daisy-<color name= "Cadetblue" > #5f9ea0 </color><!--Navy--<color name= "Darkolivegreen" > #556b2f </color><!--Dark olive green---< Color Name= "Indigo" > #4b0082 </color><!--Indigo-<color name= "mediumturquoise" > #48d1cc </ color><!--Emerald-to <color name= "Darkslateblue" > #483d8b </color><!--Dark gray blue---<color name = "Steelblue" > #4682b4 </color><!--Steel Blue--<color name= "Royalblue" > #4169e1 </color><!-- Royal blue---<color name= "Turquoise" > #40e0d0 </color><!--Turquoise--<color name= "Mediumseagreen" ># 3cb371</color><!--Blue-to <color name= "Limegreen" > #32cd32 </color><!--Orange Green--< Color name= "Darkslategray" > #2f4f4f </color><!--Dark Tile Grey---<color name= "Darkslategrey" > #2f4f4f </color><!--Dark Tile Grey---<color name= "Seagreen" > #2e8b57 </color><!--Sea Green--<color name= "Forestgreen" > #228b22 </color><!--Forest Green--and <color name = "Lightseagreen" > #20b2aa </color><!--Bright Sea blue--<color name= "DodgerBlue" > #1e90ff </color> <!--blue-<color name= "Midnightblue" > #191970 </color><!--Grey-to-<color name= "Aqua" > #00ffff </color><!--Light green--<color name= "cyan" > #00ffff </color><!--Cyan-to-<color name = "Springgreen" > #00ff7f </color><!--Spring Green--<color name= "lime" > #00ff00 </color><!--Sour Orange --<color name= "Mediumspringgreen" > #00fa9a </color><!--Spring Green--and <color name= "Darkturquoise" > #00ced1 </color><!--Dark Gem green---<color name= "Deepskyblue" > #00bfff </color><!--Deep Blue-- > <color name= "Darkcyan" > #008b8b </color><!--Dark Cyan-to-<color name= "teal" > #008080 </color ><!--Teal-<color name= "green" > #008000 &Lt;/color><!--Green--<color name= "Darkgreen" > #006400 </color><!--dark green--<color name= " Blue > #0000ff </color><!--Blue--<color name= "MediumBlue" > #0000cd </color><!--Medium Blue-- > <color name= "darkblue" > #00008b </color><!--dark blue-to <color name= "Navy" > #000080 </color ><!--Navy--<color name= "BLACK" > #000000 </color><!--Black--and </resources>

1 How to configure colors with Colors.xml files

android:background="@color/tan"

The lookup is based on the label signature.

the difference between 2 marginleft and Paddingleft

Margin is an outer border, border is a border, and padding is an inner border.

Reference Documents

1.http://aichixihongshi.iteye.com/blog/1181834

2.http://www.cnblogs.com/FlyFive/archive/2013/01/03/2843230.html

American and American pictures

Android Advanced (24) Recommended colors for Android UI---interface development