Wie kann man ein Layout mit abgerundeten Ecken erstellen?

Question

Wie kann ich ein Layout mit abgerundeten Ecken erstellen? Ich möchte abgerundete Ecken auf meine LinearLayout .

Answer 1

Schritt 1: Definieren Sie bg_layout.xml im drawables-Ordner und fügen Sie den folgenden Code ein.

Schritt 2: Fügen Sie die Datei bg_layout.xml als Hintergrund zu Ihrem Layout hinzu, fertig.

    <?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid
        android:color="#EEEEEE"/> <!--your desired colour for solid-->

    <stroke
        android:width="3dp"
        android:color="#EEEEEE" /> <!--your desired colour for border-->

    <corners
        android:radius="50dp"/> <!--shape rounded value-->

</shape>

Answer 2

Wenn Sie Ihr Layout abgerundet gestalten möchten, verwenden Sie am besten die CardView, die viele Funktionen für ein schönes Design bietet.

<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    card_view:cardCornerRadius="5dp">
      <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight=".3"
                android:text="@string/quote_code"
                android:textColor="@color/white"
                android:textSize="@dimen/text_head_size" />
      </LinearLayout>
</android.support.v7.widget.CardView>

Mit diesem card_view:cardCornerRadius="5dp" können Sie den Radius ändern.

Answer 3

Versuchen Sie dies...

1.erstellen Auslosung xml (custom_layout.xml):

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

<solid android:color="#FFFFFF" />

<stroke
    android:width="2dp"
    android:color="#FF785C" />

<corners android:radius="10dp" />

</shape>

2.fügen Sie den Hintergrund Ihrer Ansicht hinzu

android:background="@drawable/custom_layout"

Answer 4

Mit der Material Components Library können Sie die MaterialShapeDrawable zu benutzerdefinierte Formen zeichnen .

Fügen Sie einfach das LinearLayout in Ihr Xml-Layout ein:

<LinearLayout
    android:id="@+id/linear_rounded"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    ..>

    <!-- content ..... -->

</LinearLayout>

Dann können Sie in Ihrem Code eine ShapeAppearanceModel . Etwa so:

float radius = getResources().getDimension(R.dimen.default_corner_radius);

LinearLayout linearLayout= findViewById(R.id.linear_rounded);
ShapeAppearanceModel shapeAppearanceModel = new ShapeAppearanceModel()
    .toBuilder()
    .setAllCorners(CornerFamily.ROUNDED,radius)
    .build();

MaterialShapeDrawable shapeDrawable = new MaterialShapeDrawable(shapeAppearanceModel);
//Fill the LinearLayout with your color
shapeDrawable.setFillColor(ContextCompat.getColorStateList(this,R.color.secondaryLightColor));

ViewCompat.setBackground(linearLayout,shapeDrawable);

Anmerkung:: erfordert es die Version 1.1.0 der Bibliothek der Materialkomponenten.

Answer 5

Funktion zur programmatischen Einstellung des Eckenradius

static void setCornerRadius(GradientDrawable drawable, float topLeft,
        float topRight, float bottomRight, float bottomLeft) {
    drawable.setCornerRadii(new float[] { topLeft, topLeft, topRight, topRight,
            bottomRight, bottomRight, bottomLeft, bottomLeft });
}

static void setCornerRadius(GradientDrawable drawable, float radius) {
    drawable.setCornerRadius(radius);
}

Verwendung von

GradientDrawable gradientDrawable = new GradientDrawable();
gradientDrawable.setColor(Color.GREEN);
setCornerRadius(gradientDrawable, 20f);
//or setCornerRadius(gradientDrawable, 20f, 40f, 60f, 80f); 

view.setBackground(gradientDrawable);