Color Splash Effect| Color changer editor | Android Full Code with documentation | Admob Ads

Introduction

The Color Splash effect is a popular visual effect used in many Android applications to isolate a specific part of the image and highlight it in a different color. This effect is particularly useful for creating engaging and interactive images in social media, chat apps, and other multimedia applications.

In this tutorial, we will learn how to create a Color Splash effect in Android using the Color Changer Editor. We will also learn how to integrate Admob ads in our application and add full code with documentation.

Step 1: Create a New Android Project

To start, create a new Android project in Android Studio. Choose "Empty Activity" and name it "ColorSplashEffect".

Step 2: Add the Color Changer Editor Library

Add the Color Changer Editor library to your project by adding the following line to your app's build.gradle file:

dependencies {
    implementation 'com.colorchangereditor:color-changer-editor:1.0.1'
}

Then, sync your project with Gradle files.

Step 3: Create a New Activity

Create a new activity in your project and name it "ColorSplashActivity". This activity will be responsible for displaying the Color Splash effect.

Step 4: Load the Image

In the ColorSplashActivity, load the image that you want to apply the Color Splash effect to. You can do this using the Glide library:

Glide.with(this)
   .load(R.drawable.image)
   .into(imageView);

Step 5: Create a Color Changer Editor Instance

Create a new instance of the Color Changer Editor:

ColorChangerEditor colorChangerEditor = new ColorChangerEditor(this);

Step 6: Set the Color Splash Effect

Set the Color Splash effect using the setEffect method:

colorChangerEditor.setEffect(ColorChangerEditor.Effect.COLOR_SPLASH);

Step 7: Set the Color

Set the color that you want to use for the Color Splash effect:

colorChangerEditor.setColor(Color.RED);

Step 8: Apply the Color Splash Effect

Apply the Color Splash effect to the image:

colorChangerEditor.applyEffect(imageView);

Step 9: Display the Ad

To display Admob ads, add the following code to your ColorSplashActivity:

private InterstitialAd interstitialAd;

@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    interstitialAd = new InterstitialAd(this);
    interstitialAd.setAdUnitId("YOUR_ADMOB_AD_UNIT_ID");
    interstitialAd.loadAd(new AdRequest.Builder().build());
    return super.onCreateView(inflater, container, savedInstanceState);
}

@Override
public void onPause() {
    interstitialAd.onPause();
    super.onPause();
}

@Override
public void onResume() {
    interstitialAd.onResume();
    super.onResume();
}

public void showAd() {
    if (interstitialAd.isLoaded()) {
        interstitialAd.show();
    }
}

Step 10: Call the showAd Method

Call the showAd method in your ColorSplashActivity to display the Admob ad:

public void onDestroy() {
    super.onDestroy();
    showAd();
}

Full Code

Here is the full code for the ColorSplashActivity:

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

import androidx.fragment.app.Fragment;

import com.colorchangereditor.ColorChangerEditor;
import com.colorchangereditor.ColorChangerEditor.Effect;
import com.google.android.gms.ads.AdRequest;
import com.google.android.gms.ads.InterstitialAd;

public class ColorSplashActivity extends Fragment {

    private ImageView imageView;
    private ColorChangerEditor colorChangerEditor;
    private InterstitialAd interstitialAd;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.color_splash_activity, container, false);

        imageView = view.findViewById(R.id.image_view);

        colorChangerEditor = new ColorChangerEditor(getContext());
        colorChangerEditor.setEffect(ColorChangerEditor.Effect.COLOR_SPLASH);
        colorChangerEditor.setColor(Color.RED);

        Glide.with(this)
               .load(R.drawable.image)
               .into(imageView);

        colorChangerEditor.applyEffect(imageView);

        interstitialAd = new InterstitialAd(getContext());
        interstitialAd.setAdUnitId("YOUR_ADMOB_AD_UNIT_ID");
        interstitialAd.loadAd(new AdRequest.Builder().build());

        return view;
    }

    @Override
    public void onPause() {
        super.onPause();
        interstitialAd.onPause();
    }

    @Override
    public void onResume() {
        super.onResume();
        interstitialAd.onResume();
    }

    public void showAd() {
        if (interstitialAd.isLoaded()) {
            interstitialAd.show();
        }
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
        showAd();
    }
}

Documentation

Here is the documentation for the Color Changer Editor library:

• setEffect: Sets the Color Splash effect.
• setColor: Sets the color that you want to use for the Color Splash effect.
• applyEffect: Applies the Color Splash effect to the image.

Admob Ads

Here is the documentation for Admob ads:

• loadAd: Loads the Admob ad.
• show: Shows the Admob ad.

I hope this tutorial helps you create a Color Splash effect in Android using the Color Changer Editor and integrate Admob ads in your application.