Rechteck-Form mit zwei Farben

Ich würde gerne erstellen Sie ein Rechteck Form mit zwei Farben (horizontal) zu erreichen, so etwas wie dieses:

Rechteck-Form mit zwei Farben

Hörte ich layer-list ich dachte, ich könnte es verwenden, um enthält zwei Rechteck mit einer anderen Farbe, aber es scheint, dass es nur legt Formen vertikal.

Gibt es eine Möglichkeit, dies zu erreichen mit lalyer-Liste oder sollte ich etwas ganz anderes? Ich möchte es einfach halten, mit der Fähigkeit, ändern die Form von Farben zur Laufzeit.

Dank.

siehe nine patch drawables
siehe meine Antwort !

InformationsquelleAutor nathan | 2013-07-13

  1. 7

    Können Sie benutzerdefinierte drawable. Verlängern Sie einfach Drawable Klasse.

    Hier ist ein Beispiel-code, die ein Rechteck zeichnet, wie Sie wollten, Sie können eine beliebige Anzahl von Farben.

    public class ColorBarDrawable extends Drawable {

    private int[] themeColors;

    public ColorBarDrawable(int[] themeColors) {
        this.themeColors = themeColors;
    }

    @Override
    public void draw(Canvas canvas) {

        //get drawable dimensions
        Rect bounds = getBounds();

        int width = bounds.right - bounds.left;
        int height = bounds.bottom - bounds.top;

        //draw background gradient
        Paint backgroundPaint = new Paint();
        int barWidth = width / themeColors.length;
        int barWidthRemainder = width % themeColors.length;
        for (int i = 0; i < themeColors.length; i++) {
            backgroundPaint.setColor(themeColors[i]);
            canvas.drawRect(i * barWidth, 0, (i + 1) * barWidth, height, backgroundPaint);
        }

        //draw remainder, if exists
        if (barWidthRemainder > 0) {
            canvas.drawRect(themeColors.length * barWidth, 0, themeColors.length * barWidth + barWidthRemainder, height, backgroundPaint);
        }

    }

    @Override
    public void setAlpha(int alpha) {
    }

    @Override
    public void setColorFilter(ColorFilter cf) {

    }

    @Override
    public int getOpacity() {
        return PixelFormat.OPAQUE;
    }

}
    Danke. Es hat geklappt 🙂
    Wie können wir die Ecken gerundet, mit dieser Lösung???

    InformationsquelleAutor Chiral Code

  2. 23

    dies wird sicherlich ziehen die Form wie pro Ihre Anforderung :

    Passen Sie die Größe der <item> wie Sie benötigen !

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

    <item
        android:left="50dip">
        <shape
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle" >
            <solid android:color="#0000FF" />
        </shape>
    </item>
    <item android:right="50dip">
        <shape
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle" >
            <solid android:color="#ff0000" />
        </shape>
    </item>

</layer-list>
    Nice.. Ist es möglich, abgerundeten Rahmen auf bestimmten Seiten nur ?
    können wir die linke Seite match_parent?
    Tolle Lösung, danke!
    Gibt es eine Möglichkeit, um die Links - /rechts-Werte ein Verhältnis anstatt zu codieren. In der Hoffnung auf re-verwenden Sie das drawable mit unterschiedlichen Größen.

    InformationsquelleAutor Tarsem Singh

  3. 1

    Dadurch erhalten Sie zwei Farben, die halb-und die Hälfte vertikal. Diesen code in ein drawable Ressource.

    <item
    android:top="320dip">
    <shape
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle" >
        <solid android:color="@color/red" />
    </shape>
</item>
<item android:bottom="320dip">
    <shape
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle" >
        <solid android:color="@color/yellow" />
    </shape>
</item>

    InformationsquelleAutor EnJay

Schreibe einen Kommentar