Android'de Alt Satırda Stil

Sadece alt kısımda çizgi (kesikli çizgi) olacak şekilde bir android şekli oluşturmam gerekiyor. Aşağıdakini denediğimde, çizgi şekli tam ortasından ikiye böler. Bunu nasıl doğru yapacağını bilen var mı? konturun alt çizgi / sınır olması gerekir. Şekli bir TextView için arka plan olarak kullanıyorum. Lütfen, neden ihtiyacım olduğunu boşver.

<?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="#1bd4f6" />
        </shape>
    </item>

    <item>
        <shape android:shape="line" >
            <padding android:bottom="1dp" />

            <stroke
                android:dashGap="10px"
                android:dashWidth="10px"
                android:width="1dp"
                android:color="#ababb2" />
        </shape>
    </item>

</layer-list>

Bu bir çeşit hack, ama sanırım bunu yapmanın en iyi yolu bu. Kesikli çizgi, yükseklikten bağımsız olarak her zaman altta olacaktır.

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#1bd4f6" />
        </shape>
    </item>

    <item android:top="-2dp" android:right="-2dp" android:left="-2dp">
        <shape>
            <solid android:color="@android:color/transparent" />
            <stroke
                android:dashGap="10px"
                android:dashWidth="10px"
                android:width="1dp"
                android:color="#ababb2" />
        </shape>
    </item>

</layer-list>

Açıklama:

İkinci şekil, kesikli dış hatları olan şeffaf dikdörtgendir. Kenarlığın yalnızca alt kısımda görünmesini sağlamanın anahtarı, diğer tarafları ayarlayan negatif kenar boşluklarında yatmaktadır. Bu negatif kenar boşlukları, kesikli çizgiyi bu taraflarda çizilen alanın dışına "iter" ve sadece alt kısımdaki çizgiyi bırakır. Potansiyel bir yan etki (denemedim), kendi sınırlarının dışına çıkan görüşler için, negatif kenar sınırlarının görünür hale gelmesidir.

Bu hile yapar ...

<item >
    <shape android:shape="rectangle">
        <solid android:color="#YOUR_BOTTOM_LINE_COLOR"/>
    </shape>
</item>

<item android:bottom="1.5dp">
    <shape android:shape="rectangle">
        <solid android:color="#YOUR_BG_COLOR"/>
    </shape>
</item>

<?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"
        android:bottom="0dp">

        <shape android:shape="rectangle">
            <solid android:color="#88FFFF00"/>
            <stroke
                android:width="5dp"
                android:color="#FF000000"/>
        </shape>
    </item>
</layer-list>

Bu cevap, EditTextburadaki gibi noktalı alt kenarlığı göstermek isteyen google arama yapanlar içindir.

Klasörün dotted.xmliçinde oluşturun drawableve bunları yapıştırın

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:bottom="1dp"
        android:left="-2dp"
        android:right="-2dp"
        android:top="-2dp">
        <shape android:shape="rectangle">
            <stroke
                android:width="0.5dp"
                android:color="@android:color/black" />    
            <solid android:color="#ffffff" />
            <stroke
                android:width="1dp"
                android:color="#030310"
                android:dashGap="5dp"
                android:dashWidth="5dp" />
            <padding
                android:bottom="5dp"
                android:left="5dp"
                android:right="5dp"
                android:top="5dp" />
        </shape>
    </item>
</layer-list>

Ardından, android:backgroundözelliği dotted.xmlaz önce oluşturduğumuz olarak ayarlayın. Buna EditTextbenziyorsun.

<EditText
    android:id="@+id/editText"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Some Text"
    android:background="@drawable/dotted" />

Tüm bu olumsuz yastıklamalar veya leylekler olmadan bunun basit olduğunu hissediyorum.

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@color/main_bg_color"/>
    <item android:gravity="bottom">
        <shape android:shape="rectangle">
            <size android:height="5dp"/>
            <solid android:color="@color/bottom_bar_color"/>
        </shape>
    </item>
</layer-list>

Sonraki xml çekilebilir kodunu deneyin:

    <layer-list>
        <item android:top="-2dp" android:right="-2dp" android:left="-2dp">
            <shape>
                <solid android:color="@android:color/transparent" />
                <stroke
                    android:width="1dp"
                    android:color="#fff" />
            </shape>
        </item>
    </layer-list>

Seni anladıysam şekil kullanmana gerek yok diye düşünüyorum.

Aşağıdaki resimde gösterildiği gibi arıyorsanız, aşağıdaki düzeni kullanın.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:background="#1bd4f6"
    android:paddingBottom="4dp" >

    <TextView
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:background="#ababb2"
        android:padding="5dp"
        android:text="Hello Android" />
 </RelativeLayout>

 </RelativeLayout>

DÜZENLE

Bu özelliklerle oynayarak sonuç alacaksınız

    android:top="dimension"
    android:right="dimension"
    android:bottom="dimension"
    android:left="dimension"

böyle dene

<?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="#1bd4f6" />
    </shape>
</item>

<item android:top="20px"
    android:left="0px">
    <shape android:shape="line"  >
        <padding android:bottom="1dp" />

        <stroke
            android:dashGap="10px"
            android:dashWidth="10px"
            android:width="1dp"
            android:color="#ababb2" />
    </shape>
</item>

</layer-list>

Basit bir çözüm:

Çekilebilir klasörde edittext_stroke.xml olarak çekilebilir bir dosya oluşturun . Aşağıdaki kodu ekleyin:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="line"
   >
    <stroke
        android:width="1dp"
        android:color="@android:color/white" >
    </stroke>
</shape>

Düzen dosyasında, çekilebilir dosyayı edittext'e şu şekilde ekleyin:

robot: drawableBottom = "@ çekilebilir / edittext_stroke"

<EditText
      android:textColor="@android:color/white"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:drawableBottom="@drawable/edittext_stroke"
      />

Genellikle benzer görevler için - bunun gibi çekilebilir katman listesi oluşturdum:

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

Buradaki fikir, önce underlineColor ile dikdörtgeni çizmeniz ve ardından bunun üzerine gerçek buttonColor ile başka bir dikdörtgen çizmeniz, ancak bottomPadding'i uygulamanızdır. Hep işe yarar.

Ancak şeffaf olmak için buttonColor'a ihtiyacım olduğunda, yukarıdaki çekmeceyi kullanamadım. Bir çözüm daha buldum

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

(burada görebileceğiniz gibi mainButtonColor şeffaftır ve white_box, beyaz Solid ile çizilebilen basit bir dikdörtgendir)

bu xml'yi tercihinize göre rengini değiştirin.

<item>
    <layer-list>
        <item>
            <shape>
                <solid android:color="@color/gray_500" />

            </shape>
        </item>
        <!-- CONTENT LAYER -->
        <item android:bottom="2dp" >
            <shape>
                <solid android:color="#ffffff" />
            </shape>
        </item>
    </layer-list>
</item>

Durumda programlı olarak istiyorsanız

public static Drawable getStorkLineDrawable(@ColorInt int colorStrok, int    iSize, int left, int top, int right, int bottom)

{
    GradientDrawable gradientDrawable = new GradientDrawable();
    gradientDrawable.setShape(GradientDrawable.RECTANGLE);
    gradientDrawable.setStroke(iSize, colorStrok);
    LayerDrawable layerDrawable = new LayerDrawable(new Drawable[]{gradientDrawable});
    layerDrawable.setLayerInset(0, left, top, right, bottom);
    return layerDrawable;
}

bu yöntemi şöyle çağır

  Drawable yourLineDrawable=  getStorkLineDrawable(yourColor, iSize, -iSize, -iSize, -iSize, 0);

Bu benim için en iyisi oldu:

<?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" android:bottom="0dp">
        <shape android:shape="rectangle">
            <stroke android:width="4dp" android:color="#ff0000"/>
        </shape>
    </item>
</layer-list>

Satırı yalnızca alttaki gösterir. Kontur genişliği ile istediğiniz boyuta kolayca değiştirebilir ve buna göre üst, sol, sağ kısımları güncelleyebilirsiniz.

Bunu yapmanın en kolay yolu, bu görünümden sonra alt kenarlığı istediğiniz yere koymaktır.

    <?xml version="1.0" encoding="utf-8"?>
    <View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="@color/colorPrimary" />

tamamen şeffaf Edittext ve şeffaf arka planlıdır.

<item>
    <shape android:shape="rectangle" >
        <solid android:color="@color/transparent" />
    </shape>
</item>

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

            android:width="2dp"
            android:color="@color/bottomline" />
    </shape>
</item>

Basit bir çözüm :

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:bottom="-1dp"
        android:left="-1dp"
        android:right="-1dp"
        android:top="-1dp">

        <shape android:shape="rectangle">

            <solid android:color="#AARRGGBB" />

            <stroke
                android:width="5dp"
                android:color="@android:color/red"
                android:dashWidth="10dp"
                android:dashGap="12dp" />

        </shape>
    </item>
</layer-list>

Ve nihayet böyle bir şeye sahibiz :)