24

ボタンを作成し、以下に示すように背景色とテキスト色を設定しました。私の質問は、ボタンの境界線の色を設定するにはどうすればよいですか? 枠の色を白にしたい

これが私のボタンですres -> layout -> main_nav.xml

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

そして、これに関連付けられたスタイルが にありres -> values -> stylesます。最初の 2 つの「アイテム」は、単独で正常に動作します。最後の「アイテム」は、ボタンの境界線を白に変更する試みでしたが、成功しませんでした。

<!-- The button styles -->
<style name="buttonStyle">
    <item name="android:textColor">#ffffff</item>
    <item name="android:background">#80000000</item>

    <item name="android:button">
        <shape
            android:shape="rectangle" >
            <stroke
                android:width="0.5dp"
                android:color="#ffffff" />  
        </shape>
    </item>
</style>
4

6 に答える 6

40

要素を使用し<stroke>ます。この xml ファイルを res/drawable フォルダーに button_border.xml として追加します。

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

次に、これを呼び出します

<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" 
/>
于 2013-09-25T16:44:26.950 に答える
9

これを試して

<?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>
于 2015-03-16T07:10:50.843 に答える
6

このオンライン ボタン ジェネレーターを使用して、ボタンをカスタマイズできますhttp://angrytools.com/android/button/

于 2014-05-11T11:15:53.820 に答える
5

ここに画像の説明を入力

<?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" />
于 2015-09-10T06:22:32.297 に答える