Corner for VideoView - Android

Question

I am developing an application for Android mobiles. i want to play an video. It's working fine. Now i have one issue. i want to set the corner for VideoView. Is it possible to set the corner for VideoView?

I using following xml code:

<RelativeLayout 
        android:id="@+id/video_relative"
android:layout_width="match_parent"
android:layout_height="match_parent"

>

    <VideoView
        android:id="@+id/video_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"

    android:layout_alignParentTop="true"
     android:layout_alignParentBottom="true"
     android:layout_alignParentLeft="true"
     android:layout_alignParentRight="true"

        />

    </RelativeLayout>

And in my java code:

myVideoView.setVideoURI(Uri.parse("android.resource://" + getPackageName() + "/" + R.raw.my_video));



 myVideoView.setOnPreparedListener(new OnPreparedListener() {

            public void onPrepared(MediaPlayer mediaPlayer) {
                // close the progress bar and play the video
//                progressDialog.dismiss();
                //if we have a position on savedInstanceState, the video playback should start from here
                myVideoView.seekTo(position);
                if (position == 0) {
                    myVideoView.start();

                } 

                else {
                    //if we come from a resumed activity, video playback will be paused
                    myVideoView.pause();
                }
            }
        });

Please someone help me to solve this issue.

Answer 1

I would suggest to set a custom background drawable. My sample adds a rounded corner background with shadow at the bottom.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  <item>
    <shape
        android:dither="true"
        android:shape="rectangle">
        <corners android:radius="2dp"/>

        <solid android:color="@color/black_alpha_08"/>
    </shape>
  </item>
  <item android:bottom="2dp">
    <shape
        android:dither="true"
        android:shape="rectangle">
        <corners android:radius="2dp"/>

        <solid android:color="@color/grey_02"/>
        <stroke
            android:width="0.5dp" android:color="@color/grey_30"/>

        <padding android:bottom="2dp"/>
    </shape>
  </item>
</layer-list>

And of course, you need to define your own colors ;)

Answer 2

Try using background drawable defining the shape you need. This is a simple shape with 6dp for border radius.

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <stroke android:width="0dp" android:color="#00FFFFFF" />
    <solid android:color="#AA3377AA"/>
    <corners android:radius="6dp" />
    <padding android:left="0dp" android:top="0dp"
            android:right="0dp" android:bottom="0dp" />
</shape> 

Ah and also you could use it like this:

android:background="@drawable/rounded_border"

EDIT

Another option (done with image view, but maybe you could adapt it to work with video). I'm not sure about performance though.

public class RoundedImageView extends ImageView {
    private final Paint restorePaint = new Paint();
    private final Paint maskXferPaint = new Paint();
    private final Paint canvasPaint = new Paint();

    private final Rect bounds = new Rect();
    private final RectF boundsf = new RectF();

    public RoundedImageView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init();
    }

    public RoundedImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public RoundedImageView(Context context) {
        super(context);
        init();
    }

    private void init() {
        canvasPaint.setAntiAlias(true);
        canvasPaint.setColor(Color.argb(255, 255, 255, 255));
        restorePaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_ATOP));
        maskXferPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.MULTIPLY));
    }

    @Override
    protected void onDraw(Canvas canvas) {
        canvas.getClipBounds(bounds);
        boundsf.set(bounds);

        canvas.saveLayer(boundsf, restorePaint, Canvas.ALL_SAVE_FLAG);
        super.onDraw(canvas);

        canvas.saveLayer(boundsf, maskXferPaint, Canvas.ALL_SAVE_FLAG);
        canvas.drawARGB(0, 0, 0, 0);
        canvas.drawRoundRect(boundsf, 6, 6, canvasPaint);

        canvas.restore();
        canvas.restore();
    }
}

Answer 3

I set corner for videoview successfully. My solution is simple. I just set the background for video view. The background image is 9-patch image only color at the corner center is just transparent. I don't know it is clean solution or not but it solved my issue.