Send data and generate downloadable PDF file

  • Post comments:0 Comments

In this tutorial, we will discuss about generating PDF file.

There are many apps in the Play Store and other App Stores that provide the facility to create downloadable PDF files. These apps are like resume builder app which you can download PDF file. Others such as many apps that provide the facility to create downloadable PDF files. And you can save it on your device.

So friends, in this tutorial we will create PDF file and save it, it will open automatically when downloaded completed.

PDF file is very important when we want to allow user to download data as PDF format. However we are using downloadable PDF file using xml LinearLayout. We convert LinearLayout to PDF format file and then download easily.

What is the process to create and open a PDF file?

we will create pdf file through user data, means we will create one activity, in that activity we will use image and edit text, then send all data to other view activity and then pdf file as downloadable will generate. This is a simple process to generate LinearLayout in PDF file.

Let’s start the step by step process to generate PDF file.

How to generate downloadable PDF file

Step-1:

Create a new project, you can name it whatever you want.

Step-2:

Open AndroidManifest.xml and give storage permission to save PDF and open it.

App⇾manifests⇾AndroidManifest.xml and add below permission.

    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

Full code of Androidmanifest.xml

Androidmanifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.layoutpdf">

    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

    <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/Theme.LayoutPdf">
        <activity android:name=".MainActivity2"></activity>
        <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>

Step-3

Now open activity_main.xml and create UI design for edit text and ImageView data.

In this tutorial we will use ImageView, EditText and a button to send data from another Activity.

The code of activity_main.xml is given below.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    tools:context=".MainActivity">

  <ImageView
      android:layout_width="100dp"
      android:layout_height="100dp"
      android:src="@mipmap/ic_launcher_round"
      android:id="@+id/avatar"
      android:layout_gravity="center"/>
<EditText
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/fname"
    android:inputType="text"
    android:hint="First Name"/>

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/lname"
        android:inputType="text"
        android:hint="Last Name"/>
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/email"
        android:inputType="textEmailAddress"
        android:hint="Email Id"/>
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/mobile"
        android:inputType="number"
        android:hint="Mobile No."/>
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/age"
        android:inputType="number"
        android:hint="AGe"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/view"
            android:text="view"/>
</LinearLayout>

Step-4

Go to MainActivity.java

In MainActivity.java file create some method and initialize id. We have already known about this.

Also, we use image so pick image from gallery and view it on image view. That topic is covered in “Send data from one activity to another“.

Then we will send all edit text and image view data to another activity.

The code of MainActivity.java is given below.

MainActivity.java

package com.example.layoutpdf;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.annotation.RequiresApi;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.content.ContextCompat;

import android.Manifest;
import android.content.Intent;
import android.content.pm.PackageManager;
import android.graphics.Bitmap;
import android.graphics.drawable.BitmapDrawable;
import android.net.Uri;
import android.os.Build;
import android.os.Bundle;
import android.provider.MediaStore;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.Toast;

import java.io.ByteArrayOutputStream;
import java.io.IOException;

public class MainActivity extends AppCompatActivity {
ImageView avatar;
EditText fname,lname,email,mobile,age;
Button view;

public static final int REQUEST_STORAGE=101;
String storagePermission[];
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //create methods
        findId();
        storagePermission=new String[]{Manifest.permission.WRITE_EXTERNAL_STORAGE};
        pickImage();
        displayData();
    }

    private void displayData() {
        view.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent=new Intent(MainActivity.this,MainActivity2.class);
                intent.putExtra("avatar",imageViewToByte());
                intent.putExtra("fname",fname.getText().toString());
                intent.putExtra("lname",lname.getText().toString());
                intent.putExtra("email",email.getText().toString());
                intent.putExtra("mobile",mobile.getText().toString());
                intent.putExtra("age",age.getText().toString());
                startActivity(intent);
            }
        });
    }

    private byte[] imageViewToByte() {
        Bitmap bitmap=((BitmapDrawable)avatar.getDrawable()).getBitmap();
        ByteArrayOutputStream byteArrayOutputStream=new ByteArrayOutputStream();
        bitmap.compress(Bitmap.CompressFormat.JPEG,80,byteArrayOutputStream);
        byte[]bytes=byteArrayOutputStream.toByteArray();
        return bytes;
    }

    private void pickImage() {
        avatar.setOnClickListener(new View.OnClickListener() {
            @RequiresApi(api = Build.VERSION_CODES.M)
            @Override
            public void onClick(View v) {
                int avatar=0;
                if (avatar==0){
                    if (!checkStoragePermission()){
                        requestStoragePermission();
                    }else{
                        pickFromGallery();
                    }
                }
            }
        });
    }

    private void pickFromGallery() {
        Intent intent=new Intent();
        intent.setType("image/jpg/png");
        intent.setAction(Intent.ACTION_GET_CONTENT);
        startActivityForResult(Intent.createChooser(intent,"Pick Image"),101);
    }

    @RequiresApi(api = Build.VERSION_CODES.M)
    private void requestStoragePermission() {
        requestPermissions(storagePermission,REQUEST_STORAGE);
    }

    private boolean checkStoragePermission() {
        boolean result= ContextCompat.checkSelfPermission(this,Manifest.permission.WRITE_EXTERNAL_STORAGE)==(PackageManager.PERMISSION_GRANTED);
        return result;
    }

    private void findId() {
        avatar=(ImageView)findViewById(R.id.avatar);
        fname=(EditText)findViewById(R.id.fname);
        lname=(EditText)findViewById(R.id.lname);
        email=(EditText)findViewById(R.id.email);
        mobile=(EditText)findViewById(R.id.mobile);
        age=(EditText)findViewById(R.id.age);
        view=(Button)findViewById(R.id.view);
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if (requestCode==101&&resultCode==RESULT_OK){
            Uri uri=data.getData();
            Bitmap bitmap=null;
            try {
                bitmap= MediaStore.Images.Media.getBitmap(getContentResolver(),uri);
            }catch (IOException e){
                e.printStackTrace();
            }
            avatar.setImageBitmap(bitmap);
        }
    }

    @Override
    public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {
        super.onRequestPermissionsResult(requestCode, permissions, grantResults);
        switch (requestCode){
            case REQUEST_STORAGE:{
                if (grantResults.length>0){
                    boolean result=grantResults[0]==PackageManager.PERMISSION_GRANTED;
                    if (result){
                        pickFromGallery();
                    }else{
                        Toast.makeText(this, "Please enable storage permission", Toast.LENGTH_SHORT).show();
                    }
                }
            }
            break;
        }
    }
}

Step-5

Create a new activity to view the data and create the PDF file.

App ⇾ right click on Package name ⇾ new ⇾ activity ⇾ empty activity.

Here named MainActivity2.

Open activity_main2.xml and create UI as per your view, here is a simple format to view data sequentially.

The code of activity_main2.xml is given below.

Activity_main2.xml

<?xml version="1.0" encoding="utf-8"?>
<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"
    tools:context=".MainActivity2">
    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_baseline_save_alt_24"
        android:id="@+id/save"
        android:layout_centerHorizontal="true"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="20dp"
        android:elevation="18dp"/>
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white"
    android:elevation="12dp"
    android:orientation="vertical"
    android:id="@+id/lld">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/app_name"
                android:textSize="24dp"
                android:gravity="center"
                android:id="@+id/textview"
                android:layout_marginTop="20dp"/>
            <ImageView
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:src="@mipmap/ic_launcher_round"
                android:layout_below="@+id/textview"
                android:id="@+id/avatarview"
                android:layout_centerHorizontal="true"/>

            <TextView
                android:textStyle="bold"
                android:textSize="20dp"
                android:layout_marginLeft="10dp"
                android:layout_width="165dp"
                android:layout_height="wrap_content"
                android:layout_below="@+id/avatarview"
                android:id="@+id/textview2"
                android:text="First name"/>
            <TextView
                android:textSize="20dp"
                android:layout_width="165dp"
                android:layout_height="wrap_content"
                android:layout_below="@+id/avatarview"
                android:layout_toRightOf="@+id/textview2"
                android:text="fist Name"
                android:textAlignment="textStart"
                android:id="@+id/fnameview"/>

            <TextView
                android:textStyle="bold"
                android:textSize="20dp"
                android:layout_marginLeft="10dp"
                android:layout_width="165dp"
                android:layout_height="wrap_content"
                android:layout_below="@+id/textview2"
                android:id="@+id/textview3"
                android:text="Last name"/>
            <TextView
                android:textSize="20dp"
                android:layout_width="165dp"
                android:layout_height="wrap_content"
                android:layout_below="@+id/textview2"
                android:layout_toRightOf="@+id/textview2"
                android:text="fist Name"
                android:textAlignment="textStart"
                android:id="@+id/lnameview"/>

            <TextView
                android:textStyle="bold"
                android:textSize="20dp"
                android:layout_marginLeft="10dp"
                android:layout_width="165dp"
                android:layout_height="wrap_content"
                android:layout_below="@+id/textview3"
                android:id="@+id/textview4"
                android:text="Email Id"/>
            <TextView
                android:textSize="20dp"
                android:layout_width="165dp"
                android:layout_height="wrap_content"
                android:layout_below="@+id/textview3"
                android:layout_toRightOf="@+id/textview2"
                android:text="fist Name"
                android:textAlignment="textStart"
                android:id="@+id/emailview"/>

            <TextView
                android:textStyle="bold"
                android:textSize="20dp"
                android:layout_marginLeft="10dp"
                android:layout_width="165dp"
                android:layout_height="wrap_content"
                android:layout_below="@+id/textview4"
                android:id="@+id/textview5"
                android:text="Mobile"/>
            <TextView
                android:textSize="20dp"
                android:layout_width="165dp"
                android:layout_height="wrap_content"
                android:layout_below="@+id/textview4"
                android:layout_toRightOf="@+id/textview2"
                android:text="fist Name"
                android:textAlignment="textStart"
                android:id="@+id/mobileview"/>

            <TextView
                android:textStyle="bold"
                android:textSize="20dp"
                android:layout_marginLeft="10dp"
                android:layout_width="165dp"
                android:layout_height="wrap_content"
                android:layout_below="@+id/textview5"
                android:id="@+id/textview6"
                android:text="age"/>
            <TextView
                android:textSize="20dp"
                android:layout_width="165dp"
                android:layout_height="wrap_content"
                android:layout_below="@+id/textview5"
                android:layout_toRightOf="@+id/textview2"
                android:text="Age"
                android:textAlignment="textStart"
                android:id="@+id/ageview"/>
        </RelativeLayout>
    </LinearLayout>
</LinearLayout>
</RelativeLayout>

Step-6

Generate PDF file to view data and go to MainActivity2.java.

In MainActivity2.java file we will create some method similar to Mainactivity.java. And see at the data that we already know in the topic “Send data from one Activity to another” and also discussed “Convert Android LinearLayout to PDF“.

The code of MainActivity2.java is given below.

package com.example.layoutpdf;

import androidx.appcompat.app.AppCompatActivity;

import android.content.ActivityNotFoundException;
import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.pdf.PdfDocument;
import android.net.Uri;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.View;
import android.widget.ImageButton;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;

import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.util.function.BiFunction;

public class MainActivity2 extends AppCompatActivity {
ImageView avatarview;
TextView fnameview,lnameview,emailview,mobileview,ageview;
LinearLayout linearLayout;
ImageButton save;
Bitmap bitmap;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);
        findId();
        viewData();
        savePdf();

    }

    private void savePdf() {
        save.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Log.d("size",linearLayout.getWidth()+" "+linearLayout.getHeight());
              bitmap=loadBitmapFromView(linearLayout,linearLayout.getWidth(),linearLayout.getHeight());
              createPdf();
            }
        });
    }

    private void createPdf() {
        DisplayMetrics displayMetrics=new DisplayMetrics();
        this.getWindowManager().getDefaultDisplay().getMetrics(displayMetrics);
        float height=displayMetrics.heightPixels;
        float width=displayMetrics.widthPixels;

        int convertHeight=(int)height,
                convertWidth=(int)width;

        PdfDocument document=new PdfDocument();
        PdfDocument.PageInfo pageInfo=new PdfDocument.PageInfo.Builder(convertWidth,convertHeight,1).create();
        PdfDocument.Page page=document.startPage(pageInfo);

        Canvas canvas=page.getCanvas();
        Paint paint=new Paint();
        canvas.drawPaint(paint);
        bitmap=Bitmap.createScaledBitmap(bitmap,convertWidth,convertHeight,true);
        canvas.drawBitmap(bitmap,0,0,null);
        document.finishPage(page);

        //write document content
        String targetPdf="sdcard/page.pdf";
        File filepath=new File(targetPdf);
        try {
            document.writeTo(new FileOutputStream(filepath));
        }catch (IOException e){
            e.printStackTrace();
            Toast.makeText(this, "something want wrong try again"+e.toString(), Toast.LENGTH_SHORT).show();
        }
        //close document
        document.close();
        Toast.makeText(this, "pdf created successfully", Toast.LENGTH_SHORT).show();
    openPdf();
    }

    private void openPdf() {
        File file=new File("/sdcard/page.pdf");
        Intent intent=new Intent(Intent.ACTION_VIEW);
        Uri uri=Uri.fromFile(file);
        intent.setDataAndType(uri,"application/pdf");
        intent.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
        try {
            startActivity(intent);
        }catch (ActivityNotFoundException e){
            Toast.makeText(this, "No application found for pdf reader", Toast.LENGTH_SHORT).show();
        }
    }

    private Bitmap loadBitmapFromView(LinearLayout linearLayout, int width, int height) {
    bitmap=Bitmap.createBitmap(width,height, Bitmap.Config.ARGB_8888);
        Canvas canvas=new Canvas(bitmap);
        linearLayout.draw(canvas);
        return bitmap;
    }

    private void viewData() {
        Intent intent=getIntent();
        byte[]bytes=intent.getByteArrayExtra("avatar");
        Bitmap bitmap= BitmapFactory.decodeByteArray(bytes,0,bytes.length);
        avatarview.setImageBitmap(bitmap);
        String fname=intent.getStringExtra("fname");
        String lname=intent.getStringExtra("lname");
        String email=intent.getStringExtra("email");
        String mobile=intent.getStringExtra("mobile");
        String age=intent.getStringExtra("age");

        //set view
        fnameview.setText(":-"+fname.toString());
        lnameview.setText(":-"+lname.toString());
        emailview.setText(":-"+email.toString());
        mobileview.setText(":-"+mobile.toString());
        ageview.setText(":-"+age.toString());
    }

    private void findId() {
        avatarview=(ImageView)findViewById(R.id.avatarview);
        fnameview=(TextView)findViewById(R.id.fnameview);
        lnameview=(TextView)findViewById(R.id.lnameview);
        emailview=(TextView)findViewById(R.id.emailview);
        mobileview=(TextView)findViewById(R.id.mobileview);
        ageview=(TextView)findViewById(R.id.ageview);
        linearLayout=findViewById(R.id.lld);
        save=findViewById(R.id.save);
    }
}

Now run your project and see the output. As the output below shows.

generate pdf file in android studio
how to create xml LinearLayout to pdf file in android studio
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments