web-dev-qa-db-ja.com

図形の色を動的に変更する方法は？

私は持っています

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android"
   Android:shape="rectangle">
    <solid
       Android:color="#FFFF00" />
    <padding Android:left="7dp"
        Android:top="7dp"
        Android:right="7dp"
        Android:bottom="7dp" />
</shape>

<TextView
    Android:background="@drawable/test"
    Android:layout_height="45dp"
    Android:layout_width="100dp"
    Android:text="Moderate"
/>

そこで、Webサービス呼び出しから取得した情報に基づいて、この図形の色を変更したいと考えています。そのため、Webサービスコールから受け取る色に応じて、黄色、緑、赤などの色になる可能性があります。

図形の色を変更するにはどうすればよいですか？この情報に基づいて？

androidandroid-layoutxamarin.androidshape
134
chobo2

このように簡単に変更できます

GradientDrawable bgShape = (GradientDrawable)btn.getBackground();
bgShape.setColor(Color.BLACK);
292
Ronnie

私にとっては、getBackgroundがGradientDrawableではなくShapeDrawableを返したため、クラッシュしました。

だから私はこのように変更しました：

((GradientDrawable)someView.getBackground()).setColor(someColor);
59
Couitchy

これは、初期のxmlリソースを使用して機能します。

example.setBackgroundResource(R.drawable.myshape);
GradientDrawable Gd = (GradientDrawable) example.getBackground().getCurrent();
Gd.setColor(Color.parseColor("#000000"));
Gd.setCornerRadii(new float[]{30, 30, 30, 30, 0, 0, 30, 30});
Gd.setStroke(2, Color.parseColor("#00FFFF"), 5, 6);

上記の結果： http://i.stack.imgur.com/hKUR7.png

41
Manuel V.

Javaで独自の図形を作成できます。 Page ControlerのようなiPhoneでこれを行い、Javaで図形をペイントします。

/**
 * Builds the active and inactive shapes / drawables for the page control
 */
private void makeShapes() {

    activeDrawable = new ShapeDrawable();
    inactiveDrawable = new ShapeDrawable();
    activeDrawable.setBounds(0, 0, (int) mIndicatorSize,
            (int) mIndicatorSize);
    inactiveDrawable.setBounds(0, 0, (int) mIndicatorSize,
            (int) mIndicatorSize);

    int i[] = new int[2];
    i[0] = Android.R.attr.textColorSecondary;
    i[1] = Android.R.attr.textColorSecondaryInverse;
    TypedArray a = this.getTheme().obtainStyledAttributes(i);

    Shape s1 = new OvalShape();
    s1.resize(mIndicatorSize, mIndicatorSize);
    Shape s2 = new OvalShape();
    s2.resize(mIndicatorSize, mIndicatorSize);

    ((ShapeDrawable) activeDrawable).getPaint().setColor(
            a.getColor(0, Color.DKGRAY));
    ((ShapeDrawable) inactiveDrawable).getPaint().setColor(
            a.getColor(1, Color.LTGRAY));

    ((ShapeDrawable) activeDrawable).setShape(s1);
    ((ShapeDrawable) inactiveDrawable).setShape(s2);
}

お役に立てれば。グリーズ・ファビアン

10
Fabian

たぶん他の誰かが私が必要とするような複数のドローアブルを作成せずにXMLの色を変更する必要があるかもしれません。次に、色なしで円を描画可能にし、ImageViewにbackgroundTintを指定します。

circle.xml

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:shape="oval">
</shape>

そして、あなたのlayout：

<ImageView
    Android:layout_width="50dp"
    Android:layout_height="50dp"
    Android:background="@drawable/circle"
    Android:backgroundTint="@color/red"/>

編集：

このメソッドに関して、Android Lollipop 5.0（APIレベル21）での動作を妨げる bug があります。しかし、新しいバージョンでは修正されています。

5
nilsi

circle.xml（描画可能）

<?xml version="1.0" encoding="utf-8"?>
<shape
xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:shape="rectangle">

<solid
    Android:color="#000"/>

<size
    Android:width="10dp"
    Android:height="10dp"/>
</shape>

レイアウト

<ImageView
      Android:id="@+id/circleColor"
      Android:layout_width="15dp"
       Android:layout_height="15dp"
      Android:textSize="12dp"
       Android:layout_gravity="center"
       Android:layout_marginLeft="10dp"
      Android:background="@drawable/circle"/>

活動中

   circleColor = (ImageView) view.findViewById(R.id.circleColor);
   int color = Color.parseColor("#00FFFF");
   ((GradientDrawable)circleColor.getBackground()).setColor(color);
5
A. Shukri
    LayerDrawable bgDrawable = (LayerDrawable) button.getBackground();
    final GradientDrawable shape = (GradientDrawable)
            bgDrawable.findDrawableByLayerId(R.id.round_button_shape);
    shape.setColor(Color.BLACK);
5
user3717188

このソリューションは、Android SDK v19を使用して機能しました。

//get the image button by id
ImageButton myImg = (ImageButton) findViewById(R.id.some_id);

//get drawable from image button
GradientDrawable drawable = (GradientDrawable) myImg.getDrawable();

//set color as integer
//can use Color.parseColor(color) if color is a string
drawable.setColor(color)
2
user1750873

このようなimageViewがある場合：

   <ImageView
    Android:id="@+id/color_button"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:layout_marginRight="10dp"
    Android:src="@drawable/circle_color"/>

srcとしてドローアブルシェイプを提供します。このコードを使用してシェイプの色を変更できます。

ImageView iv = (ImageView)findViewById(R.id.color_button);
GradientDrawable bgShape = (GradientDrawable)iv.getDrawable();
bgShape.setColor(Color.BLACK);
2
Hamed.Ghadirian

私の形状xml：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android">
<solid  Android:color="@Android:color/transparent" />
<stroke Android:width="0.5dp" Android:color="@Android:color/holo_green_dark"/>
</shape>

私のアクティビティxml：

<?xml version="1.0" encoding="utf-8"?>
<Android.support.design.widget.CoordinatorLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
xmlns:app="http://schemas.Android.com/apk/res-auto"
xmlns:tools="http://schemas.Android.com/tools"
Android:layout_width="match_parent"
Android:layout_height="match_parent"
Android:fitsSystemWindows="true"
tools:context="cn.easydone.test.MainActivity">

<Android.support.design.widget.AppBarLayout
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:theme="@style/AppTheme.AppBarOverlay">

    <Android.support.v7.widget.Toolbar
        Android:id="@+id/toolbar"
        Android:layout_width="match_parent"
        Android:layout_height="?attr/actionBarSize"
        Android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay" />
    <TextView
        Android:id="@+id/test_text"
        Android:background="@drawable/bg_stroke_dynamic_color"
        Android:padding="20dp"
        Android:text="asdasdasdasd"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"/>

</Android.support.design.widget.AppBarLayout>

<Android.support.v7.widget.RecyclerView
    Android:id="@+id/recycler_view"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:padding="10dp"
    Android:clipToPadding="false"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

私のアクティビティJava：

 TextView testText = (TextView) findViewById(R.id.test_text);
 ((GradientDrawable)testText.getBackground()).setStroke(10,Color.BLACK);

結果画像： 結果

1
Abner_Ni

Radiusで図形を埋める最も簡単な方法は次のとおりです。

XML：

<TextView
    Android:id="@+id/textView"
    Android:background="@drawable/test"
    Android:layout_height="45dp"
    Android:layout_width="100dp"
    Android:text="Moderate"/>

Java：

(textView.getBackground()).setColorFilter(Color.parseColor("#FFDE03"), PorterDuff.Mode.SRC_IN);
0
SANAT

drawable_rectangle.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:shape="rectangle">

    <solid Android:color="@Android:color/transparent" />

    <stroke
        Android:width="1dp"
        Android:color="#9f9f9f" />

    <corners
        Android:bottomLeftRadius="5dp"
        Android:bottomRightRadius="5dp"
        Android:topLeftRadius="5dp"
        Android:topRightRadius="5dp" />

</shape>

TextView

<androidx.appcompat.widget.AppCompatTextView
    Android:id="@+id/textView"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:background="@drawable/drawable_rectangle"
    Android:gravity="center"
    Android:padding="10dp"
    Android:text="Status"
    Android:textColor="@Android:color/white"
    Android:textSize="20sp" />


public static void changeRectangleColor(View view, int color) {
    ((GradientDrawable) view.getBackground()).setStroke(1, color);
}    

changeRectangleColor(textView, ContextCompat.getColor(context, R.color.colorAccent));
0
Ketan Ramani

ロニーの答えを試してみましたが、アプリがクラッシュしました。次に、描画可能なxmlを確認します。次のようになります。

<selector >...</selector>

。これに変更しました：（属性も変更しました）

<shape> ... </shape>

できます。

同じ問題に遭遇した人のために。

0
liang