How to Apply Corner Radius to LinearLayout

I want to make a layout with a rounded border. How can I apply a radius of a particular size in a LinearLayout?

You can create an XML file in the drawable folder. Call it, for example, shape.xml

In shape.xml:

<shape
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:shape="rectangle"	>
	
	<solid
		android:color="#888888"	>
	</solid>
	
	<stroke
		android:width="2dp"
		android:color="#C4CDE0"	>
	</stroke>
	 
	<padding
		android:left="5dp"
		android:top="5dp"
		android:right="5dp"
		android:bottom="5dp"	>
	</padding>
	 
	<corners
		android:radius="11dp"	>
	</corners>
	 
</shape>

The <corner> tag is for your specific question.

Make changes as required.

And in your whatever_layout_name.xml:

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:layout_margin="5dp"
    android:background="@drawable/shape"	>
</LinearLayout>

This is what I usually do in my apps.

You would use a Shape Drawable as the layout's background and set its cornerRadius. Check this blog for a detailed tutorial

Layout

<LinearLayout 
    android:id="@+id/linearLayout"
    android:layout_width="300dp"
    android:gravity="center"
    android:layout_height="300dp"
    android:layout_centerInParent="true"
    android:background="@drawable/rounded_edge">
 </LinearLayout>

Drawable folder rounded_edge.xml

<shape 
xmlns:android="http://schemas.android.com/apk/res/android">
    <solid 
        android:color="@android:color/darker_gray">
    </solid>
    <stroke 
         android:width="0dp" 
         android:color="#424242">
    </stroke>
    <corners 
         android:topLeftRadius="100dip"
         android:topRightRadius="100dip"
         android:bottomLeftRadius="100dip"
         android:bottomRightRadius="100dip">
    </corners>
</shape>

try this, for Programmatically to set a background with radius to LinearLayout or any View.

 private Drawable getDrawableWithRadius() {

    GradientDrawable gradientDrawable   =   new GradientDrawable();
    gradientDrawable.setCornerRadii(new float[]{20, 20, 20, 20, 20, 20, 20, 20});
    gradientDrawable.setColor(Color.RED);
    return gradientDrawable;
}

LinearLayout layout = new LinearLayout(this);
layout.setBackground(getDrawableWithRadius());

Try using the Glide module for working with images. You need implement it like this:

implementation 'com.github.bumptech.glide:glide:4.12.0'
annotationProcessor 'com.github.bumptech.glide:compiler:4.12.0'

Here is my use case in a Fragment. This is where I get the URL of image from the constant. Then I set the corner radius to 16. And then I set the resulting background in my LinearLayout:

        Glide.with(this).load(Constants.FLAT_IMAGE).apply(RequestOptions.bitmapTransform(
        RoundedCorners(16)
    )).into(object :
        CustomTarget<Drawable>() {
        override fun onLoadCleared(placeholder: Drawable?) {
            super.onLoadStarted(placeholder)
        }

        override fun onResourceReady(
            resource: Drawable,
            transition: Transition<in Drawable>?
        ) {
            binding.llPromoDreamFlatImage.background = resource
        }
    })

This way you can set the background image as a picture or a color with rounded edges for the LinearLayout. Here is my example:

        <LinearLayout
        android:id="@+id/llPromoDreamFlatImage"
        android:layout_width="match_parent"
        android:layout_height="420dp"
        android:layout_marginTop="35dp"
        android:layout_gravity="center"
        android:gravity="center"
        >