how to Change image on button click in android studio

how to Change image on button click in android studio

In this Article Today learn how to Change image on button click in android studio. follow the steps for tutorial.

1.Open Android Studio create a New Project:

2.Choice a Empty Activity and Click Next Button:

3.Change App name,Package  and Click Finish.

Follow the Full Code how to Change image on button click in android studio.

1.MainActivity.java:

package com.akash.myapplication;

import android.app.Activity;

import android.graphics.Typeface;

import android.os.Bundle;

import android.renderscript.Type;

import android.view.Gravity;

import android.view.View;

import android.widget.Button;

import android.widget.EditText;

import android.widget.ImageView;

import android.widget.RadioGroup;

import android.widget.RadioGroup.OnCheckedChangeListener;

import android.widget.TextView;

public class MainActivity extends Activity implements OnCheckedChangeListener {

    RadioGroup group1, group2;

    Button gen;

    ImageView img;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        // TODO Auto-generated method stub

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        group1 = (RadioGroup) findViewById(R.id.rg1);

        group1.setOnCheckedChangeListener((OnCheckedChangeListener) this);

        group2 = (RadioGroup) findViewById(R.id.rg2);

        group2.setOnCheckedChangeListener((OnCheckedChangeListener) this);

        img = (ImageView) findViewById(R.id.imageView1);

        // oncheckedChanged function

        gen = (Button) findViewById(R.id.button1);

        gen.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

            }

        });

    }

    @Override

    public void onCheckedChanged(RadioGroup group, int checkedId) {

        // TODO Auto-generated method stub

        switch (checkedId) {

            case R.id.radioButton1:

                img.setImageResource(R.drawable.ic_launcher);

                break;

            case R.id.radioButton2:

                img.setImageResource(R.drawable.ic_launcher);

                break;

            case R.id.radioButton3:

                img.setImageResource(R.drawable.ic_launcher);

                break;

            case R.id.radioButton4:

                img.setImageResource(R.drawable.ic_launcher);

                break;

            default:

                break;

        }

    }

}

2.activity_main.xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:paddingBottom="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context=".MainActivity" >

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:orientation="horizontal"

        android:paddingBottom="40px"

        android:weightSum="2" >

        <RadioGroup

            android:id="@+id/rg1"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:layout_weight="1"

            android:orientation="vertical" >

            <RadioButton

                android:id="@+id/radioButton1"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_alignParentRight="true"

                android:layout_alignParentTop="true"

                android:layout_marginTop="20dp"

                android:text="Image2" />

            <RadioButton

                android:id="@+id/radioButton2"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_alignBaseline="@+id/radioButton1"

                android:layout_alignBottom="@+id/radioButton1"

                android:layout_alignParentLeft="true"

                android:text="Image1" />

        </RadioGroup>

        <RadioGroup

            android:id="@+id/rg2"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:layout_weight="1"

            android:orientation="vertical" >

            <RadioButton

                android:id="@+id/radioButton3"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_marginTop="30dp"

                android:text="Image3" />

            <RadioButton

                android:id="@+id/radioButton4"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_alignBaseline="@+id/radioButton3"

                android:layout_alignBottom="@+id/radioButton3"

                android:layout_alignParentRight="true"

                android:text="Image4" />

        </RadioGroup>

    </LinearLayout>

    <Button

        android:id="@+id/button1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentLeft="true"

        android:layout_alignParentRight="true"

        android:layout_centerVertical="true"

        android:text="Change Image" />

    <ImageView

        android:id="@+id/imageView1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignLeft="@+id/button1"

        android:layout_alignParentBottom="true"

        android:layout_alignParentRight="true"

        android:layout_below="@+id/button1"

        android:layout_marginTop="50dp"

        android:src="@drawable/ic_launcher" />

</RelativeLayout>

3.AndroidManifest.xml:

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

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

    package="com.akash.myapplication">

    <application

        android:allowBackup="true"

        android:icon="@mipmap/ic_launcher"

        android:label="@string/app_name"

        android:roundIcon="@mipmap/ic_launcher_round"

        android:supportsRtl="true"

        android:theme="@style/AppTheme">

        <activity android:name=".MainActivity">

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />

            </intent-filter>

        </activity>

    </application>

</manifest>

4.dimens.xml:

<resources>

    <!-- Default screen margins, per the Android Design guidelines. -->

    <dimen name="activity_horizontal_margin">16dp</dimen>

    <dimen name="activity_vertical_margin">16dp</dimen>

</resources>

5.colors.xml:

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

<resources>

    <color name="colorPrimary">#6200EE</color>

    <color name="colorPrimaryDark">#3700B3</color>

    <color name="colorAccent">#03DAC5</color>

</resources>

6.Output: