Erstellen Sie drei Kreise einander überlappen

Question

ich könnte diese Frage wieder fragen, aber ich fand keine Antworten in Google

Ich brauche eine Ansicht, die

Drei Kreise einander überlappend

zeigt

Linke und rechte Kreise unter dem mittleren Kreis

Jeder Kreis enthalten Textansicht

Answer 1

In Ihrem XML-Layout;

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

<TextView 
    android:id="@+id/circle1" 
    android:layout_width="100dp" 
    android:layout_height="100dp" 
    android:layout_alignParentTop="true" 
    android:layout_marginTop="150dp" 
    android:background="@drawable/bg_red" 
    android:gravity="center" 
    android:text="Left circle" 
    android:textColor="#FFFFFF" 
    android:layout_marginLeft="10dp" 
    android:textSize="20dp" /> 


<TextView 
    android:id="@+id/circle2" 
    android:layout_width="100dp" 
    android:layout_height="100dp" 
    android:layout_alignTop="@+id/circle1" 
    android:layout_toRightOf="@+id/circle1" 
    android:background="@drawable/bg_red" 
    android:gravity="center" 
    android:text="Middle circle" 
    android:textColor="#FFFFFF" 
    android:textSize="20dp" /> 

<TextView 
    android:id="@+id/circle3" 
    android:layout_width="100dp" 
    android:layout_height="100dp" 
    android:layout_alignTop="@+id/circle2" 
    android:layout_toRightOf="@+id/circle2" 
    android:background="@drawable/bg_red" 
    android:gravity="center" 
    android:text="Right circle" 
    android:textColor="#FFFFFF" 
    android:textSize="20dp" /> 

</RelativeLayout> 

Und in Ihrem ziehbar, einfügen wie diese bg_red.xml rote Kreise zu machen;

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="oval"> 
    <corners android:radius="10dip"/> 
    <stroke android:color="#FF0000" android:width="5dip"/> 
    <solid android:color="#FF0000"/> 
</shape>