{"id":745,"date":"2018-12-23T06:38:50","date_gmt":"2018-12-22T23:38:50","guid":{"rendered":"https:\/\/luckytruedev.com\/learning\/?p=745"},"modified":"2019-09-21T22:27:20","modified_gmt":"2019-09-21T15:27:20","slug":"pengenalan-android-resource-warna-color","status":"publish","type":"post","link":"https:\/\/luckytruedev.com\/learning\/pengenalan-android-resource-warna-color\/","title":{"rendered":"Pengenalan Android Resource Warna (Color)"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/maxresdefault-1024x576.jpg\" alt=\"\" class=\"wp-image-746\" srcset=\"https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/maxresdefault.jpg 1024w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/maxresdefault-300x169.jpg 300w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/maxresdefault-768x432.jpg 768w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/maxresdefault-110x62.jpg 110w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/maxresdefault-420x236.jpg 420w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/maxresdefault-764x430.jpg 764w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/maxresdefault-20x11.jpg 20w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Android Resource Warna (Gambar Google Images)<\/figcaption><\/figure><\/div>\n\n\n\n<p>Salah satu cara paling efektif untuk membuat aplikasi Android Anda menonjol adalah dengan menambahkan beberapa warna.\u00a0<\/p>\n\n\n<div id=\"lucky-1814371499\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-5605825534849002\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-5605825534849002\" \ndata-ad-slot=\"5317815257\" \ndata-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Mulai<\/strong><\/h3>\n\n\n\n<p>Buat proyek Android baru dan hapus UI bawaan elemen dan tata letak yang dihasilkan Eclipse. Untuk memulai, kita akan melakukannya  ubah latar belakang proyek ini menjadi hitam.<\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code brush: plain; notranslate\">\/\/Sintaks membuat latar belakang (background) menjadi hitam, tulis kode ini pada layout (contoh : activity_main.xml)\n\n&lt;RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n        xmlns:tools=\"http:\/\/schemas.android.com.tools\"\n        android:background=\"@color\/black\"\n        android:layout_width=\"match_parent\" \n        android:layout_height=\"match_parent\"   >\n\n       &lt;\/RelativeLayout><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Konstanta<\/strong><strong> <\/strong><strong>Warna<\/strong><\/h3>\n\n\n\n<p>&nbsp;Anda harus menggunakan konstanta warna, jika Anda ingin menambahkan lebih banyak warna.<br><br>Pada tingkat yang paling dasar, mengubah warna latar belakang hanyalah masalah mengganti \u201d@color\/black&#8221; dengan salah satu dari kode ini. Misalnya, nilai untuk &#8216;biru&#8217; itu :<br><br>Nilai Konstanta: -16776961 ff0000ff<br><br>Masukkan berikut ini untuk mengubah latar belakang (Background) menjadi biru :<\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code brush: plain; notranslate\">\/\/ sintaks merubah warna menjadi biru\n\nandroid:background=\"#ff0000ff\u201c<\/pre>\n\n\n\n<p>Atau, untuk mengubah warna latar (Background) ke hijau masukkan :<\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code brush: plain; notranslate\">\/\/Sintaks merubah warna menjadi hijau\n\nandroid:background=\"#ff00ff00\u201c<\/pre>\n\n\n<div id=\"lucky-127018253\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-5605825534849002\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-5605825534849002\" \ndata-ad-slot=\"3760179245\" \ndata-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>File color.xml telah ditambahkan ke folder &#8216;Values&#8217;.<\/strong><\/h3>\n\n\n\n<p>1.Buka file color.xml dan beralih ke tab &#8216;color.xml&#8217; jika tidak terbuka secara otomatis. <br><br>2. Masukkan berikut : <\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code brush: plain; notranslate\">&lt;?xml version=\"1.0\" encoding=\"utf-8\"?>\n&lt;resources>\n&lt;color name=\"blue\">#ff0000ff&lt;\/color>\n&lt;\/resources><\/pre>\n\n\n\n<p>3. Kembali ke file XML res \/ layout Anda dan atur warna latar belakang, dengan cara yang persis sama seperti &#8216;hitam&#8217; yang telah kita gunakan sebelumnya. : <\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code brush: plain; notranslate\">android:background=\"@color\/blue\u201c<\/pre>\n\n\n\n<p> 4.Beralih ke editor tata letak grafis. Latar belakang sekarang harus biru. <br><br>Coba ubah warna latar belakang terakhir kali dengan menentukan warna baru :<\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code brush: plain; notranslate\">&lt;color name=\"LightPink\">#FFE4E1&lt;\/color><\/pre>\n\n\n\n<p>Kembali ke file layout dan ganti &nbsp;\u201c@color\/blue\u201d dengan&nbsp;\u201c@color\/LightPink.\u201d&nbsp;<br><\/p>\n\n\n<div id=\"lucky-170849186\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-5605825534849002\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-5605825534849002\" \ndata-ad-slot=\"3760179245\" \ndata-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Menerapkan Warna ke Unsur UI (Layout)<\/h3>\n\n\n\n<p>Setelah Anda mendefinisikan warna Anda, satu baris XML adalah semua yang diperlukan untuk mengubah warna teks \/ tombol \/ editText atau widget yang Anda pilih..<br><br>Contoh ini kita akan menggunakan TextViews :<br><br>Disini kami akan lakukan!! Tambahkan saja Baris ini untuk teks Warna dalam Widget manapun.<\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code brush: plain; notranslate\">&lt;TextView\nandroid:id=\"@+id\/myTextViewy\"\nandroid:layout_width=\"wrap_content\"\nandroid:layout_height=\"wrap_content\"\nandroid:layout_alignParentLeft=\"true\"\nandroid:layout_alignParentTop=\"true\"\nandroid:textColor=\"@color\/blue\"\nandroid:text=\u201cini adalah teks warna biru\" \/><\/pre>\n\n\n\n<p>Sumber : Master Android (App)<\/p>\n<div id=\"lucky-1169857320\" class=\"lucky-after-content lucky-entity-placement\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-5605825534849002\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-5605825534849002\" \ndata-ad-slot=\"5317815257\" \ndata-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Salah satu cara paling efektif untuk membuat aplikasi Android Anda menonjol adalah dengan menambahkan beberapa warna.\u00a0 Mulai Buat proyek Android baru dan hapus UI bawaan elemen dan tata letak yang dihasilkan Eclipse. Untuk memulai, kita akan melakukannya ubah latar belakang proyek ini menjadi hitam. Konstanta Warna &nbsp;Anda harus menggunakan konstanta warna, jika Anda ingin menambahkan [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":746,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-745","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ltdv-android-tutor"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/posts\/745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/comments?post=745"}],"version-history":[{"count":1,"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/posts\/745\/revisions"}],"predecessor-version":[{"id":2296,"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/posts\/745\/revisions\/2296"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/media\/746"}],"wp:attachment":[{"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/media?parent=745"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/categories?post=745"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/tags?post=745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}