Convert ImageView to black and white and set brightness using ColorFilter

MainActivity.java

package com.blogspot.android_er.androidcolorfilter;

import android.graphics.ColorFilter;
import android.graphics.ColorMatrixColorFilter;
import android.graphics.PorterDuff;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.ImageView;
import android.widget.SeekBar;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

 ImageView imageView;
 SeekBar brightnessBar;
 TextView brightnessInfo;

 PorterDuff.Mode[] optMode = PorterDuff.Mode.values();

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);

 imageView = (ImageView)findViewById(R.id.iv);
 brightnessBar = (SeekBar)findViewById(R.id.bar_brightness);
 brightnessInfo = (TextView)findViewById(R.id.brightness_info);

 brightnessBar.setOnSeekBarChangeListener(brightnessBarChangeListener);

 setBlackAndWhite(imageView);
 }

 SeekBar.OnSeekBarChangeListener brightnessBarChangeListener
 = new SeekBar.OnSeekBarChangeListener(){

 @Override
 public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
 setBlackAndWhite(imageView);
 }

 @Override
 public void onStartTrackingTouch(SeekBar seekBar) {

 }

 @Override
 public void onStopTrackingTouch(SeekBar seekBar) {

 }
 };

 private void setBlackAndWhite(ImageView iv){

 float brightness = (float)(brightnessBar.getProgress() - 255);

 float[] colorMatrix = {
 0.33f, 0.33f, 0.33f, 0, brightness, //red
 0.33f, 0.33f, 0.33f, 0, brightness, //green
 0.33f, 0.33f, 0.33f, 0, brightness, //blue
 0, 0, 0, 1, 0 //alpha
 };

 ColorFilter colorFilter = new ColorMatrixColorFilter(colorMatrix);
 iv.setColorFilter(colorFilter);

 brightnessInfo.setText(String.valueOf(brightness));
 }

}

layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 
 
 android_layout_width="match_parent"
 android_layout_height="match_parent"
 android_padding="16dp"
 android_orientation="vertical"
 tools_context=".MainActivity">

 <TextView
 android_layout_width="wrap_content"
 android_layout_height="wrap_content"
 android_layout_gravity="center_horizontal"
 android_autoLink="web"
 android_text="http://android-er.blogspot.com/"
 android_textStyle="bold" />

 <ImageView
 android_id="@+id/iv"
 android_layout_width="wrap_content"
 android_layout_height="wrap_content"
 android_src="@mipmap/ic_launcher"/>

 <TextView
 android_layout_width="wrap_content"
 android_layout_height="wrap_content"
 android_text="Brightness"/>

 <SeekBar
 android_id="@+id/bar_brightness"
 android_layout_width="match_parent"
 android_layout_height="wrap_content"
 android_max="512"
 android_progress="255"/>

 <TextView
 android_id="@+id/brightness_info"
 android_layout_width="wrap_content"
 android_layout_height="wrap_content"
 android_text="Brightness"/>
</LinearLayout>

Related:
- Android example code using ColorFilter

Read More..

Custom AlertDialog with EditText and ImageView build with AlertDialog Builder

Example to builld AlertDialog with EditText and ImageView, build with AlertDialog.Builder.

Create layout/dialog_layout.xml, to define the layout of the dialog.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 
 android_orientation="vertical"
 android_layout_width="match_parent"
 android_layout_height="match_parent">

 <ImageView
 android_id="@+id/image"
 android_layout_width="wrap_content"
 android_layout_height="wrap_content" />
 <TextView
 android_layout_width="match_parent"
 android_layout_height="wrap_content"
 android_text="This is custom layout in custom dialog"/>
 <EditText
 android_id="@+id/dialogEditText"
 android_layout_width="match_parent"
 android_layout_height="wrap_content" />

</LinearLayout>

MainActivity.java

package com.blogspot.android_er.androidcustomalertdialog;

import android.app.AlertDialog;
import android.content.DialogInterface;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

 Button btnOpenDialog;
 TextView textInfo;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);

 btnOpenDialog = (Button)findViewById(R.id.opendialog);
 textInfo = (TextView)findViewById(R.id.info);

 btnOpenDialog.setOnClickListener(new View.OnClickListener() {
 @Override
 public void onClick(View v) {
 openDialog();
 }
 });
 }

 private void openDialog(){
 LayoutInflater inflater = LayoutInflater.from(MainActivity.this);
 View subView = inflater.inflate(R.layout.dialog_layout, null);
 final EditText subEditText = (EditText)subView.findViewById(R.id.dialogEditText);
 final ImageView subImageView = (ImageView)subView.findViewById(R.id.image);
 Drawable drawable = getResources().getDrawable(R.mipmap.ic_launcher);
 subImageView.setImageDrawable(drawable);

 AlertDialog.Builder builder = new AlertDialog.Builder(this);
 builder.setTitle("AlertDialog");
 builder.setMessage("AlertDialog Message");
 builder.setView(subView);
 AlertDialog alertDialog = builder.create();

 builder.setPositiveButton("OK", new DialogInterface.OnClickListener() {
 @Override
 public void onClick(DialogInterface dialog, int which) {
 textInfo.setText(subEditText.getText().toString());
 }
 });

 builder.setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
 @Override
 public void onClick(DialogInterface dialog, int which) {
 Toast.makeText(MainActivity.this, "Cancel", Toast.LENGTH_LONG).show();
 }
 });

 builder.show();
 }
}

layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 
 
 android_layout_width="match_parent"
 android_layout_height="match_parent"
 android_padding="16dp"
 android_orientation="vertical"
 tools_context=".MainActivity">

 <TextView
 android_layout_width="wrap_content"
 android_layout_height="wrap_content"
 android_layout_gravity="center_horizontal"
 android_autoLink="web"
 android_text="http://android-er.blogspot.com/"
 android_textStyle="bold" />

 <Button
 android_id="@+id/opendialog"
 android_layout_width="match_parent"
 android_layout_height="wrap_content"
 android_text="Open Dialog"/>

 <TextView
 android_id="@+id/info"
 android_layout_width="match_parent"
 android_layout_height="wrap_content"
 android_textSize="20dp"
 android_textStyle="bold"/>
</LinearLayout>

Read More..

Load photo and scale down to suit ImageView

This example show how to load photo using Intent.ACTION_OPEN_DOCUMENT, and scale-down to suitable size, to display in ImageView.


MainActivity.java

package com.blogspot.android_er.androidimage;

import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.net.Uri;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.Toast;

import java.io.FileNotFoundException;

public class MainActivity extends AppCompatActivity {

 private static final int RQS_OPEN = 1;
 Button buttonOpen;
 ImageView imageView;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 buttonOpen = (Button) findViewById(R.id.opendocument);
 buttonOpen.setOnClickListener(buttonOpenOnClickListener);

 imageView = (ImageView)findViewById(R.id.image);
 }

 View.OnClickListener buttonOpenOnClickListener =
 new View.OnClickListener() {
 @Override
 public void onClick(View v) {
 Intent intent = new Intent();
 intent.setAction(Intent.ACTION_OPEN_DOCUMENT);
 intent.addCategory(Intent.CATEGORY_OPENABLE);
 intent.setType("image/*");
 startActivityForResult(intent, RQS_OPEN);
 }
 };

 @Override
 protected void onActivityResult(int requestCode, int resultCode, Intent data) {
 if (resultCode == RESULT_OK && requestCode == RQS_OPEN) {
 Uri dataUri = data.getData();
 int w = imageView.getWidth();
 int h = imageView.getHeight();
 Toast.makeText(MainActivity.this,
 dataUri.toString() + " " +
 w + " : " + h,
 Toast.LENGTH_LONG).show();

 try {
 Bitmap bm = loadScaledBitmap(dataUri, w, h);
 imageView.setImageBitmap(bm);
 Toast.makeText(MainActivity.this,
 bm.getWidth() + " x " + bm.getHeight(),
 Toast.LENGTH_SHORT).show();
 } catch (FileNotFoundException e) {
 e.printStackTrace();
 Toast.makeText(MainActivity.this, e.getMessage(), Toast.LENGTH_LONG).show();
 }
 }
 }

 /*
 reference:
 Load scaled bitmap
 http://android-er.blogspot.com/2013/08/load-scaled-bitmap.html
 */
 private Bitmap loadScaledBitmap(Uri src, int req_w, int req_h) throws FileNotFoundException {

 Bitmap bm = null;

 // First decode with inJustDecodeBounds=true to check dimensions
 final BitmapFactory.Options options = new BitmapFactory.Options();
 options.inJustDecodeBounds = true;
 BitmapFactory.decodeStream(getBaseContext().getContentResolver().openInputStream(src),
 null, options);

 // Calculate inSampleSize
 options.inSampleSize = calculateInSampleSize(options, req_w, req_h);

 // Decode bitmap with inSampleSize set
 options.inJustDecodeBounds = false;
 bm = BitmapFactory.decodeStream(
 getBaseContext().getContentResolver().openInputStream(src), null, options);

 return bm;
 }

 public int calculateInSampleSize(BitmapFactory.Options options,
 int reqWidth, int reqHeight) {
 // Raw height and width of image
 final int height = options.outHeight;
 final int width = options.outWidth;
 int inSampleSize = 1;

 if (height > reqHeight || width > reqWidth) {

 // Calculate ratios of height and width to requested height and
 // width
 final int heightRatio = Math.round((float) height
 / (float) reqHeight);
 final int widthRatio = Math.round((float) width / (float) reqWidth);

 // Choose the smallest ratio as inSampleSize value, this will
 // guarantee
 // a final image with both dimensions larger than or equal to the
 // requested height and width.
 inSampleSize = heightRatio < widthRatio ? heightRatio : widthRatio;
 }

 return inSampleSize;
 }
}

Read More..