2015-11-21 14 views
5

मैं निम्नलिखित एक्सएमएल का उपयोग कर एंड्रॉइड बटन बना रहा हूं।एंड्रॉइड बटन सीमा रंग

डिज़ाइन के पूर्वावलोकन पर आउटपुट, नीचे दिखाया गया है। enter image description here

हालांकि जब मैं डिवाइस, सैमसंग डुओस पर चलाता हूं। यह पूरी तरह से अलग दिखाता है। enter image description here

मैं सीमा कैसे सेट कर सकता हूं।

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

    <stroke 
     android:width="3dp" 
     android:color="#d78d79" /> 

</shape> 

मुझे एक्सएमएल में भी एक त्रुटि मिलती है, लेकिन यह ठीक काम कर रही है। जब मैं माउस को त्रुटि पर होवर करता हूं तो कुछ भी नहीं दिखाया जाता है।

enter image description here

किसी भी एक मदद कर सकते हैं?

+0

'@ drawable/button_border' सामग्री' –

उत्तर

9

एक बच्चे तत्व के रूप में <solid android:color="@android:color/transparent" /> जोड़े अपने shape तत्व में

<?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="3dp" 
     android:color="#d78d79" /> 

</shape> 
+0

दिखाएं डिज़ाइन और डिवाइस में अंतर क्यों? –

+0

यह 'सैमसंग' है ... एंड्रॉइड थीम अनुकूलित ... मुझे नहीं पता। कृपया जांचें कि इसे पारदर्शी में सेट करने से –

+0

क्या आप XML को बदल सकते हैं? जैसे कि मैं @android का उपयोग करता हूं: रंग दो बार, इसलिए त्रुटि प्राप्त करें। –

6

मैं आमतौर पर कुछ इस तरह करते हैं!

आप यह सब एक एक्सएमएल में कर सकते हैं लेकिन मैं आपको बेहतर समझने का लंबा रास्ता दिखाऊंगा।

simple_button.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android"> 

    <item 
     android:state_pressed="true" 
     android:drawable="@drawable/button_pressed"/> 

    <item 
     android:state_enabled="false" 
     android:drawable="@drawable/button_disabled"/> 
    <item 
     android:state_enabled="true" 
     android:drawable="@drawable/button_enabled"/> 

</selector> 

button_pressed.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <corners android:radius="2dp" /> 
    <solid android:color="#20FF5252" /> 
    <padding 
     android:bottom="0dp" 
     android:left="0dp" 
     android:right="0dp" 
     android:top="0dp" /> 
    <size 
     android:width="100dp" 
     android:height="35dp" /> 
    <stroke 
     android:width="1dp" 
     android:color="#1DE9B6" /> 
</shape> 

button_disabled.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > 
    <corners 
     android:radius="14dp" 
     /> 
    <solid 
     android:color="@android:color/transparent" 
     /> 
    <padding 
     android:left="0dp" 
     android:top="0dp" 
     android:right="0dp" 
     android:bottom="0dp" 
     /> 
    <stroke 
     android:width="8dp" 
     android:color="#1DE9B6" 
     /> 
</shape> 

button_enabled.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > 
    <corners 
     android:radius="2dp" 
    /> 
    <solid 
     android:color="@android:color/transparent" 
    /> 
    <padding 
     android:left="0dp" 
     android:top="0dp" 
     android:right="0dp" 
     android:bottom="0dp" 
    /> 
    <size 
     android:width="260dp" 
     android:height="50dp" 
    /> 

    <stroke 
     android:width="1dp" 
     android:color="#1DE9B6" 
    /> 
</shape> 

styles.xml

<style name="Widget.Button.Simple" parent="android:Widget"> 
     <item name="android:gravity">center_vertical|center_horizontal</item> 
     <item name="android:background">@drawable/simple_button</item> 
     <item name="android:textAppearance">?android:textAppearanceMedium</item> 
     <item name="android:textColor">#1DE9B6</item> 
     <item name="android:textStyle">bold</item> 

    </style> 

प्रयोग

<Button 
     android:id="@+id/btn_simple" 
     style="@style/Widget.Button.Simple" 
     android:layout_width="match_parent" 
     android:layout_height="50dp" 
     android:layout_margin="20dp" 
     android:text="Button" /> 

मुझे आशा है कि यह मदद करता है!

+1

अच्छा दृष्टिकोण! उपरोक्त :) –

संबंधित मुद्दे