Как сделать ImageButton круглым с прямоугольным изображением внутри? - PullRequest
Новая
       37

Как сделать ImageButton круглым с прямоугольным изображением внутри?

0 голосов
/ 13 марта 2019 
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ProfileMainActivity">
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="240dp"
        android:src="@drawable/cp"
        android:scaleType="centerCrop"/>
    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingTop="240dp"
        android:clipToPadding="false">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">


        </LinearLayout>
    </ScrollView>
    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|right"
        android:layout_marginBottom="8dp"
        android:layout_marginRight="10dp"
        />

    <ImageButton
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:layout_gravity="top|left"
        android:layout_marginTop="200dp"
        android:layout_marginLeft="20dp"
        android:src="@drawable/dp"
        android:scaleType="centerCrop"
        android:background="?attr/selectableItemBackgroundBorderless"
        />


</FrameLayout>

AppScreen

Мне нужно обрезать изображение внутри черного круга, но этого не происходит.

Более того, я заметил, чтопульсация от прикосновения ImageButton гаснет в круглой области, поэтому я догадывался, что может быть какой-то способ разместить изображение внутри этой области.

Размер изображения: - 495x495

Ответы [ 2 ]

0 голосов
/ 13 марта 2019

Используя библиотеку, вы легко можете решить эту проблему> Это может вам помочь com.mikhaellopez: roundimageview: 3.0.2 .Надеюсь, что это сработает и решит вашу проблему

0 голосов
/ 13 марта 2019

Я предлагаю вам воссоздать изображение в виде кругового растрового изображения.Вы можете использовать этот метод, как этот.Просто введите необходимые круглые пиксели. 

public static Bitmap getRoundedCornerBitmap(Bitmap bitmap, int pixels) {
    if (bitmap == null)
        return null;

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

    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 = pixels;

    paint.setAntiAlias(true);
    canvas.drawRoundRect(rectF, roundPx, roundPx, paint);

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

    return output;
}
...