How to Set Image in a Image View on Click in Android Studio

Introduction

 

In this article, you will learn how to set an image in an Image View on a click.

 

Step 1

 

First I used many Image Views and ScrollViews for the sliding activity. The first Image View sets the image on a button click and the others contain the images to be set. I saved the images in the drawable folder by copy and paste.

 

Step 2

 

Open the layout file activity_main.xml and write this:

<?xml version="1.0" encoding="utf-8" ?>

<LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:background="#80000000">

  <ImageView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:id="@+id/imageView1"
          android:layout_gravity="center"/>
  <Button
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="New Button"
          android:id="@+id/button" android:layout_gravity="center"
          android:visibility="invisible"/>

  <HorizontalScrollView
          android:layout_width="200dp"
          android:layout_height="wrap_content"
          android:id="@+id/scrollView"
          android:layout_gravity="center">

    <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

      <ImageView
              android:src="@drawable/image2"
              android:layout_width="125dp"
              android:layout_height="fill_parent"
              android:id="@+id/imageView2"
              android:padding="15dp"/>

      <ImageView
              android:src="@drawable/image3"
              android:layout_width="125dp"
              android:layout_height="125dp"
              android:id="@+id/imageView3"
              android:layout_gravity="center"
              android:padding="15dp"/>

      <ImageView
              android:src="@drawable/images4"
              android:layout_width="125dp"
              android:layout_height="125dp"
              android:id="@+id/imageView4"
              android:layout_gravity="center"
              android:padding="15dp"/>

      <ImageView
              android:src="@drawable/image5"
              android:layout_width="125dp"
              android:layout_height="125dp"
              android:id="@+id/imageView5"
              android:layout_gravity="center"
              android:padding="15dp"/>

      <ImageView
              android:src="@drawable/image6"
              android:layout_width="125dp"
              android:layout_height="125dp"
              android:id="@+id/imageView6"
              android:layout_gravity="center"
              android:padding="15dp"/>

      <ImageView
              android:src="@drawable/image7"
              android:layout_width="125dp"
              android:layout_height="125dp"
              android:id="@+id/imageView7"
              android:layout_gravity="center"
              android:padding="15dp"/>

    </LinearLayout>

  </HorizontalScrollView>
  <TextView
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"
          android:textAppearance="?android:attr/textAppearanceMedium"
          android:text="Click on the Image"
          android:id="@+id/textView"
          android:layout_marginTop="50dp"
         android:textColor="#45454545"
          android:layout_marginLeft="120dp"/>

</LinearLayout>

Open the Java class file Main_Activity.java and write this:

package com.wallpaer;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import java.io.IOException;
import java.io.InputStream;

public class MainActivity extends Activity implements View.OnClickListener{
    ImageView imageView1;
    Button button;
     int tophone;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        imageView1=(ImageView)findViewById(R.id.imageView1);
        tophone=R.drawable.ic_launcher;
        ImageView imageView2=(ImageView)findViewById(R.id.imageView2);
        ImageView imageView3=(ImageView)findViewById(R.id.imageView3);
        ImageView imageView4=(ImageView)findViewById(R.id.imageView4);
        ImageView imageView5=(ImageView)findViewById(R.id.imageView5);
        ImageView imageView6=(ImageView)findViewById(R.id.imageView6);
        ImageView imageView7=(ImageView)findViewById(R.id.imageView7);
        button=(Button)findViewById(R.id.button);
        imageView2.setOnClickListener(this);
        imageView3.setOnClickListener(this);
        imageView4.setOnClickListener(this);
 
        imageView5.setOnClickListener(this);imageView2.setOnClickListener(this);
        imageView6.setOnClickListener(this);
        imageView7.setOnClickListener(this);
        button.setOnClickListener(this);
       }
      public void onClick(View v)
      {
        switch(v.getId())
        {
            case R.id.imageView2:
                imageView1.setImageResource(R.drawable.image2);
                tophone=R.drawable.image3;
                break;
            case R.id.imageView3:
                imageView1.setImageResource(R.drawable.image3);
                tophone=R.drawable.image5;
                break;
            case R.id.imageView4:
                imageView1.setImageResource(R.drawable.images4);
                tophone=R.drawable.ic_launcher;
                break;
            case R.id.imageView5:
                imageView1.setImageResource(R.drawable.image2);
                tophone=R.drawable.ic_launcher;
                break;
            case R.id.imageView6:
                imageView1.setImageResource(R.drawable.image6);
                tophone=R.drawable.ic_launcher;
                break;
            case R.id.imageView7:
                imageView1.setImageResource(R.drawable.image7);
                tophone=R.drawable.ic_launcher;
                break;
            case R.id.button:
                InputStream a=getResources().openRawResource(tophone);
                Bitmap whatever= BitmapFactory.decodeStream(a);
               try{
                   getApplicationContext().setWallpaper(whatever);
               }
               catch(IOException e){
                   e.printStackTrace();
               }
                   break;
        }
    }
}

Step 3

 

First, the User Interface will appear like this:

 

 

Step 4

 

On the click, the image will be set on Image View and look like this:

 

 

Step 5

 

You can change the image by sliding these images like this:

 

 

Summary

 

In this article, we learned about How to Set Image in an Image View on Click in Android Studio.