Friday, 21 August 2020

Cardview Rounded Corners are not showing up in Screenshot?

I'm trying take screenshot of a cardview which is in a DialogFragment. When I take a screenshot via Code. Top rounded corners are not showing but the bottom rounded corners are showing correctly. I saw these issues mentioned in the below Questions...

Cardview loses its radius when taken a screenshot programmatically

Using PixelCopy to copy a scaled View within a DialogFragment

As per the above question, I tested the same layout & code in a Fragment class. Then the rounded corners are showing up correctly...

LAYOUT

<?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:id="@+id/mainlinear"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="12dp"
    android:layout_margin="18dp">

    <androidx.cardview.widget.CardView
        android:id="@+id/cardView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:cardCornerRadius="28dp">

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/colorCand"
            android:orientation="vertical">

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/image"
                android:layout_width="match_parent"
                android:layout_height="320dp"
                android:background="@color/colorWhite"
                android:scaleType="centerCrop"
                android:src="@drawable/turtle" />

            <LinearLayout
                android:id="@+id/header"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/image"
                android:background="@color/colorAccent">

                <androidx.appcompat.widget.AppCompatImageView
                    android:id="@+id/type"
                    android:layout_width="48dp"
                    android:layout_height="48dp"
                    android:layout_gravity="center"
                    android:layout_marginStart="8dp"
                    android:src="@drawable/ic_idea" />

                <TextView
                    android:id="@+id/title"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_vertical"
                    android:layout_marginEnd="8dp"
                    android:maxLines="1"
                    android:textAlignment="textEnd"
                    android:textAllCaps="true"
                    android:textColor="@color/colorWhite"
                    android:textSize="18sp"
                    android:textStyle="bold"
                    tools:ignore="RtlCompat"
                    tools:text="Sea Turtle Day" />
            </LinearLayout>

            <RelativeLayout
                android:id="@+id/desc"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_below="@+id/header"
                android:background="@color/colorGray">

                <TextView
                    android:id="@+id/tag"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true"
                    android:layout_marginStart="12dp"
                    android:layout_marginEnd="8dp"
                    android:layout_toStartOf="@id/category_icon"
                    android:maxLines="2"
                    android:textColor="@color/colorAccent"
                    tools:text="#SeaTurtleDay#SeaTurtleDay" />

                <androidx.appcompat.widget.AppCompatImageView
                    android:id="@+id/category_icon"
                    android:layout_width="48dp"
                    android:layout_height="48dp"
                    android:layout_alignParentEnd="true"
                    android:layout_centerVertical="true"
                    android:layout_marginStart="4dp"
                    android:layout_marginEnd="4dp"
                    android:src="@drawable/animals" />
            </RelativeLayout>

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/logo"
                android:layout_width="96dp"
                android:layout_height="96dp"
                android:layout_below="@+id/desc"
                android:layout_centerHorizontal="true"
                android:layout_gravity="center"
                android:layout_margin="8dp"
                android:src="@drawable/wwf_logo" />

        </RelativeLayout>

    </androidx.cardview.widget.CardView>

</LinearLayout>

ShotDialog.java

public class ShotDialog extends DialogFragment {

    StkyrDialogBinding mBind;
    private static Context mCon;
    private static Boolean viaEntity;
    private String mLink;

    public ShotDialog() {
    }

    public static ShotDialognewInstance(Context context, Stkyr mStk, Boolean entityOnclick) {
        StkyrDialog frag = new StkyrDialog();
        mCon = context;
        viaEntity = entityOnclick;
        Bundle args = new Bundle();
        args.putSerializable("STK", mStk);
        frag.setArguments(args);
        return frag;
    }

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        mBind = ShotDialogBinding.inflate(inflater);
        getDialog().getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));

            mBind.fwd.setOnClickListener(view -> {
                FragmentManager fm = ((FragmentActivity) mCon).getSupportFragmentManager();
                BottomDialogFragment mBot = BottomDialogFragment.newInstance(mCon, mBind.mainRelative);
                mBot.show(fm, "ShareDialog");
            });

        }

        return mBind.getRoot();
    }

}

BottomDialogFragment.java (From this Bottomsheet the screenshot code is triggered for the above Dialog)

public class BottomDialogFragment extends BottomSheetDialogFragment {

    public static Context mCon;
    private static View stkView;

    DialogShareBinding mBind;
    private String sharePath = "no";

    public static BottomDialogFragment newInstance(Context context, View view) {
        mCon = context;
        stkView = view;
        return new BottomDialogFragment();
    }

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

        mBind = DialogShareBinding.inflate(inflater);
        return mBind.getRoot();
    }

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

        mBind.stkShare.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dismiss();
            }
        });

        mBind.share.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dismiss();
                Log.e("onClick: ", "SS TRIGGER");
                takeStkShot();
            }
        });
    }


    public void takeStkShot() {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
            ViewImage.Companion.getScreenShotFromView(stkView, getActivity(), (bm) -> {
                Log.e("takeStkShot: ", "> > >");
                storeImage(bm);
                return null;
            });
        } else {
            Bitmap bm = ViewImage.Companion.getScreenShot(stkView);
            storeImage(bm);
            Log.e("takeStkShot: ", "> > > ScreenShot");
        }
    }

    private void storeImage(Bitmap bm) {
        Log.e("takeScreenshot: ", "STORING");
        Date now = new Date();
        android.text.format.DateFormat.format("yyyy-MM-dd hh:mm", now);
        try {
            // image naming and path  to include sd card  appending name you choose for file
            String mPath = Environment.getExternalStorageDirectory().toString() + "/" + now + ".jpeg";

            try {
                Log.d("ShareImageCreate", bm.toString());
                File imageFile = new File(mPath);

                FileOutputStream outputStream = new FileOutputStream(imageFile);
                int quality = 100;
                bm.compress(Bitmap.CompressFormat.JPEG, quality, outputStream);
                outputStream.flush();
                outputStream.close();

                //setting screenshot in imageview
                String filePath = imageFile.getPath();

                Log.e("takeScreenshot > > ", filePath);

                Bitmap ssbitmap = BitmapFactory.decodeFile(imageFile.getAbsolutePath());
                //iv.setImageBitmap(ssbitmap);
                sharePath = filePath;
                Log.d("ShareImageCreate", sharePath);

                Toast.makeText(getActivity(),"SCREENSHOT STORED!",Toast.LENGTH_SHORT).show();

            } catch (NullPointerException ex) {
                ex.printStackTrace();
            }

        } catch (Throwable e) {
            // Several error may come out with file handling or DOM
            e.printStackTrace();
        }
    }
}

ShotFragment.java (This Gives expected result with rounded corners)

public class ShotFragment extends Fragment {

    String mEntityType = Constants.CAUSE;
    Bundle mBundle;
    ExtendedFloatingActionButton nextFab;
    AppCompatImageView img;
    CardView mCard;

    private String sharePath = "no";


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

        View root = inflater.inflate(R.layout.dialog_test, container, false);

        ((AppCompatActivity) getActivity()).getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        ((AppCompatActivity) getActivity()).getSupportActionBar().setDisplayShowHomeEnabled(true);
        ((AppCompatActivity) getActivity()).getSupportActionBar().setTitle("Create Screenshot");

        mCard = root.findViewById(R.id.cardView);

        mCard.setOnClickListener(view -> {
        takeStkShot();
        return root;
    }

    public void takeStkShot() {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
            ViewImage.Companion.getScreenShotFromView(mCard, getActivity(), (bm) -> {
                Log.e("takeStkShot: ", "> > >");
                storeImage(bm);
                return null;
            });
        } else {
            Bitmap bm = ViewImage.Companion.getScreenShot(mCard);
            storeImage(bm);
            Log.e("takeStkShot: ", "> > > ScreenShot");
        }
    }

    private void storeImage(Bitmap bm) {
        Log.e("takeScreenshot: ", "STORING");
        Date now = new Date();
        android.text.format.DateFormat.format("yyyy-MM-dd hh:mm", now);
        try {
            // image naming and path  to include sd card  appending name you choose for file
            String mPath = Environment.getExternalStorageDirectory().toString() + "/" + now + ".jpeg";

            // create bitmap screen capture
            //View v1 = lyTakeScreenShots.getRootView();

            try {
                Log.d("ShareImageCreate", bm.toString());
                File imageFile = new File(mPath);

                FileOutputStream outputStream = new FileOutputStream(imageFile);
                int quality = 100;
                bm.compress(Bitmap.CompressFormat.JPEG, quality, outputStream);
                outputStream.flush();
                outputStream.close();

                //setting screenshot in imageview
                String filePath = imageFile.getPath();

                Log.e("takeScreenshot > > ", filePath);

                Bitmap ssbitmap = BitmapFactory.decodeFile(imageFile.getAbsolutePath());
                //iv.setImageBitmap(ssbitmap);
                sharePath = filePath;
                Log.d("ShareImageCreate", sharePath);

                Toast.makeText(getActivity(),"SCREENSHOT STORED!",Toast.LENGTH_SHORT).show();

            } catch (NullPointerException ex) {
                ex.printStackTrace();
            }

        } catch (Throwable e) {
            // Several error may come out with file handling or DOM
            e.printStackTrace();
        }
    }

enter image description here



from Cardview Rounded Corners are not showing up in Screenshot?

No comments:

Post a Comment