Android पर स्ट्रोक फ़ॉन्ट के साथ बटन

मुझे प्रोजेक्ट के लिए एक विशिष्ट तत्व की आवश्यकता थी - एक बटन जिसमें एक गोलाकार फ़ॉन्ट है। ऐसा लगता है कि यह ऐसा है - Google को बस यह पूर्वाभास करना था। लेकिन, जैसा कि यह निकला, आप इसे मानक तरीकों से नहीं कर सकते हैं और आपको बटन हुड के आसपास खुदाई करने की आवश्यकता है। मैंने फ़ॉन्ट के लिए एक छाया के साथ अपनी खोज शुरू की।
लेकिन स्ट्रोक का फॉन्ट इस तरह से बनाने की कोशिश नाकाम रहेगी -
सबसे पहले, अक्षरों के चारों ओर की रेखा अधिक धुंधली हो जाएगी, जितना अधिक आप छाया में संख्या निर्दिष्ट करेंगे;
दूसरी बात, आप लाइन की चौड़ाई नहीं बदल सकते।
थोड़े से विचार के साथ, मैंने एक ऐसा वर्ग लागू किया जो आवश्यक है। कौन रुचि रखता है - मैं एक बिल्ली के लिए पूछता हूं।

मैंने एक समाधान के लिए हर जगह खोज की और वह नहीं मिली, इसलिए मैंने अपना समाधान दिखाने का फैसला किया और, शायद, यह किसी के लिए उपयोगी होगा। आवश्यकताओं में XML से फ़ॉन्ट रंग और स्ट्रोक चौड़ाई सेट करने की क्षमता थी। अब कोड पर जाएं।

सबसे पहले, फ़ाइल रेस / मान / attrs.xml में, हम उन मापदंडों का वर्णन करते हैं जो हमारे ButtonStrokeText बटन को लेगा (चलो इसे कहते हैं)।

<? xml संस्करण = "1.0" एन्कोडिंग = "utf-8" ?>
<संसाधन >

<घोषणा-योग्य नाम = "बटनस्ट्रोकटेक्स्ट" >
<attr नाम = "textStrokeColor" प्रारूप = "रंग" />
<attr नाम = "textStrokeWidth" प्रारूप = "आयाम" />
</ घोषणा-योग्य >

</ संसाधन >

हम textStrokeColor स्ट्रोक रंग को रंग प्रारूप (साथ ही सामान्य बटन में टेक्स्ट रंग) को स्वीकार करेंगे, हम स्ट्रोक की चौड़ाई बना देंगे क्योंकि यह आयामों (सपा, डीपी और सभी में) होना चाहिए। आपको याद दिला दूं कि google टेक्स्ट साइज के लिए sp का उपयोग करने की सलाह देता है।

तो, XML के लिए मापदंडों का वर्णन किया गया है, चलो खुद ButtonStrokeText वर्ग पर चलते हैं। हम इस नाम के साथ एक वर्ग बनाते हैं और इसे बटन से विरासत में लेते हैं। हम निर्माणकर्ताओं की एक जोड़ी और एक onDraw विधि को फिर से लिखते हैं। यहाँ कोड ही है:

आयात android.content.Context ;
आयात android.content.res.ypedArray ;
import android.graphics.Canvas ;
आयात android.graphics.Color ;
आयात android.graphics.Paint.Join ;
आयात android.graphics.Paint.Style ;
आयात android.text.TextPaint ;
आयात android.util.AttributeSet ;
आयात android.widget.Button ;


सार्वजनिक वर्ग ButtonStrokeText बटन का विस्तार करता है
{
निजी इंट स्ट्रोकरोल = रंग । ट्रांसपेरेंट ;
निजी इंट स्ट्रोकवीड = 2 ;
सार्वजनिक ButtonStrokeText ( संदर्भ संदर्भ )
{
सुपर ( संदर्भ ) ;
}
सार्वजनिक ButtonStrokeText ( संदर्भ प्रसंग, गुणसंग्रह )
{
सुपर ( संदर्भ, गुण ) ;
टाइपरअरे = एक संदर्भ। getStyledAttributes ( attrs , R. styleable । ButtonStrokeText ) ;
stroColor = ए। getColor ( R. styleable । ButtonStrokeText_textStrokeColor , stroColor ) ;
stroWidth = ए। getDimensionPixelSize ( R. styleable ; ButtonStrokeText_textStrokeWidth , stroWidth ) ;
एक। रीसायकल ( ) ;
}
अवहेलना
सार्वजनिक शून्य onDraw ( कैनवास कैनवास )
{
अंतिम ColorStateList textColor = getTextColors ( ) ;

टेक्स्टपेंट पेंट = यह । getPaint ( ) ;

पेंट। सेट स्टाइल ( स्टाइल । STROKE ) ;
पेंट। setStrokeJoin ( Join। ROUND ) ;
पेंट। setStrokeMiter ( 10 ) ;
यह । setTextColor ( stroColor ) ;
पेंट। setStrokeWidth ( stroWidth ) ;

सुपर । onDraw ( कैनवास ) ;
पेंट। सेट स्टाइल ( स्टाइल । फ़ील ) ;

setTextColor ( textColor ) ;
सुपर । onDraw ( कैनवास ) ;
}
}

कोड काफी सरल है - बटनस्ट्रोकटेक्स्ट कंस्ट्रक्टर (कॉन्टेक्स्ट संदर्भ, एट्रिब्यूटसेट एटर्स) में हम मापदंडों को प्रोसेस करते हैं और उन्हें बचाते हैं। GetColor और getDimensionPixelSize विधियों में अंतिम पैरामीटर का मतलब डिफ़ॉल्ट प्रकार है अगर हम इसे XML में भूल जाते हैं या इसे निर्दिष्ट नहीं करते हैं।
सबसे दिलचस्प बात उस विधि में होती है जो प्रतिपादन के लिए जिम्मेदार है। इसमें, हम बस एक स्ट्रोक खींचते हैं और अंतिम पंक्ति पर मूल विधि को कॉल करते हैं। मैं यह भी उल्लेख करता हूं कि सेटस्ट्रोकजेन स्ट्रोक के प्रकार को प्रभावित करता है, मैंने गोल चुना। चित्र मापदंडों के आधार पर स्ट्रोक विकल्प दिखाता है (ध्यान से स्ट्रोक के किनारों और कोनों को देखें)। आप चित्र में सभी विकल्प देख सकते हैं।

वह, वास्तव में, सब है। अब आप अपने XML में इस वर्ग का उपयोग कर सकते हैं। नीचे दिए गए उदाहरण।

1. <com.unlim.complds.ButtonStrokeText Android: text = "@ string / menu_quit"
2. Android: textColor = "android: color / white"
3. app: textStrokeWidth = "5sp" ऐप: textStrokeColor = "android: color / black"
4. Android: textSize = "20sp" android: layout_width = "220dip"
5. Android: layout_height = "40dip" Android: लेआउट_गर्भावस्था = "केंद्र_हृदय" />

खैर, और हमेशा की तरह, पत्थर फेंकना बड़ा नहीं है - उन्होंने पहली बार लिखा था। समझने की आशा के साथ।