blocks|key|231682|text|使用<stroke>元素。将此xml文件添加到res/drawable文件夹中，作为button_border.xml：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|231683|+<?xml+version="1.0"+encoding="utf-8"?>
++<shape+xmlns:android="http://schemas.android.com/apk/res/android"
++++android:shape="rectangle">
++++<gradient+android:startColor="#FFFFFF"+
+++++++android:endColor="#00FF00"
+++++++android:angle="270"+/>
++++<corners+android:radius="3dp"+/>
++++<stroke+android:width="5px"+android:color="#ffffff"+/>
+</shape>|code-block|syntax|javascript|231684|然后调用它|231685|<Button
+++android:id="@%2Bid/button1"
+++android:layout_width="wrap_content"
+++android:layout_height="wrap_content"
+++android:layout_margin="10dp"
+++android:background="@drawable/button_border"
+++android:text="Button"+
/>|231686|entityMap^0|2|8|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

Use the <code>&lt;stroke&gt;</code> element. Add this xml file in res/drawable folder as button_border.xml:

<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:startColor="#FFFFFF" 
 android:endColor="#00FF00"
 android:angle="270" /&gt;
 &lt;corners android:radius="3dp" /&gt;
 &lt;stroke android:width="5px" android:color="#ffffff" /&gt;
 &lt;/shape&gt;
</code></pre>

then call this by

<pre><code>&lt;Button
 android:id="@+id/button1"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_margin="10dp"
 android:background="@drawable/button_border"
 android:text="Button" 
/&gt;
</code></pre>

blocks|key|15371|text|您可以使用此联机按钮生成器来自定义按钮http://angrytools.com/android/button/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|15372|entityMap|0|LINK|mutability|MUTABLE|url|http://angrytools.com/android/button/^0|J|11|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You can use this Online Button generator to Customize your button <a href="http://angrytools.com/android/button/" rel="noreferrer">http://angrytools.com/android/button/</a>

blocks|key|231747|text|尝尝这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|231748|<?xml+version="1.0"+encoding="utf-8"?>
<shape+xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle"+>

<corners+android:radius="1dp"+/>

<stroke
++++android:width="2px"
++++android:color="#ffffff"+/>

</shape>|code-block|syntax|javascript|231749|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 this

<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;corners android:radius="1dp" /&gt;

&lt;stroke
 android:width="2px"
 android:color="#ffffff" /&gt;

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

blocks|key|231794|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|231795|📷|atomic|offset|length|231796|231797|<?xml+version="1.0"+encoding="utf-8"?>
<shape+xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle"+>

<gradient
++++android:angle="270"
++++android:endColor="#E8f2fe"
++++android:startColor="#E8f2fe"+/>

<corners+android:radius="3dp"+/>

<stroke
++++android:width="2px"
++++android:color="#486e9d"+/>|code-block|syntax|javascript|231798|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/5400c3582504422c5e119e8d44f485a0.png|imageAlt^0|0|0|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|W|8|@]|9|@$E|X|F|Y|1|Z]]|A|$]]|$1|G|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|11|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T|U|-4]]]]

<a href="https://i.stack.imgur.com/vEBxb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vEBxb.png" alt="enter image description here" /></a>
<pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
&lt;shape xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
android:shape=&quot;rectangle&quot; &gt;

&lt;gradient
 android:angle=&quot;270&quot;
 android:endColor=&quot;#E8f2fe&quot;
 android:startColor=&quot;#E8f2fe&quot; /&gt;

&lt;corners android:radius=&quot;3dp&quot; /&gt;

&lt;stroke
 android:width=&quot;2px&quot;
 android:color=&quot;#486e9d&quot; /&gt;
</code></pre>

blocks|key|231820|text|如果你想让你的按钮有一个透明的背景，那么使用Shivang+Trivedi的答案，但删除“渐变”部分，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|231821|<?xml+version="1.0"+encoding="utf-8"?>+++<shape+xmlns:android="http://schemas.android.com/apk/res/android"
++++android:shape="rectangle">
++++<corners+android:radius="3dp"+/>
++++<stroke+android:width="5px"+android:color="#ffffff"+/>++</shape>|code-block|syntax|javascript|231822|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|$]]

If you would like a transparent background for your button, then use Shivang Trivedi's answer but remove the "gradient" section like so:

<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;corners android:radius="3dp" /&gt;
 &lt;stroke android:width="5px" android:color="#ffffff" /&gt; &lt;/shape&gt;
</code></pre>

blocks|key|15563|text|尝试材质按钮|type|unstyled|depth|inlineStyleRanges|entityRanges|data|15564|根据需要设置app:strokeWidth，app:strokeColor|15565|<com.google.android.material.button.MaterialButton
++++android:layout_width="wrap_content"
++++android:layout_height="wrap_content"
++++style="@style/Widget.MaterialComponents.Button.OutlinedButton"
++++app:layout_constraintBottom_toBottomOf="parent"
++++app:layout_constraintEnd_toEndOf="parent"
++++app:strokeWidth="0.6dp"
++++app:cornerRadius="2dp"
++++android:text="Reassign"
++++android:textColor="@color/colorAccent"
++++app:strokeColor="@color/colorAccent"

++++/>|code-block|syntax|javascript|15566|注意:您需要为material小部件添加依赖项|15567|//Material+Components+for+Android
implementation+'com.google.android.material:material:1.0.0'|15568|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

try Material button

Set app:strokeWidth, app:strokeColor as per your need

<pre><code>&lt;com.google.android.material.button.MaterialButton
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 style="@style/Widget.MaterialComponents.Button.OutlinedButton"
 app:layout_constraintBottom_toBottomOf="parent"
 app:layout_constraintEnd_toEndOf="parent"
 app:strokeWidth="0.6dp"
 app:cornerRadius="2dp"
 android:text="Reassign"
 android:textColor="@color/colorAccent"
 app:strokeColor="@color/colorAccent"

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

Note : you need to add dependency for material widgets

<pre><code>//Material Components for Android
implementation 'com.google.android.material:material:1.0.0'
</code></pre>

I have a button created and have set the background color and text color as can be seen below. My question is: how do I set the buttons border color? I want to set the border color to white

Here is the button in my <code>res -&gt; layout -&gt; main_nav.xml</code>

<pre><code>&lt;Button 
 android:id="@+id/btn_emergency"
 style="@style/buttonStyle"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:layout_weight="1"
 android:text="Contact and Emergency" 
 android:onClick="onClickHandleStates" /&gt;
</code></pre>

And here is its associated style in <code>res -&gt; values -&gt; styles</code>. The first 2 "items" work fine on their own. The final "item" was my attempt at changing button border to white without success. 

<pre><code>&lt;!-- The button styles --&gt;
&lt;style name="buttonStyle"&gt;
 &lt;item name="android:textColor"&gt;#ffffff&lt;/item&gt;
 &lt;item name="android:background"&gt;#80000000&lt;/item&gt;

 &lt;item name="android:button"&gt;
 &lt;shape
 android:shape="rectangle" &gt;
 &lt;stroke
 android:width="0.5dp"
 android:color="#ffffff" /&gt; 
 &lt;/shape&gt;
 &lt;/item&gt;
&lt;/style&gt;
</code></pre>

Border color on Android button

Android

我已经创建了一个按钮，并设置了背景颜色和文本颜色，如下所示。我的问题是:如何设置按钮的边框颜色？我想将边框颜色设置为白色这是我的res -> layout -> main_nav.xml中的按钮<Button android:id="@+id/btn_emergency" style="@...

问Android按钮上的边框颜色
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Android按钮上的边框颜色EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Android按钮上的边框颜色
EN