CardView的圆角在截图中没有显示出来。

huangapple go评论82阅读模式
英文:

Cardview Rounded Corners are not showing up in Screenshot?

问题

我试图在DialogFragment中的CardView上进行屏幕截图。当我通过代码进行屏幕截图时,顶部的圆角不显示,但底部的圆角正确显示。我在下面的问题中看到了这些问题的提及...

链接:

https://stackoverflow.com/questions/60244119/cardview-loses-its-radius-when-taken-a-screenshot-programmatically

https://stackoverflow.com/questions/53550406/using-pixelcopy-to-copy-a-scaled-view-within-a-dialogfragment

根据上面的问题,我在Fragment类中测试了相同的布局和代码。然后,圆角正确显示...

布局

<!-- 你的布局XML代码 -->

ShotDialog.java

// 你的 ShotDialog.java 代码

BottomDialogFragment.java

// 你的 BottomDialogFragment.java 代码

ShotFragment.java

// 你的 ShotFragment.java 代码

注意:由于您请求只翻译代码部分,我已经移除了代码外的任何额外内容。如果您有任何进一步的问题,请随时问我。

英文:

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...

https://stackoverflow.com/questions/60244119/cardview-loses-its-radius-when-taken-a-screenshot-programmatically

https://stackoverflow.com/questions/53550406/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

&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
&lt;LinearLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
    xmlns:app=&quot;http://schemas.android.com/apk/res-auto&quot;
    xmlns:tools=&quot;http://schemas.android.com/tools&quot;
    android:id=&quot;@+id/mainlinear&quot;
    android:layout_width=&quot;match_parent&quot;
    android:layout_height=&quot;wrap_content&quot;
    android:padding=&quot;12dp&quot;
    android:layout_margin=&quot;18dp&quot;&gt;

    &lt;androidx.cardview.widget.CardView
        android:id=&quot;@+id/cardView&quot;
        android:layout_width=&quot;wrap_content&quot;
        android:layout_height=&quot;wrap_content&quot;
        app:cardCornerRadius=&quot;28dp&quot;&gt;

        &lt;RelativeLayout
            android:layout_width=&quot;wrap_content&quot;
            android:layout_height=&quot;wrap_content&quot;
            android:background=&quot;@color/colorCand&quot;
            android:orientation=&quot;vertical&quot;&gt;

            &lt;androidx.appcompat.widget.AppCompatImageView
                android:id=&quot;@+id/image&quot;
                android:layout_width=&quot;match_parent&quot;
                android:layout_height=&quot;320dp&quot;
                android:background=&quot;@color/colorWhite&quot;
                android:scaleType=&quot;centerCrop&quot;
                android:src=&quot;@drawable/turtle&quot; /&gt;

            &lt;LinearLayout
                android:id=&quot;@+id/header&quot;
                android:layout_width=&quot;match_parent&quot;
                android:layout_height=&quot;wrap_content&quot;
                android:layout_below=&quot;@+id/image&quot;
                android:background=&quot;@color/colorAccent&quot;&gt;

                &lt;androidx.appcompat.widget.AppCompatImageView
                    android:id=&quot;@+id/type&quot;
                    android:layout_width=&quot;48dp&quot;
                    android:layout_height=&quot;48dp&quot;
                    android:layout_gravity=&quot;center&quot;
                    android:layout_marginStart=&quot;8dp&quot;
                    android:src=&quot;@drawable/ic_idea&quot; /&gt;

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

            &lt;RelativeLayout
                android:id=&quot;@+id/desc&quot;
                android:layout_width=&quot;match_parent&quot;
                android:layout_height=&quot;wrap_content&quot;
                android:layout_below=&quot;@+id/header&quot;
                android:background=&quot;@color/colorGray&quot;&gt;

                &lt;TextView
                    android:id=&quot;@+id/tag&quot;
                    android:layout_width=&quot;match_parent&quot;
                    android:layout_height=&quot;wrap_content&quot;
                    android:layout_centerInParent=&quot;true&quot;
                    android:layout_marginStart=&quot;12dp&quot;
                    android:layout_marginEnd=&quot;8dp&quot;
                    android:layout_toStartOf=&quot;@id/category_icon&quot;
                    android:maxLines=&quot;2&quot;
                    android:textColor=&quot;@color/colorAccent&quot;
                    tools:text=&quot;#SeaTurtleDay#SeaTurtleDay&quot; /&gt;

                &lt;androidx.appcompat.widget.AppCompatImageView
                    android:id=&quot;@+id/category_icon&quot;
                    android:layout_width=&quot;48dp&quot;
                    android:layout_height=&quot;48dp&quot;
                    android:layout_alignParentEnd=&quot;true&quot;
                    android:layout_centerVertical=&quot;true&quot;
                    android:layout_marginStart=&quot;4dp&quot;
                    android:layout_marginEnd=&quot;4dp&quot;
                    android:src=&quot;@drawable/animals&quot; /&gt;
            &lt;/RelativeLayout&gt;

            &lt;androidx.appcompat.widget.AppCompatImageView
                android:id=&quot;@+id/logo&quot;
                android:layout_width=&quot;96dp&quot;
                android:layout_height=&quot;96dp&quot;
                android:layout_below=&quot;@+id/desc&quot;
                android:layout_centerHorizontal=&quot;true&quot;
                android:layout_gravity=&quot;center&quot;
                android:layout_margin=&quot;8dp&quot;
                android:src=&quot;@drawable/wwf_logo&quot; /&gt;

        &lt;/RelativeLayout&gt;

    &lt;/androidx.cardview.widget.CardView&gt;

&lt;/LinearLayout&gt;

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(&quot;STK&quot;, 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 -&gt; {
                FragmentManager fm = ((FragmentActivity) mCon).getSupportFragmentManager();
                BottomDialogFragment mBot = BottomDialogFragment.newInstance(mCon, mBind.mainlinear);
                mBot.show(fm, &quot;ShareDialog&quot;);
            });

        }

        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 = &quot;no&quot;;

    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(&quot;onClick: &quot;, &quot;SS TRIGGER&quot;);
                takeStkShot();
            }
        });
    }


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

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

            try {
                Log.d(&quot;ShareImageCreate&quot;, 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(&quot;takeScreenshot &gt; &gt; &quot;, filePath);

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

                Toast.makeText(getActivity(),&quot;SCREENSHOT STORED!&quot;,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 = &quot;no&quot;;


    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(&quot;Create Screenshot&quot;);

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

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

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

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

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

            try {
                Log.d(&quot;ShareImageCreate&quot;, 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(&quot;takeScreenshot &gt; &gt; &quot;, filePath);

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

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

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

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

答案1

得分: 5

尝试将以下内容作为替代放入引用项目中的 ViewImage.kt 文件中。主要变更是传递视图的窗口而不是一个 Activity。对话框有自己的窗口,并且不与活动共享窗口。

ViewImage.kt

/**
 * 主要代码来自于"Taking Screenshot Programmatically Using PixelCopy Api",作者为 Shivesh Karan Mehta
 * 链接:https://medium.com/@shiveshmehta09/taking-screenshot-programmatically-using-pixelcopy-api-83c84643b02a
 */

class ViewImage {

    companion object {
        @JvmStatic
        fun getScreenShotFromView(view: View, window: Window, callback: (Bitmap) -> Unit) {
            val bitmap: Bitmap
            // PixelCopy 可在 API 24 及以上版本中使用,但似乎在 API 29 之前无法百分之百正常工作。
            // 可根据 PixelCopy 在您的环境中是否正常工作来调整构建版本语句,直到 "P" 为止。
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
                val locationOfView = IntArray(2)
                view.getLocationInWindow(locationOfView)
                val rect = Rect(locationOfView[0], locationOfView[1],
                        locationOfView[0] + view.width, locationOfView[1] + view.height)

                bitmap = Bitmap.createBitmap(view.width, view.height, Bitmap.Config.ARGB_8888)
                try {
                    PixelCopy.request(window, rect, bitmap,
                            { copyResult: Int ->
                                if (copyResult == PixelCopy.SUCCESS) {
                                    callback(bitmap)
                                }
                                // 可能处理其他结果代码...
                            },
                            Handler()
                    )
                } catch (e: IllegalArgumentException) {
                    // PixelCopy 可能会抛出 IllegalArgumentException,请确保处理它
                    e.printStackTrace()
                }
            } else {
                bitmap = getScreenShot(view)
                callback(bitmap)
            }
        }

        // 该方法将在截取屏幕截图后返回 Bitmap。我们必须传递要截图的视图。
        @Suppress("DEPRECATION")
        @JvmStatic
        fun getScreenShot(view: View): Bitmap {
            view.isDrawingCacheEnabled = true
            val bitmap = Bitmap.createBitmap(view.drawingCache)
            view.isDrawingCacheEnabled = false
            return bitmap
        }
    }
}
英文:

Try the following as a replacement for ViewImage.kt in the referenced project. The main change is to pass in the view's window rather than an Activity. Dialogs have their own windows and don't share a window with activities.

ViewImage.kt

/**
 * Bulk of code borrowed from &quot;Taking Screenshot Programmatically Using PixelCopy Api&quot;
 * by Shivesh Karan Mehta
 * https://medium.com/@shiveshmehta09/taking-screenshot-programmatically-using-pixelcopy-api-83c84643b02a
 */

class ViewImage {

    companion object {
        @JvmStatic
        fun getScreenShotFromView(view: View, window: Window, callback: (Bitmap) -&gt; Unit) {
            val bitmap: Bitmap
            // PixelCopy is available since API 24 but doesn&#39;t seem to work 100% until API 29.
            // The build version statement can be adjusted according to how well PixelCopy
            // works in your environment before &quot;P&quot;.
            if (Build.VERSION.SDK_INT &gt;= Build.VERSION_CODES.P) {
                val locationOfView = IntArray(2)
                view.getLocationInWindow(locationOfView)
                val rect = Rect(locationOfView[0], locationOfView[1],
                        locationOfView[0] + view.width, locationOfView[1] + view.height)

                bitmap = Bitmap.createBitmap(view.width, view.height, Bitmap.Config.ARGB_8888)
                try {
                    PixelCopy.request(window, rect, bitmap,
                            { copyResult: Int -&gt;
                                if (copyResult == PixelCopy.SUCCESS) {
                                    callback(bitmap)
                                }
                                // possible to handle other result codes ...
                            },
                            Handler()
                    )
                } catch (e: IllegalArgumentException) {
                    // PixelCopy may throw IllegalArgumentException, make sure to handle it
                    e.printStackTrace()
                }
            } else {
                bitmap = getScreenShot(view)
                callback(bitmap)
            }
        }

        //      Method which will return Bitmap after taking screenshot. We have to pass the view which
//      we want to take screenshot.
        @Suppress(&quot;DEPRECATION&quot;)
        @JvmStatic
        fun getScreenShot(view: View): Bitmap {
            view.isDrawingCacheEnabled = true
            val bitmap = Bitmap.createBitmap(view.drawingCache)
            view.isDrawingCacheEnabled = false
            return bitmap
        }
    }
}

答案2

得分: 0

我注意到你正试图从 'mainRelative' 中进行屏幕截图,但在你的 XML 中该项不存在,我认为你应该根据你的需求使用 'cardView' 或 'mainlinear' 的 id。

英文:

I Noticed that you are trying to take a screenshot from 'mainRelative' which does not exist in your xml, I think you should use the id of 'cardView' or 'mainlinear' based on your requirements.

答案3

得分: 0

public class ScreenshotTaker {

    private static final String TAG = ScreenshotTaker.class.getSimpleName();

    /**
     * 对给定的视图进行截图,并将其保存在外部存储中
     * @param view 要截图的最外层ViewGroup
     * @return 存储中已保存截图的File对象
     */
    public static File captureScreenshot(View view) {
        Bitmap bitmap = Bitmap.createBitmap(view.getWidth(),
                view.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bitmap);
        view.draw(canvas);

        return saveBitmap(view.getContext(), bitmap);
    }

    public interface ScreenshotFile {
        void onComplete(File file);
    }

    public static void getScreenshotFromView(View view, Window window, ScreenshotFile callback) {
        Bitmap bitmap;
        // PixelCopy从API 24开始可用,但在API 29之前似乎工作不正常。
        // 根据在“P”之前PixelCopy在您的环境中的表现调整构建版本语句。
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
            int[] locationOfView = new int[2];
            view.getLocationInWindow(locationOfView);
            Rect rect = new Rect(locationOfView[0], locationOfView[1],
                    locationOfView[0] + view.getWidth(), locationOfView[1] + view.getHeight());

            bitmap = Bitmap.createBitmap(view.getWidth(), view.getHeight(), Bitmap.Config.ARGB_8888);
            try {
                PixelCopy.request(window, rect, bitmap, new PixelCopy.OnPixelCopyFinishedListener() {
                    @Override
                    public void onPixelCopyFinished(int copyResult) {
                        if (copyResult == PixelCopy.SUCCESS) {

                            callback.onComplete(saveBitmap(view.getContext(), bitmap));
                        }
                    }
                }, new Handler()
                );
            } catch (Exception ignored) { }
        }
    }
}
英文:

The Answer given by @Cheticamp is right
Lets Convert it into java

public class ScreenshotTaker {
private static final String TAG = ScreenshotTaker.class.getSimpleName();
/**
* Takes screenshot of given view and saves it in external storage
* @param view outer most ViewGroup that you want a screenshot of
* @return File object of saved screenshot in storage
*/
public static File captureScreenshot(View view) {
Bitmap bitmap = Bitmap.createBitmap(view.getWidth(),
view.getHeight(), Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(bitmap);
view.draw(canvas);
return saveBitmap(view.getContext(),bitmap);
}
public interface screenshotFile{
void onComplete(File file);
}
public static void getScreenShotFromView(View view, Window window, screenshotFile callback ) {
Bitmap bitmap;
// PixelCopy is available since API 24 but doesn&#39;t seem to work 100% until API 29.
// The build version statement can be adjusted according to how well PixelCopy
// works in your environment before &quot;P&quot;.
if (Build.VERSION.SDK_INT &gt;= Build.VERSION_CODES.P) {
int[] locationOfView = new int[2];
view.getLocationInWindow(locationOfView);
Rect rect = new Rect(locationOfView[0], locationOfView[1],
locationOfView[0] + view.getWidth(), locationOfView[1] + view.getHeight());
bitmap = Bitmap.createBitmap(view.getWidth(), view.getHeight(), Bitmap.Config.ARGB_8888);
try {
PixelCopy.request(window, rect, bitmap, new PixelCopy.OnPixelCopyFinishedListener() {
@Override
public void onPixelCopyFinished(int copyResult) {
if (copyResult == PixelCopy.SUCCESS) {
callback.onComplete(saveBitmap(view.getContext(),bitmap));
}
}
}, new Handler()
);
}catch (Exception ignored){ }
}
}
}

huangapple
  • 本文由 发表于 2020年8月17日 18:10:51
  • 转载请务必保留本文链接:https://go.coder-hub.com/63448747.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定