Tutorial by Examples

<ImageView android:id="@+id/imgExample" android:layout_width="wrap_content" android:layout_height="wrap_content" ... /> set a drawable as content of ImageView using XML attribute: android:src="@drawable/android2" set a drawable program...

"alpha" is used to specify the opacity for an image. set alpha using XML attribute: android:alpha="0.5" Note: takes float value from 0 (transparent) to 1 (fully visible) set alpha programmatically: imgExample.setAlpha(0.5f);

The image contained in the ImageView may not fit the exact size given to the container. In that case, the framework allows you to resize the image in a number of ways. Center <ImageView android:layout_width="20dp" android:layout_height="20dp" andr...

Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or larger than the corresponding dimension of the view (minus padding). Official Docs When the image matches the proportions of the container: When the image is...

Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or less than the corresponding dimension of the view (minus padding). Official Docs It will center the image and resize it to the smaller size, if both container s...

Scale the image using START. Scale the image using END. Official Docs FitStart This will fit to the smallest size of the container, and it will align it to the start. <ImageView android:layout_width="200dp" android:layout_height="200dp" android:src...

Scale the image using CENTER. Official Docs This expands the image to try to match the container and it will align it to the center, it will fit to the smaller size. Bigger height ( fit to width ) Same width and height.

Scale the image using FILL. Official Docs <ImageView android:layout_width="100dp" android:layout_height="200dp" android:src="@mipmap/ic_launcher" android:id="@+id/imageView" android:scaleType="fitXY&quo...

Controls how the image should be resized or moved to match the size of ImageView. XML attribute: android:scaleType="..." i will illustrate different scale types with a square ImageView which has a black background and we want to display a rectangular drawable in white background in Im...

Set a tinting color for the image. By default, the tint will blend using SRC_ATOP mode. set tint using XML attribute: android:tint="#009c38" Note: Must be a color value, in the form of "#rgb", "#argb", "#rrggbb", or "#aarrggbb". set tint progra...

Copy and Paste following class in your package: public class MLRoundedImageView extends ImageView { public MLRoundedImageView(Context context) { super(context); } public MLRoundedImageView(Context context, AttributeSet attrs) { super(context, attrs); } ...