Wie Sie programmgesteuert erstellen oder ändern Sie ein drawable aus Linien in verschiedenen Farben

Habe ich zum zeichnen eines 3dp-Linie zur Darstellung einer Ebene Abschluss in einem quizz-Spiel.

Diese Linie muß von 2 Farben. Zum Beispiel, wenn der Benutzer abgeschlossen hat, 40% der Ebene, die Linie wird rot für die ersten 40% von der Linie, die anderen 60% Grau.

Ich habe es geschafft, das zu tun, mit einem drawable :

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="line" >
            <size android:height="3dp" android:width="40dp"/>
            <stroke
                android:width="1dp"
                android:color="#FFFC10" />
        </shape>
    </item>
    <item android:left="40dp">
        <shape android:shape="line" >
            <size android:height="3dp" android:width="60dp" />
            <stroke
                android:width="1dp"
                android:color="#DDDDDD" />
        </shape>
    </item>
</layer-list>

Und dann zeige ich es mit einer Bildansicht :

<ImageView
                android:id="@+id/row_completion_bar"
                android:src="@drawable/completion_bar"
                android:layout_width="100dp"
                android:layout_height="3dp" />

... aber jetzt muss ich natürlich in der Lage sein, dies zu ändern, 40%/60% der ration abhängig von den jeweiligen Benutzer-Abschluss.

Erste Frage: was ist die beste, die effizienteste Weg, es zu tun ? Ändern Sie den drawable zur Laufzeit ? oder erstellen Sie ein neues drawable zur Laufzeit in Java ?

Zweite Frage: wie ist es zu tun ? Ich habe beide Wege ausprobiert (neu dieses drawable in java-code /alter der drawable xml zur Laufzeit) und leider nicht gelungen 🙁

Jede Hilfe wird sehr geschätzt.

ich würde erstellen Sie eine benutzerdefinierte Drawable wie diese Klasse LineDrawable extends Drawable { ....
Danke für deine Antwort. Wie machen Sie das genau?
nur überschreiben alle Drawable - abstrakte Methoden - draw(Canvas), insbesondere
Schließlich fand ich einen einfacheren Weg, es zu tun mit ImageViews Hintergrundfarben und ein relative layout. Ich kann nicht die Lösung posten jetzt, weil ich nicht genug Ruf, um Antwort auf meine eigene Frage, bevor 8Stunden. Wird tun, sobald ich kann.

InformationsquelleAutor Stéphane | 2013-07-30

  1. 14

    also das ist ein custom Drawable, die Sie verwenden können:

    class LineDrawable extends Drawable {
    private Paint mPaint;

    public LineDrawable() {
        mPaint = new Paint();
        mPaint.setStrokeWidth(3);
    }

    @Override
    public void draw(Canvas canvas) {
        int lvl = getLevel();
        Rect b = getBounds();
        float x = b.width() * lvl / 10000.0f;
        float y = (b.height() - mPaint.getStrokeWidth()) / 2;
        mPaint.setColor(0xffff0000);
        canvas.drawLine(0, y, x, y, mPaint);
        mPaint.setColor(0xff00ff00);
        canvas.drawLine(x, y, b.width(), y, mPaint);
    }

    @Override
    protected boolean onLevelChange(int level) {
        invalidateSelf();
        return true;
    }

    @Override
    public void setAlpha(int alpha) {
    }

    @Override
    public void setColorFilter(ColorFilter cf) {
    }

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

    und den test-code:

    View v = new View(this);
final LineDrawable d = new LineDrawable();
d.setLevel(4000);
v.setBackgroundDrawable(d);
setContentView(v);
OnTouchListener l = new OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        int lvl = (int) (10000 * event.getX() / v.getWidth());
        d.setLevel(lvl);
        return true;
    }
};
v.setOnTouchListener(l);
    Vielen Dank! Haben Sie eine Ahnung, auf was der effizienteste Weg ist: diese, oder meine Lösung mit ImageViews?

    InformationsquelleAutor pskink

  2. 2

    Wie wäre es mit einem progress-bar? Der Stil des tun-und zu-tun können Marker gesetzt werden, entweder programmgesteuert oder über xml-Dateien.
    Ihr code wird auch lesbarer/wartbarer, weil Sie mit der rechten widget für den job. Ihr layout enthält:

    <ProgressBar
    android:id="@+id/progressBar"
    android:layout_height="3dip"
    android:layout_width="match_parent"
    android:progressDrawable="@drawable/progress_bar" />

    Aktualisieren können Sie die bar von Ihrem code verwenden z.B.:

    ProgressBar bar = (ProgressBar)findViewById(R.id.progressBar);
bar.setProgress(40);

    Diesem Beispiel überschreibt der style der bar (wie geleitet, durch die progressDrawable Attribut), mit einem res/drawable/progress_bar.xml Datei - Inhalt unten. Hat man dieses extra-Nettigkeiten wie Farbverlauf, Schattierung und abgerundeten Ecken, die passen wie Sie sehen, passen:

    <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
  <item android:id="@android:id/background">
    <shape>
      <corners android:radius="5dip" />
      <gradient
        android:angle="270"
        android:centerColor="#ff5a5d5a"
        android:centerY="0.5"
        android:endColor="#ff747674"
        android:startColor="#ff9d9e9d" />
    </shape>
  </item>
  <item android:id="@android:id/progress">
    <clip>
      <shape>
        <corners android:radius="5dip" />
          <gradient
            android:angle="0"
            android:endColor="#ff009900"
            android:startColor="#ff000099" />
      </shape>
    </clip>
  </item>
</layer-list>

    Kredit http://www.tiemenschut.com/how-to-customize-android-progress-bars/, das gibt viel mehr detail auf, wie gestalte Fortschrittsbalken.

    InformationsquelleAutor Geoff

  3. 0

    Habe ich einen Weg gefunden, dies zu tun. Weiß nicht, ob es der effizienteste Weg, aber hier ist es:

    Verwendete ich ein RelativeLayout zu überlagern ImageViews mit der Hintergrundfarbe.

    in layout.xml:

    <RelativeLayout style="@style/CompletionBar">

<ImageView
    android:id="@+id/row_completion_bar_0"
    style="@style/CompletionBar0" />

<ImageView
    android:id="@+id/row_completion_bar_1"
    style="@style/CompletionBar1" />       

</RelativeLayout>

    in styles.xml:

    <!-- Completion Bar (Relative Layout) -->
<style name="CompletionBar">
    <item name="android:layout_width">wrap_content</item>
    <item name="android:layout_height">wrap_content</item>
</style>

<!-- Completion Bar 0 (ImageView) -->
<style name="CompletionBar0">
    <item name="android:layout_width">100dp</item>
    <item name="android:layout_height">2dp</item>
    <item name="android:background">#CCCCCC</item>
</style>

<!-- Completion Bar 1 (ImageView) -->
<style name="CompletionBar1">
    <item name="android:layout_width">40dp</item>
    <item name="android:layout_height">2dp</item>
    <item name="android:background">#555555</item>
</style>

    in der java-Datei:

    ImageView cb1 = (ImageView)row.findViewById(R.id.row_completion_bar_1);
cb1.getLayoutParams().width = 40; /* Value in pixels, must convert to dp */

    InformationsquelleAutor Stéphane

  4. 0

    Diesem snippet wird die Arbeit für alle api -

    Verwenden:

    Drawable drawable = editText.getBackground();
drawable.setColorFilter(editTextColor, PorterDuff.Mode.SRC_ATOP);
if(Build.VERSION.SDK_INT > 16) {
    editText.setBackground(drawable);
}else{
    editText.setBackgroundDrawable(drawable);
}

    InformationsquelleAutor Ronit kadwane

Schreibe einen Kommentar