Android: Abgerundete Kanten wachsen innerhalb einer anderen abgerundeten Kanten

Question

Ich versuche, zwei abgerundeten Kanten Ansichten, A und B, in Android zu machen. Beide Ansichten haben den gleichen Eckenradius, aber B ist innerhalb von A oder B sollte innerhalb von A aussehen.

Die Breite von B ist dynamisch gemäß dem folgenden Prozentsatz. Wenn der Prozentsatz mehr als 5% beträgt, funktioniert das völlig einwandfrei. Da der Prozentsatz jedoch weniger als 5% beträgt, wird er wie die Fehlerzahl unten aussehen. Sie sehen wie völlig unabhängige Ansichten aus, obwohl sie tatsächlich sind. Ich brauche den grünen Teil wächst nur in der Grauzone. Wie kann dies erreicht werden?

Idealerweise sollte es aussehen

Aber ich nicht, es zu machen. :/Die Figur habe ich

Hier ist, was ich tat, definieren eine ziehbar wie unten

gegeben

<RelativeLayout 
    android:id="@+id/percentageBarViewGroup" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"> 

    <View 
    android:id="@+id/a_Bar" 
    android:layout_width="match_parent" 
    android:layout_height="20dp" 
    android:background="@drawable/progress_bar_empty_background"/> 

    <View 
    android:id="@+id/b_Bar" 
    android:layout_width="0dp" 
    android:layout_height="20dp" 
    android:background="@drawable/progress_bar_progressing_background"/> 

</RelativeLayout> 

Answer 1

Sie sollten verschachtelte Ansichten und padding verwenden.

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

    <FrameLayout 
    android:id="@+id/a_Bar" 
    android:layout_width="match_parent" 
    android:layout_height="20dp" 
    android:background="@drawable/progress_bar_empty_background"> 
    <View 
     android:id="@+id/b_Bar" 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:background="@drawable/progress_bar_progressing_background"/> 
    </FrameLayout> 
</RelativeLayout> 

Am Ende hinzufügen Schlaganfall zu Ihrem progress_bar_progressing_background mit der gleichen Farbe wie progress_bar_empty_background.

etwas wie folgt aus:

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
    <corners android:radius="3dp"/> 
    <stroke android:width="2dp" android:color="#222"/> 
    <solid android:color="#fff"/> 
</shape>