![\"Relative](\"\/ui\/wp-content\/uploads\/2016\/06\/Relative-Layout-Background-Color-And-Image-Example.jpg\")
<\/p>\n
Important\u00a0Note:<\/strong><\/span> We can set color or image in the background of RelativeLayout in XML\u00a0using background attribute or programmatically means in java class using setBackgroundColor() for color and setBackground() method for setting image.<\/p>\n Step 1:<\/strong><\/span>\u00a0Create a new project and name it RelativeLayout’sBackgroundColorAndImage.<\/p>\n Step 2:<\/strong><\/span>\u00a0Open res -> layout ->activity_main.xml (or) main.xml and add following code:<\/p>\n In this step we open xml file and then create a custom layout in which we display two RelativeLayout\u2019s , one is the parent layout and other one \u00a0is the child layout in which we display two TextView\u2019s. In the background of Parent Relative Layout we set green color and in the background of child RelativeLayout we set an image\/drawable.<\/p>\n Step 3:<\/strong><\/span>\u00a0Open\u00a0 \u00a0src -> package -> MainActivity.java<\/p>\n In this step Firstly we get the reference of TextView\u2019s\u00a0 and then perform setOnClickListener event on TextView\u2019s so Whenever a user click on any TextView the text value is displayed on screen by using a Toast.<\/p>\n Step 4:<\/strong><\/span>\u00a0Open\u00a0 \u00a0res -> values-> colors.xml<\/p>\n In this step we define the colors (green and white) that used in the background and text color of TextView\u2019s.<\/p>\n Output:<\/strong><\/p>\n Now run the app and you will see the below output<\/p>\n Here we show how to change background color and image in Relative Layout with example in Android Studio. In this example we create a custom layout in which we display two RelativeLayout\u2019s , one is the parent layout and other one \u00a0is the child layout in which we display two TextView\u2019s. In the background of … Continue reading Relative Layout Background Color And Image Example In Android Studio<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":2086,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1,67],"tags":[],"class_list":["post-2028","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-archieve","category-layout"],"acf":[],"psp_head":"<!-- parent RelativeLayout in which we set green color for the background -->\r\n<RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\nxmlns:tools=\"http:\/\/schemas.android.com\/tools\"\r\nandroid:layout_width=\"match_parent\"\r\nandroid:layout_height=\"match_parent\"\r\nandroid:background=\"@color\/greenColor\"\r\ntools:context=\".MainActivity\">\r\n<!-- child RelativeLayout in which we set an image for the background -->\r\n<RelativeLayout\r\nandroid:layout_width=\"match_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:layout_centerInParent=\"true\"\r\nandroid:background=\"@drawable\/img\"\r\nandroid:padding=\"20dp\">\r\n<!-- first TextView -->\r\n<TextView\r\nandroid:id=\"@+id\/firstTextView\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:layout_centerHorizontal=\"true\"\r\nandroid:layout_margin=\"20dp\"\r\nandroid:padding=\"10dp\"\r\nandroid:text=\"First Text View\"\r\nandroid:textColor=\"@color\/white\"\r\nandroid:textSize=\"20sp\"\r\nandroid:textStyle=\"bold\" \/>\r\n<!-- second TextView -->\r\n<TextView\r\nandroid:id=\"@+id\/secondTextView\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:layout_below=\"@+id\/firstTextView\"\r\nandroid:layout_centerHorizontal=\"true\"\r\nandroid:layout_margin=\"20dp\"\r\nandroid:padding=\"10dp\"\r\nandroid:text=\"Second Text View\"\r\nandroid:textColor=\"@color\/white\"\r\nandroid:textSize=\"20sp\"\r\nandroid:textStyle=\"bold\" \/>\r\n<\/RelativeLayout>\r\n\r\n\r\n<\/RelativeLayout>\r\n<\/pre>\n
package example.abhiandroid.relativelayoutsbackgroundcolorandimage;\r\n\r\nimport android.support.v7.app.AppCompatActivity;\r\nimport android.os.Bundle;\r\nimport android.view.Menu;\r\nimport android.view.MenuItem;\r\nimport android.view.View;\r\nimport android.widget.TextView;\r\nimport android.widget.Toast;\r\n\r\npublic class MainActivity extends AppCompatActivity {\r\n\r\nTextView firstTextView, secondTextView;\r\n\r\n@Override\r\nprotected void onCreate(Bundle savedInstanceState) {\r\nsuper.onCreate(savedInstanceState);\r\nsetContentView(R.layout.activity_main);\r\n\/\/ get the reference of TextView's\r\nfirstTextView = (TextView) findViewById(R.id.firstTextView);\r\nsecondTextView = (TextView) findViewById(R.id.secondTextView);\r\n\/\/ perform setOnClickListener event on first TextView\r\nfirstTextView.setOnClickListener(new View.OnClickListener() {\r\n@Override\r\npublic void onClick(View v) {\r\n\/\/ display the text of first TextView by using a toast\r\nToast.makeText(getApplicationContext(), firstTextView.getText().toString(), Toast.LENGTH_LONG).show();\r\n}\r\n});\r\n\/\/ perform setOnClickListener event on first TextView\r\nsecondTextView.setOnClickListener(new View.OnClickListener() {\r\n@Override\r\npublic void onClick(View v) {\r\n\/\/ display the text of second TextView by using a toast\r\nToast.makeText(getApplicationContext(), secondTextView.getText().toString(), Toast.LENGTH_LONG).show();\r\n}\r\n});\r\n}\r\n\r\n@Override\r\npublic boolean onCreateOptionsMenu(Menu menu) {\r\n\/\/ Inflate the menu; this adds items to the action bar if it is present.\r\ngetMenuInflater().inflate(R.menu.menu_main, menu);\r\nreturn true;\r\n}\r\n\r\n@Override\r\npublic boolean onOptionsItemSelected(MenuItem item) {\r\n\/\/ Handle action bar item clicks here. The action bar will\r\n\/\/ automatically handle clicks on the Home\/Up button, so long\r\n\/\/ as you specify a parent activity in AndroidManifest.xml.\r\nint id = item.getItemId();\r\n\r\n\/\/noinspection SimplifiableIfStatement\r\nif (id == R.id.action_settings) {\r\nreturn true;\r\n}\r\n\r\nreturn super.onOptionsItemSelected(item);\r\n}\r\n}\r\n<\/pre>\n<?xml version=\"1.0\" encoding=\"utf-8\"?>\r\n<resources>\r\n\r\n<!\u2014define color\u2019s that are used in our app -->\r\n<color name=\"greenColor\">#0f0<\/color>\r\n<color name=\"white\">#fff<\/color>\r\n<\/resources><\/pre>\n
![\"Relative](\"\/ui\/wp-content\/uploads\/2016\/06\/Relative-Layout-Background-Color-And-Image-Example-194x300.jpg\")
<\/p>\n","protected":false},"excerpt":{"rendered":"