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

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

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

Скургленные края для картинки в 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>

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

Рейтинг
( Пока оценок нет )
webnewsite.ru / автор статьи
Загрузка ...

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: