blocks|key|585949|text|您可以在Java中构建自己的形状。我为一个类似iPhone的页面控件这样做了，并用Java语言绘制了形状：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|585950|/**
+*+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);
}|code-block|syntax|javascript|585951|希望这能有所帮助。Greez+Fabian|585952|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can build your own shapes in Java. 
I did this for an iPhone like Page Controler and paint the shapes in Java: 

<pre><code>/**
 * 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);
}
</code></pre>

hope this helps.
Greez Fabian

blocks|key|585990|text|您可以像这样简单地修改它|type|unstyled|depth|inlineStyleRanges|entityRanges|data|585991|GradientDrawable+bgShape+=+(GradientDrawable)btn.getBackground();
bgShape.setColor(Color.BLACK);|code-block|syntax|javascript|585992|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You could modify it simply like this

<pre><code>GradientDrawable bgShape = (GradientDrawable)btn.getBackground();
bgShape.setColor(Color.BLACK);
</code></pre>

blocks|key|586055|text|对我来说，它崩溃是因为getBackground返回的是GradientDrawable而不是ShapeDrawable。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|586056|所以我把它修改成这样：|586057|((GradientDrawable)someView.getBackground()).setColor(someColor);|code-block|syntax|javascript|586058|entityMap^0|B|D|S|G|1B|D|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|N|$]]

For me, it crashed because <code>getBackground</code> returned a <code>GradientDrawable</code> instead of a <code>ShapeDrawable</code>.

So i modified it like this:

<pre><code>((GradientDrawable)someView.getBackground()).setColor(someColor);
</code></pre>

blocks|key|586068|text|++++LayerDrawable+bgDrawable+=+(LayerDrawable)+button.getBackground();
++++final+GradientDrawable+shape+=+(GradientDrawable)
++++++++++++bgDrawable.findDrawableByLayerId(R.id.round_button_shape);
++++shape.setColor(Color.BLACK);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|586069|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code> LayerDrawable bgDrawable = (LayerDrawable) button.getBackground();
 final GradientDrawable shape = (GradientDrawable)
 bgDrawable.findDrawableByLayerId(R.id.round_button_shape);
 shape.setColor(Color.BLACK);
</code></pre>

blocks|key|586098|text|这对我来说很有效，使用初始的xml资源：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|586099|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);|code-block|syntax|javascript|586100|以上操作的结果：http://i.stack.imgur.com/hKUR7.png|offset|length|586101|entityMap|0|LINK|mutability|MUTABLE|url|http://i.stack.imgur.com/hKUR7.png^0|0|0|8|Y|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

This works for me, with an initial xml resource:

<pre><code>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);
</code></pre>

Result of the above: <a href="http://i.stack.imgur.com/hKUR7.png">http://i.stack.imgur.com/hKUR7.png</a>

blocks|key|802119|text|这个解决方案适用于使用android+sdk+v19的我：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|802120|//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)|code-block|syntax|javascript|802121|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This solution worked for me using the android sdk v19:

<pre><code>//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)
</code></pre>

blocks|key|802140|text|如果你有一个这样的imageView：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|802141|+++<ImageView
++++android:id="@%2Bid/color_button"
++++android:layout_width="wrap_content"
++++android:layout_height="wrap_content"
++++android:layout_marginRight="10dp"
++++android:src="@drawable/circle_color"/>|code-block|syntax|javascript|802142|这给了它一个可绘制的形状作为src，你可以使用下面的代码来改变形状的颜色：|802143|ImageView+iv+=+(ImageView)findViewById(R.id.color_button);
GradientDrawable+bgShape+=+(GradientDrawable)iv.getDrawable();
bgShape.setColor(Color.BLACK);|802144|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

If you have an imageView like this: 

<pre><code> &lt;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"/&gt;
</code></pre>

which give it a drawable shape as src, you can use this code to change shape's color:

<pre><code>ImageView iv = (ImageView)findViewById(R.id.color_button);
GradientDrawable bgShape = (GradientDrawable)iv.getDrawable();
bgShape.setColor(Color.BLACK);
</code></pre>

blocks|key|802178|text|我的形状xml：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|802179|<?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>|code-block|syntax|javascript|802180|我的活动xml：|802181|<?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="@%2Bid/toolbar"
++++++++android:layout_width="match_parent"
++++++++android:layout_height="?attr/actionBarSize"
++++++++android:background="?attr/colorPrimary"
++++++++app:popupTheme="@style/AppTheme.PopupOverlay"+/>
++++<TextView
++++++++android:id="@%2Bid/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="@%2Bid/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"+/>|802182|​|802183|我的活动java：|802184|+TextView+testText+=+(TextView)+findViewById(R.id.test_text);
+((GradientDrawable)testText.getBackground()).setStroke(10,Color.BLACK);|802185|结果图片：result|offset|length|802186|entityMap|0|LINK|mutability|MUTABLE|url|http://i.stack.imgur.com/CqnaT.jpg^0|0|0|0|0|0|0|0|5|6|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|14|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|16|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|17|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|18|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|19|8|@]|9|@$S|1A|T|1B|1|1C]]|A|$]]|$1|U|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11]]]]

My shape xml : 

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;shape xmlns:android="http://schemas.android.com/apk/res/android"&gt;
&lt;solid android:color="@android:color/transparent" /&gt;
&lt;stroke android:width="0.5dp" android:color="@android:color/holo_green_dark"/&gt;
&lt;/shape&gt;
</code></pre>

My activity xml :

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;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"&gt;

&lt;android.support.design.widget.AppBarLayout
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:theme="@style/AppTheme.AppBarOverlay"&gt;

 &lt;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" /&gt;
 &lt;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"/&gt;

&lt;/android.support.design.widget.AppBarLayout&gt;

&lt;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" /&gt;
</code></pre>



My activity java :

<pre><code> TextView testText = (TextView) findViewById(R.id.test_text);
 ((GradientDrawable)testText.getBackground()).setStroke(10,Color.BLACK);
</code></pre>

Result picture :
<a href="http://i.stack.imgur.com/CqnaT.jpg" rel="nofollow">result</a>

blocks|key|802200|text|circle.xml+(可绘制)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|802201|<?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>|code-block|syntax|javascript|802202|布局|802203|<ImageView
++++++android:id="@%2Bid/circleColor"
++++++android:layout_width="15dp"
+++++++android:layout_height="15dp"
++++++android:textSize="12dp"
+++++++android:layout_gravity="center"
+++++++android:layout_marginLeft="10dp"
++++++android:background="@drawable/circle"/>|802204|在活动中|802205|+++circleColor+=+(ImageView)+view.findViewById(R.id.circleColor);
+++int+color+=+Color.parseColor("#00FFFF");
+++((GradientDrawable)circleColor.getBackground()).setColor(color);|802206|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

circle.xml (drawable)

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle"&gt;

&lt;solid
 android:color="#000"/&gt;

&lt;size
 android:width="10dp"
 android:height="10dp"/&gt;
&lt;/shape&gt;
</code></pre>

layout

<pre><code>&lt;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"/&gt;
</code></pre>

in activity

<pre><code> circleColor = (ImageView) view.findViewById(R.id.circleColor);
 int color = Color.parseColor("#00FFFF");
 ((GradientDrawable)circleColor.getBackground()).setColor(color);
</code></pre>

blocks|key|802270|text|我尝试了罗尼的答案，我的应用程序崩溃了。然后，我检查我的可绘制xml。它看起来是这样的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|802271|<selector+>...</selector>|code-block|syntax|javascript|802272|。我将其更改为：(也更改了属性)|802273|<shape>+...+</shape>|802274|它起作用了。|802275|对于那些遇到同样问题的人。|802276|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

I try Ronnie's answer, and my app crashed. Then I check my drawable xml. It looks like this:

<pre><code>&lt;selector &gt;...&lt;/selector&gt;
</code></pre>

. I changed it to this:(also changed attributes)

<pre><code>&lt;shape&gt; ... &lt;/shape&gt;
</code></pre>

It works.

For those who encounter the same problem.

I have 

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

&lt;TextView
 android:background="@drawable/test"
 android:layout_height="45dp"
 android:layout_width="100dp"
 android:text="Moderate"
/&gt;
</code></pre>

So now I want this shape to change colors based on information I get back from a web service call. So it could be maybe yellow or green or red or whatever depending on the color I receive from the web serivce call.

How can I change the color of the shape? Based on this information?

How to change shape color dynamically?

Java

我有过<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:...

问如何动态改变形状的颜色？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何动态改变形状的颜色？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何动态改变形状的颜色？
EN