Below\u00a0is an ImageView code in XML:<\/strong><\/p>\n Make sure to save lion image in drawable folder<\/p>\n Now let\u2019s \u00a0we discuss some important\u00a0attributes that helps us to configure a ImageView in your xml file.<\/p>\n 1. id:<\/strong><\/span> id is an attribute used to uniquely identify a image view in android. Below is the example code in which we set the id of a image view.<\/p>\n 2. src:<\/strong><\/span> src is an attribute used to set a source file or you can say image in your imageview to make your layout attractive.<\/p>\n Below is the example code in which we set the source of a imageview lion which is saved in drawable folder.<\/p>\n In Java:<\/strong><\/p>\n We can also set the source image at run time programmatically in java class. For that we use setImageResource() method\u00a0as shown in below example code.<\/p>\n Below is the example code in which we set the black color in the background and an image in the src attribute of image view.<\/p>\n We can also set the background at run time programmatically in java class. In below example code we set the black color in the background of a image view.<\/p>\n 4. padding: <\/strong><\/span>padding attribute is used to set the padding from left, right, top or bottom of the Imageview.<\/p>\n Below is the example code of padding attribute in which we set the 30dp padding from all the side\u2019s of a image view.<\/p>\n Below is the example code of scale type in which we set the scale type of image view to fit_xy.<\/p>\n In below example code we set the value for scale type \u201cfitStart\u201d\u00a0 which is used to fit the image in the start of the image view as shown below:<\/p>\n Below is the example of imageview in which we display two animal images of Lion and Monkey. And whenever user\u00a0click on an image Animal name is displayed as\u00a0toast on screen. Below is the final output and code:<\/p>\n Download Code<\/a> ? <\/a><\/p>\n In this step we create a new project in android studio by filling all the necessary\u00a0details of the app like app name, package name, api versions etc.<\/p>\n Step 2:<\/strong> Download two images lion and monkey from the web. Now save those images in the drawable folder of your project.<\/p>\n In this step we\u00a0add the code for displaying an image view on the screen in a\u00a0relative layout. Here make sure you have already saved two images name lion and monkey in your drawable folder.<\/strong><\/p>\n Step 4:<\/strong>\u00a0Now open app\u00a0-> java -> package ->\u00a0MainActivity.java and add the following code:<\/p>\n In this step we add the code to\u00a0initiate the image view’s and then perform click event on them.<\/p>\n Output:<\/strong><\/span><\/p>\n Now start AVD in Emulator and run the App. You will see the images of Lion and Monkey displayed on screen. Click on any Animal image and his name will appear on Screen. We clicked on Lion.<\/p>\n In Android, ImageView class is used to display an image file in application. Image file is easy to use but hard to master in Android, because of the various screen sizes in Android devices. An android is enriched with some of the best UI design widgets that allows us\u00a0to build good looking and attractive UI … Continue reading ImageView Tutorial With Example In Android<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"home.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-809","page","type-page","status-publish","hentry"],"acf":[],"psp_head":"<ImageView\r\nandroid:id=\"@+id\/simpleImageView\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:src=\"@drawable\/lion\" \/>\r\n<\/pre>\n
![\"ImageView](\"\/ui\/wp-content\/uploads\/2016\/02\/ImageView-in-Android.jpg\")
<\/center><\/p>\n
\nAttributes of ImageView:<\/strong><\/h4>\n
<ImageView\r\nandroid:id=\"@+id\/simpleImageView\"<\/strong>\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\n\/>\r\n<\/pre>\n
<ImageView\r\nandroid:id=\"@+id\/simpleImageView\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:src=\"@drawable\/lion\"<\/strong> \/><!--set the source of an image view-->\r\n<\/pre>\n
\/*Add in Oncreate() funtion after setContentView()*\/\r\nImageView simpleImageView=(ImageView) findViewById(R.id.simpleImageView<\/em>);\r\nsimpleImageView.setImageResource(R.drawable.lion<\/em>);\/\/set the source in java class\r\n<\/pre>\n
![\"src](\"\/ui\/wp-content\/uploads\/2016\/02\/src-attribute-in-imageview-240x300.jpg\")
<\/center>3. background:<\/strong><\/span>\u00a0background attribute is used to set the background of a ImageView. We can set a color or a drawable in the background of a ImageView.<\/p>\n<ImageView\r\n android:id=\"@+id\/simpleImageView\"\r\n android:layout_width=\"fill_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:src=\"@drawable\/lion\"\r\n android:background=\"#000\"<\/strong>\/><!--black color in background of a image view--><\/pre>\n
![\"Background](\"\/ui\/wp-content\/uploads\/2016\/02\/Background-in-ImageView-Android-249x300.jpg\")
<\/center>In Java:<\/strong><\/p>\n\/*Add in Oncreate() funtion after setContentView()*\/\r\nImageView simpleImageView=(ImageView) findViewById(R.id.simpleImageView);\r\nsimpleImageView.setBackgroundColor(Color.BLACK);\/\/set black color in background of a image view in java class<\/pre>\n
\n
<ImageView\r\n android:id=\"@+id\/simpleImageView\"\r\n android:layout_width=\"fill_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:background=\"#000\"\r\n android:src=\"@drawable\/lion\"\r\n android:padding=\"30dp\"<\/strong>\/><!--set 30dp padding from all the sides--><\/pre>\n
![\"Padding](\"\/ui\/wp-content\/uploads\/2016\/02\/Padding-in-ImageView-Example-229x300.jpg\")
<\/center>5. scaleType:<\/span>\u00a0<\/strong>scaleType is an attribute used to control how the image should be re-sized or moved to match the size of this image view. The value for scale type attribute can\u00a0be fit_xy, center_crop, fitStart etc.<\/strong><\/p>\n<ImageView\r\nandroid:id=\"@+id\/simpleImageView\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:src=\"@drawable\/lion\"\r\nandroid:scaleType=\"fitXY\"<\/strong>\/><!--set scale type fit xy-->\r\n<\/pre>\n
![\"scaleType](\"\/ui\/wp-content\/uploads\/2016\/02\/scaleType-in-ImageView-Example-268x300.jpg\")
<\/center>Let\u2019s we take an another example of scale type to understand the actual working of scale type in a image view.<\/strong><\/p>\n<ImageView\r\n android:id=\"@+id\/simpleImageView\"\r\n android:layout_width=\"fill_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:src=\"@drawable\/lion\"\r\n android:scaleType=\"fitStart\"<\/strong>\/><!--set scale type fit start of image view--><\/pre>\n
![\"scaleType](\"\/ui\/wp-content\/uploads\/2016\/02\/scaleType-fitstart-in-ImageView-Example-248x300.jpg\")
<\/center><\/p>\n
\nExample of ImageView:<\/strong><\/h4>\n
![\"ImageView](\"\/ui\/wp-content\/uploads\/2016\/02\/ImageView-Example-in-Android-Studio-153x300.jpg\")
<\/center>Step 1:<\/strong> Create a new project and name it ImageViewExample.<\/p>\nSelect File -> New -> New Project and Fill the forms and click \"Finish\" button.\r\n<\/pre>\n
![\"save](\"\/ui\/wp-content\/uploads\/2016\/02\/save-images-in-drawable-folder-Android-Studio.jpg\")
<\/center>Step 3:<\/strong>\u00a0Now open res -> layout -> activity_main.xml (or) main.xml\u00a0and add following code:<\/p>\n<RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"match_parent\"\r\n android:paddingBottom=\"@dimen\/activity_vertical_margin\"\r\n android:paddingLeft=\"@dimen\/activity_horizontal_margin\"\r\n android:paddingRight=\"@dimen\/activity_horizontal_margin\"\r\n android:paddingTop=\"@dimen\/activity_vertical_margin\"\r\n tools:context=\".MainActivity\">\r\n\r\n\r\n <ImageView\r\n android:id=\"@+id\/simpleImageViewLion\"\r\n android:layout_width=\"fill_parent\"\r\n android:layout_height=\"200dp\"\r\n android:scaleType=\"fitXY\"\r\n android:src=\"@drawable\/lion\" \/>\r\n\r\n <ImageView\r\n android:id=\"@+id\/simpleImageViewMonkey\"\r\n android:layout_width=\"fill_parent\"\r\n android:layout_height=\"200dp\"\r\n android:layout_below=\"@+id\/simpleImageViewLion\"\r\n android:layout_marginTop=\"10dp\"\r\n android:scaleType=\"fitXY\"\r\n android:src=\"@drawable\/monkey\" \/>\r\n\r\n<\/RelativeLayout><\/pre>\n
package example.abhiandriod.imageviewexample;\r\n\r\nimport android.graphics.Color;\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.ImageView;\r\nimport android.widget.Toast;\r\n\r\npublic class MainActivity extends AppCompatActivity {\r\n\r\n @Override\r\n protected void onCreate(Bundle savedInstanceState) {\r\n super.onCreate(savedInstanceState);\r\n setContentView(R.layout.activity_main);\r\n ImageView simpleImageViewLion = (ImageView) findViewById(R.id.simpleImageViewLion);\/\/get the id of first image view\r\n ImageView simpleImageViewMonkey = (ImageView) findViewById(R.id.simpleImageViewMonkey);\/\/get the id of second image view\r\n simpleImageViewLion.setOnClickListener(new View.OnClickListener() {\r\n @Override\r\n public void onClick(View view) {\r\n Toast.makeText(getApplicationContext(), \"Lion\", Toast.LENGTH_LONG).show();\/\/display the text on image click event\r\n }\r\n });\r\n simpleImageViewMonkey.setOnClickListener(new View.OnClickListener() {\r\n @Override\r\n public void onClick(View view) {\r\n Toast.makeText(getApplicationContext(), \"Monkey\", Toast.LENGTH_LONG).show();\/\/display the text on image click event\r\n }\r\n });\r\n }\r\n\r\n \r\n}<\/pre>\n![\"ImageView](\"\/ui\/wp-content\/uploads\/2016\/02\/ImageView-Example-Run-App-in-Android-Studio-197x300.jpg\")
<\/center><\/p>\n","protected":false},"excerpt":{"rendered":"