Form als Hintergrund, eine Linie am unteren Rand zeichnen

Question

Ich benutze ein Zeichen als Hintergrund eines TextView, nur um eine Trennlinie unter dem Text zu haben. Ein achivied es mit diesem ziehbar-xml:

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" > 
    <item> 
     <shape 
     android:shape="rectangle"> 
      <solid android:color="#FFDDDDDD" /> 
      <gradient 
       android:angle="0" 
       android:startColor="#FFAAAAAA" 
       android:endColor="#FFEEEEEE" 
       /> 
     </shape> 
    </item> 

    <item android:bottom="2dp"> 
     <shape 
     android:shape="rectangle"> 
      <solid android:color="#FF000000" /> 
     </shape> 
    </item> 

</layer-list> 

Aber diese Methode zeichnet ein farbiges Rechteck über einem schwarzen Rechteck. Ich möchte nur die Linie am unteren Rand der Form haben, ohne schwarzes Rechteck, weil Schwarz nicht transparent ist. Wie könnte ich das erreichen?

Answer 1

Im Allgemeinen versuche ich so wenig wie möglich mit Hintergründen zu durcheinander zu bringen, es sei denn, dies ist absolut notwendig, da dies die standardmäßigen Hintergrundfarben außer Kraft setzt, die einen fokussierten, gedrückten usw. Status haben LinearLayout), das so dick ist, wie Sie es benötigen. Zum Beispiel:

<View 
     android:background="#FF000000" 
     android:layout_height="2dp" 
     android:layout_width="fill_parent"/> 

Answer 2

Dies ist, wie ich eine Zeile an der Unterseite für meine bekam. Zeichnen Sie einen Schlaganfall, aber dann das Element verschieben und an den Seiten die Oberseite und die Seiten zu bekommen nicht den Hub zeigen:

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:top="-6dp" android:left="-6dp" android:right="-6dp"> 
     <shape> 
      <solid android:color="#2b7996"/> 
      <stroke android:color="#33b5e5" android:width="6dp"/> 
     </shape> 
    </item> 
</layer-list> 

Answer 3

Ich denke, es bessere Lösung ist:

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" > 
    <item android:gravity="bottom"> 
     <shape> 
      <size android:height="1dp" /> 
      <solid android:color="#000000" /> 
     </shape> 
    </item> 
</layer-list> 

Answer 4

Mit dieser Lösung, wo immer Sie benötigen eine andere Linie, die Sie können. Meine Anforderung war nur unterstrichen. Auch Sie können dem Layout verschiedene Farben geben. Sie können unten Bild, weiße Linie

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

<item android:top="-5dp" android:left="-5dp" android:right="-5dp"> 
    <shape> 
     <solid android:color="@android:color/transparent"/> 
     <stroke android:color="@color/white" android:width="5dp"/> 
    </shape> 
</item> 

<item android:top="-5dp" android:bottom="-5dp" android:right="-5dp"> 
    <shape> 
     <solid android:color="@android:color/transparent"/> 
     <stroke android:color="@color/colorPrimaryDark" android:width="5dp"/> 
    </shape> 
</item> 

<item android:bottom="-5dp" android:left="-5dp" android:right="-5dp"> 
    <shape> 
     <solid android:color="@android:color/transparent"/> 
     <stroke android:color="@color/colorPrimaryDark" android:width="5dp"/> 
    </shape> 
</item> 

<item android:top="-5dp" android:left="-5dp" android:bottom="-5dp"> 
    <shape> 
     <solid android:color="@android:color/transparent"/> 
     <stroke android:color="@color/colorPrimaryDark" android:width="5dp"/> 
    </shape> 
</item> 

<item android:bottom="2dp" android:left="5dp" android:right="5dp" android:top="5dp"> 
    <shape> 
     <solid android:color="@color/colorPrimary"/> 

     <corners android:bottomRightRadius="0dp" 
      android:bottomLeftRadius="0dp" 
      android:topLeftRadius="0dp" 
      android:topRightRadius="0dp" /> 
    </shape> 

</item> 

Answer 5

Regel für ähnliche Aufgaben sehen in - I-Schicht-Liste ziehbar wie diese erstellt:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
<item> 
    <shape android:shape="rectangle"> 
     <solid android:color="@color/underlineColor"/> 
    </shape> 
</item> 
<item android:bottom="3dp"> 
    <shape android:shape="rectangle"> 
     <solid android:color="@color/buttonColor"/> 
    </shape> 
</item> 

Die Idee ist, Zeichnen Sie zuerst das Rechteck mit underlineColor und dann zeichnen Sie ein weiteres Rechteck mit der eigentlichen buttonColor, aber mit bottomPadding. Es funktioniert immer.

Aber wenn ich buttonColor brauchte, um transparent zu sein, konnte ich das oben genannte drawable nicht verwenden. Ich fand eine weitere Lösung

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
<item> 
    <shape android:shape="rectangle"> 
     <solid android:color="@android:color/transparent"/> 
    </shape> 
</item> 

<item android:drawable="@drawable/white_box" android:gravity="bottom" android:height="2dp"/> 
</layer-list> 

(wie man hier sehen kann, die mainButtonColor ist transparent und white_box ist nur ein einfaches Rechteck ziehbar mit weißen Feststoff)