Wie mache ich einen horizontalen Balken mit mehreren Abschnitten darin?

Question

Wie mache ich eine Leiste in Android, die mehrere Abschnitte hat? Ich habe versucht, eine ProgressBar, aber ich kann es nicht zum Laufen bringen und es klingt auch nicht eine korrekte Anwendung von ProgressBar. In HTML würde ich nur etwas wie:

<style> 
#bar { width: 100px; } 
.bar { height: 20px; } 
.black { background-color: black; } 
</style> 
<div id="bar"> 
    <div class="bar"  style="width: 15px;"></div> 
    <div class="bar black" style="width: 25%;"></div> 
    <div class="bar"  style="width: 5%;"></div> 
    <div class="bar black" style="width: 40%;"></div> 
    <div class="bar"  style="width: 15%;"></div> 
</div> 

Was das effiziente Äquivalent in Android?

Answer 1

ein horizontales LinearLayout Gebrauch. Sie können die Ansichten darin erstellen und ihre relative Größe mit dem Attribut layout_weight festlegen. Hier

ist ein Beispiel, das das gewünschte Ergebnis liefert:

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:weightSum="100" > 
    <View 
     android:layout_width="0px" 
     android:layout_height="match_parent" 
     android:layout_weight="15" 
     android:background="#FFFF" /> 
    <View 
     android:layout_width="0px" 
     android:layout_height="match_parent" 
     android:layout_weight="25" 
     android:background="#F000" /> 

    <View 
     android:layout_width="0px" 
     android:layout_height="match_parent" 
     android:layout_weight="5" 
     android:background="#FFFF" /> 

    <View 
     android:layout_width="0px" 
     android:layout_height="match_parent" 
     android:layout_weight="40" 
     android:background="#F000" /> 
    <View 
     android:layout_width="0px" 
     android:layout_height="match_parent" 
     android:layout_weight="15" 
     android:background="#FFFF" /> 
</LinearLayout> 

Beachten Sie, dass die Gewichte Schwimmer sind. Ich gebe nur ganze Zahlen und eine Summe von 100 ein, um Ihrem prozentualen Layout zu entsprechen.