it-swarm.com.de

Halbkreisform funktioniert nicht

Ich versuche einen Halbkreis-Hintergrund zu erstellen, in development IDE preview funktioniert es, aber wenn ich im Emulator starte, funktioniert es nicht.

 enter image description here

Hier ist mein Formcode: 

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:Android="http://schemas.Android.com/apk/res/Android">
    <item Android:height="50dp">
        <shape>
            <solid Android:color="@color/colorAccentDark" />
        </shape>
    </item>
    <item Android:top="-500dp" Android:bottom="0dp" Android:left="-100dp" Android:right="-100dp">
        <shape>
            <corners Android:radius="500dp" />
            <solid Android:color="@color/colorAccentDark" />
        </shape>
    </item>
</layer-list>

Und hier ist mein Layoutcode:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:orientation="vertical">

    <RelativeLayout
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content"
        Android:background="@drawable/background_profile"
        Android:layout_weight="1">

        <de.hdodenhof.circleimageview.CircleImageView
            Android:id="@+id/profile_avatar"
            Android:layout_width="100dp"
            Android:layout_height="100dp"
            Android:src="@drawable/ic_default_avatar"
            Android:layout_centerHorizontal="true"
            Android:layout_marginTop="50dp"/>

        <TextView
            Android:id="@+id/profile_name"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:layout_centerHorizontal="true"
            Android:layout_below="@id/profile_avatar"
            Android:layout_marginTop="20dp"
            Android:textColor="@color/neutralWhite"
            Android:textStyle="bold"
            Android:textSize="18sp"
            Android:text="Avatar Ang"/>

    </RelativeLayout>

    <RelativeLayout
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content"
        Android:layout_weight="4.04">

        <TextView
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:text="Hello Android!"/>

    </RelativeLayout>

</LinearLayout>

Vielleicht ein anderer Tweak, der damit umgehen kann? Danke

21
fanjavaid

Sie können aus xml keinen Halbkreis erstellen. Sie können das erreichen, was Sie suchen, indem Sie einen Kreis mit entsprechendem Rand und Polsterung verwenden.

Sie können eine .xml-Datei in Form eines Kreises verwenden.

Beispiel: 

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android"
       Android:shape="oval"
       Android:useLevel="false" >
   <solid Android:color="#006AC5" />
   <size
    Android:height="50dp"
    Android:width="50dp" />
</shape>

 enter image description here

19
Maveňツ

sie können dies versuchen:

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:shape="rectangle">
    <solid Android:color="#900021df"/>
    <size
        Android:width="10dp"
        Android:height="5dp"/>
    <corners
        Android:bottomLeftRadius="20dp"
        Android:bottomRightRadius="20dp"/>
</shape>

es gibt diese Form:

 

39
Salim Lachdhaf

curve_toolbar_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:Android="http://schemas.Android.com/apk/res/Android">
    <item>
        <shape Android:shape="rectangle"/>
    </item>
    <item
        Android:bottom="0dp"
        Android:left="-100dp"
        Android:right="-100dp"
        Android:top="-80dp">
        <shape Android:shape="oval">
            <solid Android:color="@color/colorPrimary" />
        </shape>
    </item>
</layer-list>

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<Android.support.constraint.ConstraintLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:app="http://schemas.Android.com/apk/res-auto"
    xmlns:tools="http://schemas.Android.com/tools"
    Android:id="@+id/container"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent">

    <Android.support.v7.widget.Toolbar
        Android:id="@+id/toolbar"
        Android:layout_width="0dp"
        Android:layout_height="?android:attr/actionBarSize"
        Android:background="@drawable/rounded_corner"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.0">

    </Android.support.v7.widget.Toolbar>
</Android.support.constraint.ConstraintLayout>

 Curve shape toolbar

31
Sai Kiran

Versuche dies. Entfernen Sie den Farbverlaufsteil, so dass er wie gewünscht aussieht.

<item>
    <shape xmlns:Android="http://schemas.Android.com/apk/res/Android"
        Android:shape="rectangle">
        <solid Android:color="#00B0EA" />

    </shape>
</item>
<item
    Android:bottom="400dp"
    Android:left="-100dp"
    Android:right="-100dp"
    Android:top="-200dp">
    <shape xmlns:Android="http://schemas.Android.com/apk/res/Android"
        Android:shape="oval">
        <gradient
            Android:angle="90"
            Android:endColor="#65FFFFFF"
            Android:startColor="#65FFFFFF" />
    </shape>
</item>
<item
    Android:bottom="402dp"
    Android:left="-100dp"

    Android:right="-100dp"
    Android:top="-280dp">
    <shape xmlns:Android="http://schemas.Android.com/apk/res/Android"
        Android:shape="oval">
        <solid Android:color="#FFFFFF" />
    </shape>
</item>

 enter image description here

7
devajay

Backgournd.xml


<?xml version="1.0" encoding="utf-8"?>
<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="#FFFFFF" />
        </shape>
    </item>
    <item
        Android:bottom="410dp"
        Android:left="-100dp"
        Android:right="-100dp"
        Android:top="-300dp">
        <shape xmlns:Android="http://schemas.Android.com/apk/res/Android"
            Android:shape="oval">

            <solid Android:color="#7181A1" />
        </shape>
    </item>
</layer-list>

Output like

 enter image description here

0
Ashvin solanki