Convert Layout View to Image and Store in Storage (Android)

This code able to convert the whole view in scrollview to images. It been tested and successfully working.

 

First image is from the mobile, after click the "save and print receipt" it will save the whole view and stored in image gallery. Second image is the result

Change Snippet Background Color

default solarized dark solarized light github railscasts monokai-sublime mono-blue tomorrow color-brewer zenburn agate androidstudio dracula rainbow vs

 
        

@BindView(R.id.native_resit)
protected ScrollView native_resit;


@Override
    public void onViewCreated(View view, Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);

        ....
        ....

        close_btn.setOnClickListener(new resitClickListener());
        print_resit.setOnClickListener(new resitClickListener());

        runRecieptData();
}

private class resitClickListener implements View.OnClickListener{
        @Override
        public void onClick(View view) {
            if (view.getId() == R.id.close_btn){
                getFragmentManager().popBackStack();
            }
            else if (view.getId() == R.id.print_resit){
                print();
            }
        }
}

private void print(){
        ProgressDialog dialog = new ProgressDialog(getActivity());
        dialog.setMessage("Saving...");
        dialog.show();

        Bitmap bitmap = getBitmapFromView(native_resit,native_resit.getChildAt(0).getHeight(),native_resit.getChildAt(0).getWidth());
        try {
            File defaultFile = new File(Environment.getExternalStorageDirectory().getAbsolutePath()+"/Your_Folder");
            if (!defaultFile.exists())
                defaultFile.mkdirs();

            String filename = "Order ID "+orderHistoryResponse.getOrderId()+".jpg";
            File file = new File(defaultFile,filename);
            if (file.exists()) {
                file.delete();
                file = new File(defaultFile,filename);
            }

            FileOutputStream output = new FileOutputStream(file);
            bitmap.compress(Bitmap.CompressFormat.PNG, 100, output);
            output.flush();
            output.close();

            dialog.dismiss();

            Toast.makeText(getActivity(), Message.RECEIPT_SAVE, Toast.LENGTH_SHORT).show();
        } catch (Exception e) {
            e.printStackTrace();
            dialog.dismiss();
            Toast.makeText(getActivity(), Message.RECEIPT_SAVE_FAILED, Toast.LENGTH_SHORT).show();
        }
    }

    //create bitmap from the view
    private Bitmap getBitmapFromView(View view,int height,int width) {
        Bitmap bitmap = Bitmap.createBitmap(width, height,Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bitmap);
        Drawable bgDrawable =view.getBackground();
        if (bgDrawable!=null)
            bgDrawable.draw(canvas);
        else
            canvas.drawColor(Color.WHITE);
        view.draw(canvas);
        return bitmap;
    } 

 

Android Viewpager Wait Fragment Finish Load

After several attempt on how to wait all the fragment in view pager is loaded, i came out a solution where i create interface class to communicate between activity and the fragment..

1. Create Interface Class
2. Implement it on Activity class
3. Call it from each fragment at the off each process

Change Snippet Background Color

default solarized dark solarized light github railscasts monokai-sublime mono-blue tomorrow color-brewer zenburn agate androidstudio dracula rainbow vs

Create Interface as bridge between fragment and activity

public interface OnFragmentFinishLoad {
    public void onFinish(String tag,boolean state);
}
 

Now Create Activity Class contain Viewpager.. (Code not complete)

public class PizzaActivity extends BaseActivity implements OnFragmentFinishLoad {

   @BindView(R.id.cover_rl)
 
   protected RelativeLayout cover_rl;

   int countLoad = 0;

   @Override
 public void onCreate(Bundle savedInstanceState) {

      super.onCreate(savedInstanceState);

      setContentView(R.layout.activity_carte_tab_layout);
      cover_rl.setVisibility(View.VISIBLE);


      setupViewPager(viewPager);

      mTabLayout.setupWithViewPager(viewPager);

      setupTabLayout(mTabLayout);

      ……
   }

   @Override
 public void onFinish(String tag, boolean state) {

      if (state)
 
         countLoad++;

      
      //cat.size() is the number of fragment in view pager.
      //each time fragment trigger this function, there will return true and countLoad will increase
      //if number of true == cat.size() the loading will disappear
  

      if (countLoad == cat.size() - 1) {

         cover_rl.setVisibility(View.GONE);

      }

   }
}
 

Then, Create Fragment class, 

public class PizzaFragment extends BaseFragment {

   @Override
 
   public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

      return inflater.inflate(R.layout.default_fragment, container, false);

   }

   @Override
 
   public void onViewCreated(View view, Bundle savedInstanceState) {

       super.onViewCreated(view, savedInstanceState);

       ...
       ...

       
       //run task
       new AsyncDataTaskPizza().execute();
   }

   private class AsyncDataTaskPizza extends AsyncTask < Void, Void, Void > {
      @Override
 
      protected void onPreExecute() {

         super.onPreExecute();

      }

      @Override
      protected Void doInBackground(Void... params) {
           //HTTP Call or else
      }

      @Override
 
      protected void onPostExecute(List < PizzaDetail > result) {

          // call this function after finish load everything
          ((OnFragmentFinishLoad) getActivity()).onFinish(null, true);

      }
   }

}

Create other Fragment class, do like the same or something else but last process must end with ((OnFragmentFinishLoad) getActivity()).onFinish(null, true);


This is how i manage and i found that more easier to listen when all fragment in ViewPager is finish loading.  :D

Create different keystore for different flavour in Gradle Android

My current Android projects has a lot of flavors, and each flavor has different keystore to sign with. As a result it has very long build.gradle project file. As each flavor need defining separate singningConfig and defining flavor signing on release buildType. After reading couple of articles, i end up with this solution:

Change Snippet Background Color

default solarized dark solarized light github railscasts monokai-sublime mono-blue tomorrow color-brewer zenburn agate androidstudio dracula rainbow vs

1. Modify signingConfigs to fit with difference signing keystore for each flavour like example below

 
   // create 2 or more difference keystore.
    signingConfigs {
        
        configFirst {
            keyAlias KEY_ALIAS_MY
            keyPassword STORE_PASSWORD_MY
            storeFile file('../keystore_my.jks')
            storePassword KEY_PASSWORD_MY
        }

        configSecond {
            keyAlias KEY_ALIAS_SG
            keyPassword STORE_PASSWORD_SG
            storeFile file('../keystore_sg.jks')
            storePassword KEY_PASSWORD_SG
        }

        .....

        debug{

        }
    }
     

2. This is example of flavour. based on this example, only SGPROD and MYPROD i assign it to their own keystore. That's all as easy 123.. :D

    
    productFlavors{

        SGPROD{
            applicationId "com.mobile.sg"
            buildConfigField 'String', 'URL_LINK',SG_URL_PROD;
            buildConfigField 'String', 'URL_API',SG_API_PROD;
            
            //assign this flavour with signingConfigs configSecond
            signingConfig signingConfigs.configSecond
        }


        SGDEV{
            applicationId "com.mobile.sg.dev"
            buildConfigField 'String', 'URL_LINK',SG_URL_DEBUG;
            buildConfigField 'String', 'URL_API',SG_API_DEBUG;
        }

        MYPROD{
            applicationId "com.mobile.my"
            buildConfigField 'String', 'URL_LINK',MY_URL_PROD;
            buildConfigField 'String', 'URL_API',MY_API_PROD;

            //assign this flavour with signingConfigs configFirst
            signingConfig signingConfigs.configFirst
        }

        MYDEV{
            applicationId "com.mobile.my.dev"
            buildConfigField 'String', 'URL_LINK',MY_URL_DEBUG;
            buildConfigField 'String', 'URL_API',MY_API_DEBUG;
        }
    }