{"id":34,"date":"2009-01-18T18:51:19","date_gmt":"2009-01-19T01:51:19","guid":{"rendered":"http:\/\/www.connorgarvey.com\/blog\/?p=34"},"modified":"2010-02-12T09:43:26","modified_gmt":"2010-02-12T16:43:26","slug":"gradient-dividers-in-android","status":"publish","type":"post","link":"https:\/\/connorgarvey.com\/blog\/?p=34","title":{"rendered":"Gradient dividers in Android"},"content":{"rendered":"

Many of Android’s screens use attractive dividers with gradients that fade from black to white to black.\u00a0 Here’s how to create one of your own.<\/p>\n

1. <\/strong>Create a file called “black_white_gradient.xml” in \/res\/drawable. Paste this into it.<\/p>\n

<\/a>Code block<\/a><\/td><\/a> <\/a> <\/a> <\/td><\/tr><\/table><\/div>
<?xml<\/span> version<\/span>="1.0"<\/span> encoding<\/span>="utf-8"<\/span>?><\/span><\/span>\n<shape<\/span> xmlns:android<\/span>="http:\/\/schemas.android.com\/apk\/res\/android"<\/span><\/span>\n    android:shape<\/span>="rectangle"<\/span>><\/span><\/span>\n  <gradient<\/span><\/span>\n      android:startColor<\/span>="#00000000"<\/span><\/span>\n      android:centerColor<\/span>="#FFFFFFFF"<\/span><\/span>\n      android:endColor<\/span>="#00000000"<\/span><\/span>\n      android:angle<\/span>="0"<\/span> \/><\/span><\/span>\n<\/shape><\/span><\/span><\/span><\/pre><\/div><\/div>\n
2.<\/strong> Create a view in the target layout and apply the gradient as the background.\u00a0 The “black_white_gradient” in “@drawable\/black_white_gradient” refers to the file name of the shape above.<\/p>\n
<View android:id=\"@+id\/divider\"\r\n    android:background=\"@drawable\/black_white_gradient\"\r\n    android:layout_width=\"fill_parent\"\r\n    android:layout_height=\"1dp\"\r\n    android:layout_below=\"@id\/someOtherThing\" \/><\/pre>\n","protected":false},"excerpt":{"rendered":"
Many of Android’s screens use attractive dividers with gradients that fade from black to white to black.\u00a0 Here’s how to create one of your own. 1. Create a file called “black_white_gradient.xml” in \/res\/drawable. Paste this into it. 2. Create a view in the target layout and apply the gradient as the background.\u00a0 The “black_white_gradient” in […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[57],"tags":[3,4,6,7],"class_list":["post-34","post","type-post","status-publish","format-standard","hentry","category-android","tag-android","tag-java","tag-layout","tag-redpoint"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1ql2n-y","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/connorgarvey.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/connorgarvey.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/connorgarvey.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/connorgarvey.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/connorgarvey.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=34"}],"version-history":[{"count":6,"href":"https:\/\/connorgarvey.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/34\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/connorgarvey.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/34\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/connorgarvey.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=34"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/connorgarvey.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=34"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/connorgarvey.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}