CODEWITHSUNDEEP
javaandroid
Ramu
Ramu

Reputation: 155

Changing an image on a button click

iam new to android development and here iam trying to change images on a button click ,iam using the animate() method to fade one of the images and achieve the result .The first button click is fading the images but the second time i click on this button ,it doesnt give any result (images doesnt fade ) .

give me any possible solutions.thankyou

.java file

package e.nani.bestimage;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {

public void change(View view) {
    int flag=0;
    ImageView img1 = (ImageView) findViewById(R.id.single);
    ImageView img2 = (ImageView) findViewById(R.id.withands);
    switch(flag){

    case 0:img1.animate().alpha(0f).setDuration(2000);
                img2.animate().alpha(1f).setDuration(2000);
                flag=1;
                break;
        case 1:    img1.animate().alpha(1f).setDuration(2000);
            img2.animate().alpha(0f).setDuration(2000);
            flag=0;
            break;
    }
    }
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    ImageView img1=(ImageView) findViewById(R.id.single);
    ImageView img2=(ImageView) findViewById(R.id.withands);
    img1.animate().alpha(1f).setDuration(2000);
    img2.animate().alpha(0f).setDuration(2);

}

}

xml file

<?xml version="1.0" encoding="utf-8"?>
<android.widget.RelativeLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/holo_purple"
tools:context=".MainActivity">

<ImageButton
    android:id="@+id/single"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:scaleType="centerCrop"
    app:srcCompat="@drawable/imgthree" />

<ImageView
    android:id="@+id/withands"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:clickable="true"
    app:srcCompat="@drawable/imgsix" />

<Button
    android:id="@+id/button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:layout_marginBottom="98dp"
    android:alpha="0.7"
    android:background="@android:color/background_dark"
    android:onClick="change"
    android:text="find out the person"
    android:textColor="@android:color/holo_blue_bright" />
    </android.widget.RelativeLayout>

Upvotes: 0

Views: 70

Answers (1)

Simos Lazarou
Simos Lazarou

Reputation: 119

Anytime the change() method is called it's setting the flag equals to 0. Try this :

public class MainActivity extends AppCompatActivity {

int flag;
public void change(View view) {

ImageView img1 = (ImageView) findViewById(R.id.single);
ImageView img2 = (ImageView) findViewById(R.id.withands);
switch(flag){

  case 0:
            img1.animate().alpha(0f).setDuration(2000);
            img2.animate().alpha(1f).setDuration(2000);
            flag=1;
            break;
    case 1:   
        img1.animate().alpha(1f).setDuration(2000);
        img2.animate().alpha(0f).setDuration(2000);
        flag=0;
        break;
  }
}
 @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
   setContentView(R.layout.activity_main);
   flag = 0;
   ImageView img1=(ImageView) findViewById(R.id.single);
   ImageView img2=(ImageView) findViewById(R.id.withands);
   img1.animate().alpha(1f).setDuration(2000);
   img2.animate().alpha(0f).setDuration(2);

 }

 }

Upvotes: 1

Related Questions