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

Verwenden Sie CardView, um abgerundete Kanten für beliebige Layouts zu erhalten. Verwenden Sie card_view:cardCornerRadius="5dp" für cardview, um abgerundete Layoutkanten zu erhalten.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:card_view="http://schemas.android.com/apk/res-auto"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical">

      <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"
                android:orientation="horizontal"
                android:padding="15dp"
                android:weightSum="1">

                <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" />

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

Answer 2

Ein besserer Weg wäre, dies zu tun:

hintergrund_aktivitaet.xml

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:gravity="fill">
        <color android:color="@color/black"/>
    </item>
    <item>
        <shape android:gravity="fill">
            <solid android:color="@color/white"/>
            <corners android:radius="10dip"/>
            <padding android:left="0dip" android:top="0dip" android:right="0dip" android:bottom="0dip" />
        </shape>
    </item>
</layer-list>

Dies funktioniert auch unterhalb von API 21 und ergibt in etwa Folgendes:

---

Wenn Sie bereit sind, etwas mehr Aufwand für eine bessere Kontrolle zu betreiben, dann verwenden Sie android.support.v7.widget.CardView mit seinem cardCornerRadius Attribut (und setzen elevation Attribut zu 0dp um den begleitenden Schlagschatten mit der cardView loszuwerden). Außerdem funktioniert dies bereits ab API-Ebene 15.

Answer 3

Ich habe @gauravsapiens Antwort mit meinen Kommentaren darin übernommen, um Ihnen eine vernünftige Vorstellung davon zu geben, was die Parameter bewirken werden.

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

    <!-- Background color -->
    <solid android:color="@color/white" />

    <!-- Stroke around the background, width and color -->
    <stroke android:width="4dp" android:color="@color/drop_shadow"/>

    <!-- The corners of the shape -->
    <corners android:radius="4dp"/>

    <!-- Padding for the background, e.g the Text inside a TextView will be 
    located differently -->
    <padding android:left="10dp" android:right="10dp" 
             android:bottom="10dp" android:top="10dp" />

</shape>

Wenn Sie nur eine Form erstellen wollen, die die Ecken abrundet, genügt es, die Füllung und den Strich zu entfernen. Wenn Sie auch die Volltonfläche entfernen, haben Sie im Endeffekt abgerundete Ecken auf einem transparenten Hintergrund erstellt.

Aus Faulheit habe ich eine Form darunter erstellt, die nur ein weißer Hintergrund mit abgerundeten Ecken ist - viel Spaß! :)

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

    <!-- Background color -->
    <solid android:color="@color/white" />

    <!-- The corners of the shape -->
    <corners android:radius="4dp"/>

</shape>

Answer 4

Erstellen Sie Ihr Xml in Drawable, layout_background.xml

 <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" >
      <solid android:color="@color/your_colour" />
      <stroke
            android:width="2dp"
            android:color="@color/your_colour" />
      <corners android:radius="10dp" />      
    </shape>
 <--width, color, radius should be as per your requirement-->

und fügen Sie dies dann in Ihre layout.xml

 android:background="@drawable/layout_background"

Answer 5

 <shape xmlns:android="http://schemas.android.com/apk/res/android"
android:padding="@dimen/_10sdp"
android:shape="rectangle">

<solid android:color="@color/header" />

<corners
    android:bottomLeftRadius="@dimen/_5sdp"
    android:bottomRightRadius="@dimen/_5sdp"
    android:topLeftRadius="@dimen/_5sdp"
    android:topRightRadius="@dimen/_5sdp" />