Как создать рамку камеры в Drawable в Android - PullRequest
Новая
       14

Как создать рамку камеры в Drawable в Android

0 голосов
/ 02 января 2019

В моем требовании я должен показать рамку на camera view, чтобы выровнять лицо к пользователю, как показано ниже:

enter image description here

Я могусоздать от drawable до xml, но не в состоянии достичь прозрачности для внутреннего круга, чтобы камера была хорошо видна.Я могу создать ниже drawable:

enter image description here

Используя этот простой XML: 

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle">
            <solid android:color="#44000000" />
            <padding
                android:bottom="50dp"
                android:left="20dp"
                android:right="20dp"
                android:top="50dp" />
        </shape>
    </item>

    <item>
        <shape xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="oval">
            <solid android:color="#ffffff" />
        </shape>
    </item>
</layer-list>

Можно ли создать такой тип рамки или слоя в режиме рисования?

Ответы [ 2 ]

0 голосов
/ 03 января 2019

Я получил решение, но не через xml drawable. Мы можем создать CustomView, расширив класс View, который может выполнять то же самое, что и требуется: 

public class RadiusOverlayView extends View {

    Bitmap bm;
    Canvas cv;
    Paint eraser;

    public RadiusOverlayView(Context context) {
        super(context);
        Init();
    }

    public RadiusOverlayView(Context context, AttributeSet attrs) {
        super(context, attrs);
        Init();
    }

    public RadiusOverlayView(Context context, AttributeSet attrs,
                             int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        Init();
    }

    private void Init() {

        eraser = new Paint();
        eraser.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
        eraser.setAntiAlias(true);
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {

        if (w != oldw || h != oldh) {
            bm = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);
            cv = new Canvas(bm);
        }
        super.onSizeChanged(w, h, oldw, oldh);
    }

    @Override
    protected void onDraw(Canvas canvas) {

        int w = getWidth();
        int h = getHeight();
        int radius = w > h ? h / 2 : w / 2;

        bm.eraseColor(Color.TRANSPARENT);
        cv.drawColor(getResources().getColor(R.color.colorPrimary));
        cv.drawCircle(w / 2, h / 2, radius, eraser);
        canvas.drawBitmap(bm, 0, 0, null);
        super.onDraw(canvas);
    }
}

Добавьте этот вид в качестве слоя на camera view.

Спасибо

0 голосов
/ 02 января 2019

Использование таким образом сделало центральную область прозрачной, но не может сделать ее овальной.Это может вам помочь. 

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle">
            <solid android:color="#00000000" />
            <stroke android:width="100dp"
                android:color="#e6e6e6"></stroke>
            <padding
                android:bottom="50dp"
                android:left="20dp"
                android:right="20dp"
                android:top="50dp" />
        </shape>
    </item>

</layer-list>
...