วิธีการเปลี่ยนสีของรูปร่างแบบไดนามิก?


136

ฉันมี

<?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"
/>

ดังนั้นตอนนี้ฉันต้องการให้รูปร่างนี้เปลี่ยนสีตามข้อมูลที่ฉันได้รับจากการโทรจากเว็บเซอร์วิส ดังนั้นอาจเป็นสีเหลืองหรือสีเขียวหรือสีแดงหรืออะไรก็ได้ขึ้นอยู่กับสีที่ฉันได้รับจากการโทรทางเว็บ

ฉันจะเปลี่ยนสีของรูปร่างได้อย่างไร จากข้อมูลนี้?


3
ตามที่ได้รับการแต่งตั้งโดยวิธี @Couitchy View.getBackground()ส่งคืน a GradientDrawableและไม่ใช่ShapeDrawableสาเหตุที่ทำให้แอปขัดข้องขณะทำงานเนื่องจากการส่งไม่ถูกต้องเมื่อพยายามรับการอ้างอิงและตั้งค่าสีโดยทางโปรแกรม [Android รูปร่าง doc] ( developer.android.com/guide/topics/resources/... ) ฯ : ที่รวบรวมทรัพยากรประเภทข้อมูล: GradientDrawableตัวชี้ทรัพยากรไป
Luis Quijada

คำตอบ:


300

คุณสามารถแก้ไขมันได้อย่างนี้

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

9
btn.getBackground คืออะไร
chobo2

16
ฉันได้รับjava.lang.ClassCastException: android.graphics.drawable.GradientDrawable cannot be cast to android.graphics.drawable.ShapeDrawableเมื่อลองใช้คำแนะนำนี้
prolink007

2
ไม่ทำงาน, ไม่เป็นผล. คุณจะได้รับข้อความแสดงข้อผิดพลาด ต้องการแก้ไขหรือยอมรับคำตอบอื่น
ndgreen

6
มันใช้งานได้ดี ความคิดเห็นก่อนหน้านี้ล้าสมัยตั้งแต่คำตอบถูกแก้ไข!
W3hri

4
shoul ใช้ GradientDrawable bgShape = (GradientDrawable) btn.getBackground (). getCurrent ();
naveed148

60

สำหรับผมมันตกเพราะgetBackgroundกลับแทนGradientDrawableShapeDrawable

ดังนั้นฉันจึงแก้ไขมันเช่นนี้:

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

42

สิ่งนี้ใช้ได้กับฉันด้วยทรัพยากร 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


นี่คือคำตอบที่ถูกต้อง ทั้งคำตอบที่ยกมาเหนือไม่ได้ทำงานสำหรับฉัน ฉันได้รับข้อยกเว้นทั้งสองอย่าง
Sanal Varghese

10

คุณสามารถสร้างรูปร่างของคุณเองใน Java ฉันทำสิ่งนี้เพื่อ iPhone เช่น Page Controler และทาสีรูปร่างใน 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);
}

หวังว่านี่จะช่วยได้ Greez Fabian


7

บางทีคนอื่นจำเป็นต้องเปลี่ยนสีใน XML โดยไม่ต้องสร้าง drawable หลายอย่างที่ฉันต้องการ จากนั้นสร้างวงกลมที่วาดได้โดยไม่มีสีจากนั้นระบุ backgroundTint สำหรับ ImageView

circle.xml

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

และในรูปแบบของคุณ:

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

แก้ไข:

มีข้อผิดพลาดเกี่ยวกับวิธีนี้ที่ป้องกันไม่ให้ทำงานบน Android Lollipop 5.0 (API ระดับ 21) แต่ได้รับการแก้ไขในรุ่นที่ใหม่กว่า


5
    LayerDrawable bgDrawable = (LayerDrawable) button.getBackground();
    final GradientDrawable shape = (GradientDrawable)
            bgDrawable.findDrawableByLayerId(R.id.round_button_shape);
    shape.setColor(Color.BLACK);

round_button_shape ควรกำหนดในไฟล์รูปร่าง xml ที่ไหน?
Jayesh

5

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

ไม่ใช่ของสมบูรณ์แบบ แต่ช่วยให้ฉันแก้ปัญหาได้
Rakesh Yadav

2

วิธีนี้ใช้ได้ผลกับฉันโดยใช้ 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

หากคุณมีภาพดูเช่นนี้:

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

ซึ่งให้รูปร่าง drawable เป็น src คุณสามารถใช้รหัสนี้เพื่อเปลี่ยนสีของรูปร่าง:

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

1

รูปร่าง 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

วิธีที่ง่ายที่สุดในการเติมรูปร่างด้วยรัศมีคือ:

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

ฉันลองคำตอบของ Ronnie และแอพของฉันล้มเหลว จากนั้นฉันตรวจสอบ XML ที่ใช้งานได้ ดูเหมือนว่านี้:

<selector >...</selector>

. ฉันเปลี่ยนเป็น: (เปลี่ยนแอตทริบิวต์ด้วย)

<shape> ... </shape>

มันได้ผล.

สำหรับผู้ที่พบปัญหาเดียวกัน


0

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

คุณสามารถใช้อะแดปเตอร์ผูก (Kotlin)เพื่อให้บรรลุนี้ สร้างคลาสอะแดปเตอร์ที่มีผลผูกพันชื่อ ChangeShapeColor เช่นด้านล่าง

@BindingAdapter("shapeColor")

// Method to load shape and set its color 

fun loadShape(textView: TextView, color: String) {
// first get the drawable that you created for the shape 
val mDrawable = ContextCompat.getDrawable(textView.context, 
R.drawable.language_image_bg)
val  shape =   mDrawable as (GradientDrawable)
// use parse color method to parse #34444 to the int 
shape.setColor(Color.parseColor(color))
 }

สร้างรูปร่าง drawable ในโฟลเดอร์ res / drawable ฉันสร้างวงกลมแล้ว

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval" >
<solid android:color="#anyColorCode"/>

<size
    android:width="@dimen/dp_16"
    android:height="@dimen/dp_16"/>
</shape>

ในที่สุดก็อ้างถึงมุมมองของคุณ

  <TextView>
   .........
  app:shapeColor="@{modelName.colorString}"
 </Textview>
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.