自定义Drawable不为CardView的图像生成圆角

Cristiano Colacillo 发表于 Dev

克里斯蒂安·科拉西略

我使用新的CardView和RecyclerView创建了卡片列表，其外观如下：

我的卡

我已尝试按照Mariotti在这篇文章中的说明将卡片修改为带有圆角。

问题：问题是，从屏幕截图中可以看到，我只能在图像保持正方形的同时设置卡的角。

在示例中，一个自定义Drawable类扩展使用Drawable绘制了一个圆角矩形Canvas.drawRoundRect()，并使用Paint带有的aBitmapShader将纹理而不是简单的颜色填充到该圆角矩形，这也将在此处进行说明。

在我的适配器中，我有：

@Override
public ContactViewHolder onCreateViewHolder(final ViewGroup viewGroup, int i) {
    final View itemView = LayoutInflater
                    .from(viewGroup.getContext())
                    .inflate(R.layout.item_card_view, viewGroup, false);
    CardView cardView = (CardView) itemView.findViewById(R.id.card_view);

    ImageView imageView = (ImageView) itemView.findViewById(R.id.hImage);

    Bitmap mBitmap = BitmapFactory.decodeResource(itemView.getResources(), R.drawable.background);
    //Default
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP){
        //Default
        imageView.setBackgroundResource(R.drawable.background);
    } else {
        //RoundCorners
        madapps.hellogridview.RoundCornersDrawable round = new madapps.hellogridview.RoundCornersDrawable(
                mBitmap,            
             itemView.getResources().getDimension(R.dimen.cardview_default_radius)
                , 5); //or your custom radius

        cardView.setPreventCornerOverlap(false); //it is very important

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN)
            imageView.setBackground(round);
        else
            imageView.setBackgroundDrawable(round);
    }

    //Set onClick listener
    cardView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            int tag = (Integer) v.findViewById(R.id.hTitle).getTag();
            Toast.makeText(viewGroup.getContext(), "Clickable card no: "+tag, Toast.LENGTH_LONG).show();
        }
    });
    return new ContactViewHolder(itemView);
}

并且我已经覆盖了R.dimen.cardview_default_radiusto的值8dp，但是没有结果！有任何想法吗？

克里斯蒂安·科拉西略

我已经用这个解决了：

https://github.com/pungrue26/SelectableRoundedImageView

并将半径10dp（与卡片相同）应用于图像的顶角：

<com.joooonho.SelectableRoundedImageView  android:id="@+id/headerImage"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_height="wrap_content"     
    android:layout_width="wrap_content"
    android:src="@drawable/cardbackground3"
    android:scaleType="centerCrop"
    android:adjustViewBounds="true"
    app:sriv_left_top_corner_radius="10dip"
    app:sriv_right_top_corner_radius="10dip"
    app:sriv_left_bottom_corner_radius="0dip"
    app:sriv_right_bottom_corner_radius="0dip"
    app:sriv_border_color="#333333"/>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。