Скургленные края для картинки в Android приложениях

Сегодня я покажу, как срезать углы … изображения. Частенько (а чаще всего при портировании приложения с iOS на Android) перед разарботчиками встает задача сделать закругленные иконки.

Сделать это можно быстро и легко, а результат будет выглядеть так:

Создадим утилитарный метод, который преобразует исходное угловатое изображение в более элегантное со скругленными краями:

public class ImageProccessor {

	private ImageProccessor() {};

	

	public static Bitmap getRoundedCornersImage(Bitmap source, int radiusPixels) {

		

		if (source == null) {

			//we cant proccess null image, go out

			return null;

		}

		final int sourceWidth = source.getWidth();

		final int sourceHeight = source.getHeight();

		final Bitmap output = Bitmap.createBitmap(sourceWidth, sourceHeight, Bitmap.Config.ARGB_8888);

		final Canvas canvas = new Canvas(output);

		

		final int color = 0xFF000000;

		final Paint paint = new Paint();

		paint.setColor(color);

		

		final Rect rect = new Rect(0, 0, sourceWidth, sourceHeight);

		final RectF rectF = new RectF(rect);

		

		paint.setAntiAlias(true);

		canvas.drawARGB(0, 0, 0, 0);

		canvas.drawRoundRect(rectF, radiusPixels, radiusPixels, paint);

		

		paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));

		canvas.drawBitmap(source, 0, 0, paint);

		

		return output;

	}

}

И все На выходе получаем желаемый результат.

Для полноты картины приведу осальной код приложения.

Activity:

public class ImageProccessorActivity extends Activity {

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        

        final ImageView  imageViewRaw = (ImageView) findViewById(R.id.imageView_raw);

        final ImageView  imageViewNew = (ImageView) findViewById(R.id.imageView_new);

        

        try {

			final Bitmap raw = BitmapFactory.decodeStream(getAssets().open("stubimage.jpeg"));

			imageViewRaw.setImageBitmap(raw);

			final Bitmap processed = ImageProccessor.getRoundedCornersImage(raw, 40);

			imageViewNew.setImageBitmap(processed);

		} catch (IOException e) {

			e.printStackTrace();

		}

        

        

    }

}

И соответсвующий Layout:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:background="#FFFFFFFF"

    android:orientation="vertical"

    android:gravity="center" >

    <ImageView

        android:id="@+id/imageView_raw"

        android:layout_width="150dp"

        android:layout_height="150dp"

        android:layout_margin="20dp"

        android:background="#00FFFFFF"/>

    <ImageView

        android:id="@+id/imageView_new"

        android:layout_width="150dp"

        android:layout_height="150dp"

        android:layout_margin="20dp"

        android:background="#00FFFFFF" />

</LinearLayout>

Вот теперь точно все, исходники можно скачать тут.