Android - Sharing image with copyright text in social network

We all know in today’s social media world, we all like to share image and text with our friends. One of the must feature in application is share feature. In this blog let us explore how to share a simple Image file with embedded text on the image like copyright text of your application.

This feature will be useful when one like’s to share the game achievements and status.

Step 1:

Create an activity shareimageActivity.

Modify the main.xml file; let us add an image view and a share button.

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

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

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical" >

    <TextView

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:text="Lovely Quotes" />

    <ImageView

        android:id="@+id/motivation_img"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

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

    <Button

        android:id="@+id/share_btn"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Share" />

</LinearLayout>

Step 2:

Create a function drawTextToBitmap() This function takes the resource ID of the image and the text which has to be written on the image.

Here we create a bitmap and pass the bitmap to canvas and the text is written on the canvas and the bitmap is returned.

    public Bitmap drawTextToBitmap(Context gContext, int gResId,

              String gText)

     {

              Resources resources = gContext.getResources();

              float scale = resources.getDisplayMetrics().density;

              Bitmap bitmap =

                  BitmapFactory.decodeResource(resources, gResId);

             

              android.graphics.Bitmap.Config bitmapConfig =

                  bitmap.getConfig();

              // set default bitmap config if none

              if(bitmapConfig == null) {

                bitmapConfig = android.graphics.Bitmap.Config.ARGB_8888;

              }

              // resource bitmaps are imutable,

              // so we need to convert it to mutable one

              bitmap = bitmap.copy(bitmapConfig, true);

             

              Canvas canvas = new Canvas(bitmap);

              // new antialised Paint

              Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);

              // text color - #3D3D3D

              paint.setColor(Color.rgb(61, 61, 61));

              // text size in pixels

              paint.setTextSize((int) (14 * scale));

              // text shadow

              paint.setShadowLayer(1f, 0f, 1f, Color.WHITE);

             

              // draw text to the Canvas center

              Rect bounds = new Rect();

              paint.getTextBounds(gText, 0, gText.length(), bounds);

              int x = (bitmap.getWidth() - bounds.width())/2;

              int y = (bitmap.getHeight() + bounds.height())/2;

             

              canvas.drawText(gText, x * scale, y * scale, paint);

             

              return bitmap;

            }

Step 3:

In OnCreate(), get the share button and in onClicklistener() of the button let us create a new bitmap file and save the bitmap file with current date and time along with our appname.

We use Intent.ACTION_SEND to send the image from one activity to another.

To explore more on this feature how to send simple text, binary, multiple content visit http://developer.android.com/training/sharing/send.html

share_btn = (Button) findViewById(R.id.share_btn);

       

share_btn.setOnClickListener(new OnClickListener() {

                 

      @Override

      public void onClick(View v) {

           

// Create the bitmap, send the image and text has to be               // written   

Bitmap share_img = drawTextToBitmap(v.getContext(), R.drawable.cool_thought, "GRAPHICS BY SUBHA" );

ByteArrayOutputStream bytes = new ByteArrayOutputStream();

share_img.compress(Bitmap.CompressFormat.JPEG, 100, bytes);

            SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMdd_HHmmss");

            String currentDateandTime = sdf.format(new Date());

String filename = currentDateandTime+ "appname.jpg";

Log.i("ShareImg", Environment.getExternalStorageDirectory() + File.separator + filename);

File f = new File(Environment.getExternalStorageDirectory() + File.separator + filename);

            try {

                            f.createNewFile();

                            FileOutputStream fo = new FileOutputStream(f);

                            fo.write(bytes.toByteArray());

            } catch (IOException e) {                      

                                e.printStackTrace();

                        }

//Create an Intent for sharing the image

            Intent share = new Intent(Intent.ACTION_SEND);

            share.setType("image/jpg");

                       

share.putExtra(Intent.EXTRA_STREAM, Uri.parse("file:///sdcard/"+filename));

share.putExtra(Intent.EXTRA_TITLE, "Did this cool water effect using GIMP, for instructions, http://www.gimpusers.com/tutorials/waterdrops-on-a-surface.html");

            startActivity(Intent.createChooser(share, "Share Image"));

                       

                  }

            });

Enjoy sharing your image with copyright text J