blocks|key|4682091|text|尝试如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4682092|<?xml+version="1.0"+encoding="UTF-8"?>
<layer-list+xmlns:android="http://schemas.android.com/apk/res/android"+>

++++<item>
++++++++<shape+android:shape="rectangle"+>
++++++++++++<gradient
++++++++++++++++android:angle="360"
++++++++++++++++android:centerColor="#e95a22"
++++++++++++++++android:endColor="#ff00b5"
++++++++++++++++android:gradientRadius="360"
++++++++++++++++android:startColor="#006386"
++++++++++++++++android:type="sweep"+/>

++++++++++++<stroke
++++++++++++++++android:width="2dp"
++++++++++++++++android:color="#ff207d94"+/>
++++++++</shape>
++++</item>
++++<item
++++++++android:bottom="2dp"
++++++++android:left="2dp"
++++++++android:right="2dp"
++++++++android:top="2dp">
++++++++<shape+android:shape="rectangle"+>
++++++++++++<solid+android:color="#fff"+/>
++++++++</shape>
++++</item>

</layer-list>|code-block|syntax|javascript|4682093|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|$]]

try something like this:

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

 &lt;item&gt;
 &lt;shape android:shape="rectangle" &gt;
 &lt;gradient
 android:angle="360"
 android:centerColor="#e95a22"
 android:endColor="#ff00b5"
 android:gradientRadius="360"
 android:startColor="#006386"
 android:type="sweep" /&gt;

 &lt;stroke
 android:width="2dp"
 android:color="#ff207d94" /&gt;
 &lt;/shape&gt;
 &lt;/item&gt;
 &lt;item
 android:bottom="2dp"
 android:left="2dp"
 android:right="2dp"
 android:top="2dp"&gt;
 &lt;shape android:shape="rectangle" &gt;
 &lt;solid android:color="#fff" /&gt;
 &lt;/shape&gt;
 &lt;/item&gt;

&lt;/layer-list&gt;
</code></pre>

blocks|key|4682126|text|这将创建一个顶部边框为2dp的布局。只需将其设置为布局的背景|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4682127|<?xml+version="1.0"+encoding="utf-8"?>
<layer-list+xmlns:android="http://schemas.android.com/apk/res/android">
++++<item>
++++++++<shape+android:shape="rectangle">
++++++++++++<gradient
++++++++++++++++android:startColor="#4fc949"
++++++++++++++++android:centerColor="#0c87c5"
++++++++++++++++android:endColor="#b4ec51"
++++++++++++++++android:angle="180"+/>
++++++++</shape>
++++</item>
++++<item+android:top="2dp">
++++++++<shape+android:shape="rectangle">
++++++++++++<solid+android:color="@color/background_color"/>
++++++++</shape>
++++</item>
</layer-list>|code-block|syntax|javascript|4682128|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 will create a layout with top border of 2dp.
just set it as a background to your layout

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt;
 &lt;item&gt;
 &lt;shape android:shape="rectangle"&gt;
 &lt;gradient
 android:startColor="#4fc949"
 android:centerColor="#0c87c5"
 android:endColor="#b4ec51"
 android:angle="180" /&gt;
 &lt;/shape&gt;
 &lt;/item&gt;
 &lt;item android:top="2dp"&gt;
 &lt;shape android:shape="rectangle"&gt;
 &lt;solid android:color="@color/background_color"/&gt;
 &lt;/shape&gt;
 &lt;/item&gt;
&lt;/layer-list&gt;
</code></pre>

blocks|key|4682183|text|由于被接受的答案并不完全像我希望的那样对我有效，我也会发布我的解决方案，也许它对其他人有帮助:)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4682184|<layer-list+xmlns:android="http://schemas.android.com/apk/res/android"+>

<item>

++++<shape+android:shape="rectangle"+>
++++++++<gradient
++++++++++++android:angle="0"
++++++++++++android:centerColor="@android:color/holo_blue_bright"
++++++++++++android:endColor="@android:color/holo_red_light"
++++++++++++android:startColor="@android:color/holo_green_light"+/>

++++</shape>
</item>

<item
++++android:bottom="2dp"
++++android:left="2dp"
++++android:right="2dp"
++++android:top="2dp">
++++<shape+android:shape="rectangle"+>
++++++++
++++++++<solid+android:color="#fff"+/>
++++</shape>
</item>

</layer-list>|code-block|syntax|javascript|4682185|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|$]]

since the accepted answer didn't work exactly as i wanted it to work for me, i'll post my solution too, maybe it helps someone else :)

<pre><code>&lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android" &gt;

&lt;item&gt;
&lt;!-- create gradient you want to use with the angle you want to use --&gt;
 &lt;shape android:shape="rectangle" &gt;
 &lt;gradient
 android:angle="0"
 android:centerColor="@android:color/holo_blue_bright"
 android:endColor="@android:color/holo_red_light"
 android:startColor="@android:color/holo_green_light" /&gt;

 &lt;/shape&gt;
&lt;/item&gt;
&lt;!-- create the stroke for top, left, bottom and right with the dp you want --&gt;
&lt;item
 android:bottom="2dp"
 android:left="2dp"
 android:right="2dp"
 android:top="2dp"&gt;
 &lt;shape android:shape="rectangle" &gt;
 &lt;!-- fill the inside in the color you want (could also be a gradient again if you want to, just change solid to gradient and enter angle, start, maybe center, and end color) --&gt;
 &lt;solid android:color="#fff" /&gt;
 &lt;/shape&gt;
&lt;/item&gt;

&lt;/layer-list&gt;
</code></pre>

blocks|key|176114|text|这个额外的资源应该可以解决你的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|176115|<?xml+version="1.0"+encoding="utf-8"?>
<layer-list+xmlns:android="http://schemas.android.com/apk/res/android">
++++<item>
++++++++<shape+android:shape="rectangle">
++++++++++++<gradient
++++++++++++++++android:angle="360"
++++++++++++++++android:centerColor="#e95a22"
++++++++++++++++android:endColor="#ff00b5"
++++++++++++++++android:gradientRadius="360"
++++++++++++++++android:startColor="#006386"
++++++++++++++++android:type="sweep"+/>
++++++++++++<size+android:height="170dp"
++++++++++++++++android:width="170dp"/>
++++++++</shape>
++++</item>
++++<item+android:top="2dp"+android:bottom="2dp"+android:right="2dp"+android:left="2dp">
++++++++<shape+android:shape="rectangle">
++++++++++++<size+android:width="140dp"
++++++++++++++++android:height="140dp"/>
++++++++++++<solid+android:color="@color/colorAccent"/>
++++++++++++<solid+android:color="@color/white"/>
++++++++</shape>
++++</item>
</layer-list>|code-block|syntax|javascript|176116|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 extra source should fix your problem

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt;
 &lt;item&gt;
 &lt;shape android:shape="rectangle"&gt;
 &lt;gradient
 android:angle="360"
 android:centerColor="#e95a22"
 android:endColor="#ff00b5"
 android:gradientRadius="360"
 android:startColor="#006386"
 android:type="sweep" /&gt;
 &lt;size android:height="170dp"
 android:width="170dp"/&gt;
 &lt;/shape&gt;
 &lt;/item&gt;
 &lt;item android:top="2dp" android:bottom="2dp" android:right="2dp" android:left="2dp"&gt;
 &lt;shape android:shape="rectangle"&gt;
 &lt;size android:width="140dp"
 android:height="140dp"/&gt;
 &lt;solid android:color="@color/colorAccent"/&gt;
 &lt;solid android:color="@color/white"/&gt;
 &lt;/shape&gt;
 &lt;/item&gt;
&lt;/layer-list&gt;
</code></pre>

blocks|key|176133|text|这将是您想要做的事情的适当解决方案。它包括笔触的渐变和填充颜色的渐变。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|176134|<?xml+version="1.0"+encoding="utf-8"?>
++++<layer-list+xmlns:android="http://schemas.android.com/apk/res/android">
++++++++<item>
++++++++++++<shape+>
++++++++++++++++<gradient
++++++++++++++++++++android:startColor="#2196F3"
++++++++++++++++++++android:endColor="#673AB7"
++++++++++++++++++++android:angle="270"+/>
++++++++++++++++<stroke
++++++++++++++++++++android:width="0dp"
++++++++++++++++++++android:color="@color/transparentColor"+/>
++++++++++++++++<corners
++++++++++++++++++++android:radius="8dp"+/>
++++++++++++++++<padding
++++++++++++++++++++android:left="2dp"
++++++++++++++++++++android:right="2dp"
++++++++++++++++++++android:top="2dp"
++++++++++++++++++++android:bottom="2dp"+/>
++++++++++++</shape>
++++++++</item>
++++++++<item>
++++++++++++<shape+android:shape="rectangle">

++++++++++++</shape>
++++++++</item>
++++++++<item+android:top="0dp">
++++++++++++<shape>
++++++++++++++++<gradient
++++++++++++++++++++android:startColor="#FBB100"
++++++++++++++++++++android:endColor="#FF9900"
++++++++++++++++++++android:angle="270"/>

++++++++++++++++<corners
++++++++++++++++++++android:radius="8dp"+/>
++++++++++++</shape>
++++++++</item>
++++</layer-list>|code-block|syntax|javascript|176135|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 would be the appropriate solution to what you wanna do. It includes gradient in stroke as well as a gradient in fill colour.

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
 &lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt;
 &lt;item&gt;
 &lt;shape &gt;
 &lt;gradient
 android:startColor="#2196F3"
 android:endColor="#673AB7"
 android:angle="270" /&gt;
 &lt;stroke
 android:width="0dp"
 android:color="@color/transparentColor" /&gt;
 &lt;corners
 android:radius="8dp" /&gt;
 &lt;padding
 android:left="2dp"
 android:right="2dp"
 android:top="2dp"
 android:bottom="2dp" /&gt;
 &lt;/shape&gt;
 &lt;/item&gt;
 &lt;item&gt;
 &lt;shape android:shape="rectangle"&gt;

 &lt;/shape&gt;
 &lt;/item&gt;
 &lt;item android:top="0dp"&gt;
 &lt;shape&gt;
 &lt;gradient
 android:startColor="#FBB100"
 android:endColor="#FF9900"
 android:angle="270"/&gt;

 &lt;corners
 android:radius="8dp" /&gt;
 &lt;/shape&gt;
 &lt;/item&gt;
 &lt;/layer-list&gt;
</code></pre>

I want to create a border for a linearLayout. So I decide to create a shape. I want the border to have a gradient. The following is not doing it. It fills the rectangle and then creates a stroke. I don't want a filled rectangle, just the stroke. And I want to apply the gradient to the stroke.

<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;gradient
 android:angle="360"
 android:centerColor="#e95a22"
 android:endColor="#ff00b5"
 android:gradientRadius="360"
 android:startColor="#006386"
 android:type="sweep" /&gt;

 &lt;stroke
 android:width="2dp"
 android:color="#ff207d94" /&gt;

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

Android shape border with gradient

我想为linearLayout创建一个边框。所以我决定创建一个形状。我希望边框有一个渐变。下面的代码不是这样做的。它填充矩形，然后创建一个笔划。我不想要填充的矩形，只想要笔触。我想把渐变应用到笔划上。<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="...

问带渐变的Android形状边框
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带渐变的Android形状边框EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带渐变的Android形状边框
EN