Question

我使用BaseAdapter使用自定义布局渲染GridView。我的视图包含ImageView下面的ImageView和TextView。对于ImageView，我想设置黑色的圆角边框。

我从社区答案中尝试了一些建议。

使用圆角边框创建drawable并将其设置为ImageView的背景。
使用另一个虚拟ImageView将ImageView包装到FrameLayout中，该ImageView将作为帧使用，并将border drawable设置为背景。
使用RoundedBitmapDrawableFactory创建RoundedBitmap并将border drawable设置为背景。

在上述所有情况下，我都没有达到效果。图像边框仅与图像重叠。

在＃3中，问题是边框和圆角位图角不完全匹配。我不知道如何支持多种屏幕尺寸和密度see here

如果我使用代码创建圆形位图，则会出现严重的内存问题： more details, see comments. Further details

选项 3 代码：

internal void SetImageWithRoundCorners(int imageResID, Context context)
{
    Resources res = context.Resources;
    Bitmap src = BitmapFactory.DecodeResource(res, imageResID);
    RoundedBitmapDrawable dr = RoundedBitmapDrawableFactory.Create(res, src);
    dr.CornerRadius = 50.0f;
    ImgTopicIcon.SetImageDrawable(dr);
}

round_border_corner.xml

<!-- language: lang-xml -->
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
     <solid android:color="#00ffffff" />
     <padding android:left="2dp"
        android:top="2dp"
        android:right="2dp"
        android:bottom="2dp" />
     <corners android:radius="@dimen/GVImgRoundCornerRad" />
     <stroke android:width="2dp" android:color="#ff000000" />
</shape>

Grid_Custom_Item.xml

<!-- language: lang-xml -->
<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:minHeight="48dp"
    android:gravity="center"
    android:orientation="vertical">
    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/ImgCategoryIcon" />
        <ImageView
            android:src="@drawable/round_corner_border"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </FrameLayout>
    <TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textColor="@android:color/black"
    android:id="@+id/TxtCategoryName"
    android:gravity="center" />
</LinearLayout>

预期结果： http://screencast.com/t/6hd8moeTgqAQ

输出： http://screencast.com/t/WVgdlyq87IU

任何人都知道如何在没有内存问题的情况下实现所需的输出。

Answer 1

您可以定义自定义ImageView以在图像上添加颜色边框;这是我几年前的一个项目，它是Android OS的一种圆形图像小部件。

https://github.com/avenwu/IndexImageView

Screenshot

Xamarin Android圆角边框，带彩色ImageView

1 个答案: