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.

Image:

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: