如何着色的imageview的一部分在機器人

Question

我有一個ImageView，如下所示：

<ImageView 
    android:id="@+id/barchart" 
    android:layout_width="100dp" 
    android:layout_height="6dp" 
    android:layout_below="@+id/stats" 
    android:layout_marginTop="9dp" 
    android:layout_toRightOf="@+id/model" 
    android:background="@android:color/white" /> 

於是，這圖像可基本在一個白色水平條的形式表示。現在，我想顏色其ImageView寬度取決於動態值。如果值爲30dp，那麼圖像的30dp將以一種顏色顯示，其餘70dp將以白色顯示。

所以，目標基本上是以條形圖的形式來表示。

Answer 1

最簡單的方法是重寫View類並手動繪製條形圖。也許甚至不是一個條紋，而是整個圖表。這很容易做到。類似這樣的：

class ChartView extends View { 
    Paint paint = new Paint(); 
    List<Rect> stripes = new ArrayList<Rect>(); 
    List<Integer> colors = new ArrayList<Integer>(); 

    public ChartView(Context context) { 
     super(context); 
    } 

    @Override 
    public void draw(Canvas canvas) { 
     super.draw(canvas); 
     for (Rect r : stripes) { 
      paint.setColor(colors.get(stripes.indexOf(r))); 
      canvas.drawRect(r, paint); 
     } 
    } 
} 

當然，使用rects來存儲酒吧是一個相當糟糕的主意。此外，你必須改變繪圖部分，以實現雙色條，但我希望你明白。

http://developer.android.com/reference/android/graphics/Canvas.html http://developer.android.com/reference/android/graphics/Paint.html

Answer 2

可能重複：banded background with two colors?

你可以看到創建它並將其設置爲井的dynamic方式的兩個xml方式。