图像无法裁剪

Question

我将背景图片设置到LinearLayout中，代码如下：

1.back_xml：

<?xml version="1.0" encoding="UTF-8"?>
  <layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
       <item android:drawable="@drawable/back" >
        </item>
    <item>
        <shape>
            <solid/>
            <stroke android:width="1dip" android:color="#225786" />
            <corners android:radius="10dip"/>
            <padding android:left="0dip" android:top="0dip" android:right="0dip" android:bottom="0dip" />
        </shape>
    </item> 

2. tile.xml

    <bitmap xmlns:android="http://schemas.android.com/apk/res/android"
        android:src="@drawable/pie_chart_background"
        android:tileMode="repeat">
    </bitmap>

现在我正在将back.xml设置为LinearLayout的background，它运行正常。

我需要使一个圆角的image带有一个边框。但是，我只有带有圆角的边框，并没有图片。我的代码问题出在哪里？我漏掉了什么吗？

我的图片看起来像这样：

- Goofy

---

可能是重复的问题，参见带边框圆角位图图片。 - Siddharth Lele

Answer 1

经过长时间的努力，我终于解决了您遇到的问题，希望现在它能够给你想要的结果，查看下面的代码并让我知道它是否有效？

向以下函数传递适当的参数以获得具有所需颜色边框的圆角。

public static Bitmap getRoundedCornerImage(Bitmap bitmap, int cornerDips, int borderDips, Context context) {
        Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(),
                Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(output);

        final int borderSizePx = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, (float) borderDips,
                context.getResources().getDisplayMetrics());
        final int cornerSizePx = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, (float) cornerDips,
                context.getResources().getDisplayMetrics());
        final Paint paint = new Paint();
        final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
        final RectF rectF = new RectF(rect);


        paint.setAntiAlias(true);
        paint.setColor(0xFFFFFFFF);
        paint.setStyle(Paint.Style.FILL);
        canvas.drawARGB(0, 0, 0, 0);
        canvas.drawRoundRect(rectF, cornerSizePx, cornerSizePx, paint);


        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
        canvas.drawBitmap(bitmap, rect, rect, paint);


        paint.setColor((Color.RED)); // you can change color of your border here, to other color
        paint.setStyle(Paint.Style.STROKE);
        paint.setStrokeWidth((float) borderSizePx);
        canvas.drawRoundRect(rectF, cornerSizePx, cornerSizePx, paint);

        return output;
    }

main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    tools:context=".MainActivity" >

    <ImageView
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"

      />

</RelativeLayout>

OnCreate

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        ImageView rl=(ImageView)findViewById(R.id.image);


    Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.testing); // your desire drawable image.
    rl.setImageBitmap(getRoundedCornerImage(bitmap, 10, 10, this));

    }

原始图像

输出结果

以下链接帮助我实现了目标：

在Android中使用圆角边框覆盖位图

创建带有圆角的ImageView

如何使ImageView具有圆角

如何设置paint.setColor(int color)

- RobinHood

---

除了以上的代码，在您的情况下@Goofy，您可以在最外层使用RelativeLayout，其中包含LinearLayout和ImageView。设置imageLayout参数： android:layout_alignTop="@+id/frame1" android:layout_alignBottom="@+id/frame1" 并将LinearLayout的背景设置为Transparent。这样，用户会感觉LinearLayout设置了背景图片！ - PrincessLeiha

Answer 2

尝试使用类似于此的 back.xml，而不是提供矩形背景图像。

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
   <item android:drawable="#ff00ff >
    </item>
 <item>
    <shape android:shape="rectangle" >
        <solid/>
        <stroke android:width="1dip" android:color="#225786" />
        <corners android:radius="10dip"/>
        <padding android:left="0dip" android:top="0dip" android:right="0dip" android:bottom="0dip" />
    </shape>
  </item> 

- Raj

---

你可以获取该图像的十六进制颜色并设置为背景，或者你可以编写代码对图像进行裁剪并将其设置为背景。另外，你也可以创建一个带圆角的图像并设置为背景。 - Raj

Answer 3

解决方案1

1. 创建一个9-patch图片作为边框，图片中央应该是透明的。

2. 使用RelativeLayout作为父布局，在底部放置一个LinearLayout。将边框9-patch设置为另一个LinearLayout的背景，并将其放置在图像LinearLayout的上方。然后它将覆盖角落，您将获得预期的结果。

解决方案2

public static Bitmap getRoundedCornerBitmap(Bitmap bitmap) {
Bitmap output = Bitmap.createBitmap(bitmap.getWidth(),
    bitmap.getHeight(), Config.ARGB_8888);
Canvas canvas = new Canvas(output);

final int color = 0xff424242;
final Paint paint = new Paint();
final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
final RectF rectF = new RectF(rect);
final float roundPx = 12;

paint.setAntiAlias(true);
canvas.drawARGB(0, 0, 0, 0);
paint.setColor(color);
canvas.drawRoundRect(rectF, roundPx, roundPx, paint);

paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
canvas.drawBitmap(bitmap, rect, rect, paint);

return output;

}

- Asanka Senavirathna

---

你能帮我吗？ - Goofy

我已经更新了我的答案。你甚至可以使用第二个解决方案。 - Asanka Senavirathna

是的，我已经尝试过了，但问题在于添加边框时它不太好看，并且在横向模式下也不太好看。还有如何添加平铺模式重复。 - Goofy

Answer 4

将您的形状与带圆角的图像结合使用。

您可以使用AndroidQuery加载带有圆角的图像。 请参见http://code.google.com/p/android-query/wiki/ImageLoading#Rounded_Corner。

String url ="http://www.vikispot.com/z/images/vikispot/android-w.png";
ImageOptions options = new ImageOptions(); 
options.round = 15;
aq.id(R.id.image).image(url, options);

- userM1433372

Answer 5

我认为你应该这样做。

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
<item>
    <shape>
        <solid android:color="@color/back" />
        <stroke android:width="1dip" android:color="#225786" />
        <corners android:radius="10dip"/>
        <padding android:left="0dip" android:top="0dip" android:right="0dip" android:bottom="0dip" />
    </shape>
</item> 

如果背景不是颜色而是位图，则应按照此美丽的指南进行操作 http://www.curious-creature.org/2012/12/11/android-recipe-1-image-with-rounded-corners/。

- tasomaniac

Answer 6

另一种选择是使用带有透明度的背景图像来实现角落效果。最好的解决方案是使用9-patch，这是Android本地解决大多数背景图像问题的方法: http://developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch，类似于某些网站背景的绘制方式。Android还附带了自己的9-patch创建器，随sdk一起提供: http://developer.android.com/tools/help/draw9patch.html，因此很容易编辑自己的png文件，然后将9-patch应用于布局。9-patches的优点是它们也为您处理UI的调整大小，这意味着在不同屏幕上使用应用程序时，您将遇到的问题会更少。

- Matt Taylor