2012-10-07 22 views
11

enter image description hereएंड्रॉयड

में गोलाकार कोनों के साथ बटन बनाएं मैं एक बटन जो ऊपर छवि में के रूप में लग रहा है बनाने के लिए कोशिश कर रहा हूँ। शुरुआत में मेरा विचार 9 पैच बनाना था और इसे बटन पृष्ठभूमि के रूप में सेट करना था। लेकिन चूंकि, यह एक सादा बटन है, मुझे लगता है कि हम किसी भी छवियों का उपयोग किये बिना इसे किसी भी तरह आकर्षित कर सकते हैं।

बटन पृष्ठभूमि रंग # 0c0c0c है सीमा रंग # 1a1a1a है पाठ का रंग है

#cccccc

मैं इतने पर एक समान प्रश्न पाया लेकिन यह एक ढाल बनाता है -
Android - border for button

+1

"बटन पृष्ठभूमि का रंग # 0c0c0c सीमा रंग # 1a1a1a है" - हो सकता है कि * एक * रंग की निर्धारित करते हैं, लेकिन आप उस से भी अधिक की जरूरत है। अगर हम मानते हैं कि आप उन रंगों को सामान्य स्थिति चाहते हैं, तो दबाए गए राज्य के लिए आपके रंग क्या हैं? अक्षम राज्य? केंद्रित राज्य? अन्य राज्य भी हो सकते हैं कि डिफ़ॉल्ट 'बटन' पृष्ठभूमि उनसे परे हैडल करती है, लेकिन मैं उनके साथ शुरू करूंगा। – CommonsWare

उत्तर

23

एंड्रॉइड डेवलपर गाइड में इस पर विस्तृत मार्गदर्शिका है: Shape Drawbables

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <corners android:radius="3dp" /> 
    <stroke android:width="5px" android:color="#1a1a1a" /> 
</shape> 
+1

धन्यवाद :) ठोस बीजी <ठोस एंड्रॉइड: रंग = "# 0c0c0c" /> – coderplus

16
<Button 
    android:id="@+id/button1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_above="@+id/textView1" 
    android:layout_alignLeft="@+id/textView1" 
    android:layout_marginBottom="56dp" 
    android:text="Button" 
    android:textColor="#FF0F13" 
    android:background="@drawable/bbkg"/>//create bbkg.xml in drawable folder 

bbkg.xml // बटन पृष्ठभूमि

<?xml version="1.0" encoding="utf-8"?> 
    <selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_pressed="true" 
    android:drawable="@drawable/pressed" /> 
    <item android:state_focused="false" 
    android:drawable="@drawable/normal" /> 
    </selector> 

normal.xml // बटन सामान्य पृष्ठभूमि:

तुम भी बस उस लिंक आपके द्वारा दी गई से gradient तत्व निकाल सकता है राज्य

<?xml version="1.0" encoding="UTF-8"?> 
    <shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <solid android:color="#10EB0A"/>  
    <stroke android:width="3dp" 
     android:color="#0FECFF" /> 
    <padding android:left="5dp" 
     android:top="5dp" 
     android:right="5dp" 
     android:bottom="5dp"/> 
    <corners android:bottomRightRadius="7dp" 
     android:bottomLeftRadius="7dp" 
     android:topLeftRadius="7dp" 
     android:topRightRadius="7dp"/> 
    </shape> 

pressed.xml // बटन पृष्ठभूमि राज्य

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
<solid android:color="#FF1A47"/>  
<stroke android:width="3dp" 
     android:color="#0FECFF"/> 

<corners android:bottomRightRadius="7dp" 
     android:bottomLeftRadius="7dp" 
     android:topLeftRadius="7dp" 
     android:topRightRadius="7dp"/> 
</shape> 
+1

प्राप्त करने के लिए इसे जोड़ा गया आप सामान्य और दबाए गए राज्य में बटन की सीमा के साथ-साथ बटन बैकग्राउड रंग बदल सकते हैं। बस रंग कोड का उचित उपयोग करें – Raghunandan

3

दबाया आप चाहते हैं इस

बटन पूर्वावलोकन

यहाँ

की तरह कुछ कोड है।

1. बनाएँ mybutton.xml की तरह अपने drawable फ़ोल्डर में एक xml फ़ाइल और निम्न मार्कअप पेस्ट:

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android" > 
<item android:state_pressed="true" > 
    <shape android:shape="rectangle" > 
     <corners android:radius="3dip" /> 
     <stroke android:width="1dip" android:color="#5e7974" /> 
     <gradient android:angle="-90" android:startColor="#345953" android:endColor="#689a92" />    
    </shape> 
</item> 
<item android:state_focused="true"> 
    <shape android:shape="rectangle" > 
     <corners android:radius="3dip" /> 
     <stroke android:width="1dip" android:color="#5e7974" /> 
     <solid android:color="#58857e"/>  
    </shape> 
</item> 
<item > 
    <shape android:shape="rectangle" > 
     <corners android:radius="3dip" /> 
     <stroke android:width="1dip" android:color="#5e7974" /> 
     <gradient android:angle="-90" android:startColor="#8dbab3" android:endColor="#58857e" />    
    </shape> 
</item> 
</selector> 

2.Now आपके विचार की पृष्ठभूमि के लिए इस drawable का उपयोग करें। दृश्य बटन तो कुछ इस तरह है:

<Button 
    android:id="@+id/button1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:padding="10dp" 
    android:textColor="#ffffff" 
    android:background="@drawable/mybutton" 
    android:text="Buttons" />