एंड्रॉइड डेवलपमेंट: प्रोग्रेसबार में टेक्स्ट जोड़ें

मानक प्रोगरबार , जैसा कि आप जानते हैं, लंबी प्रक्रियाओं के प्रदर्शन का एक संकेतक है। हालांकि, यह अक्सर संख्यात्मक मूल्यों की कल्पना करने के लिए उपयोग किया जाता है। दुर्भाग्य से, यह तत्व प्रदर्शित मूल्य को समझाते हुए इस पर एक शिलालेख लगाने के लिए सेटटेक्स्ट () पद्धति का समर्थन नहीं करता है, जो स्क्रीन स्पेस को महत्वपूर्ण रूप से प्रदर्शित करेगा। एक मानक ब्राउज़र में पता बार को याद रखें, जहां पेज लोडिंग की प्रगति दिखाते हुए, URI के पीछे एक हरे रंग की पट्टी प्रदर्शित की जाती है। इस व्यवहार को कैसे लागू किया जाए?
कटौती के तहत - इस समस्या को हल करने के लिए विकल्पों में से एक।

तो, समस्या का कथन: एक तत्व को लागू करने के लिए जो एक क्षैतिज शैली (शैली = "@ android: style / Widget.ProgressBar.Hor क्षैतिज") के साथ एक ProgressBar के कार्यों को निष्पादित करेगा, और स्वयं के ऊपर पाठ को रखने की क्षमता भी रखता है।

लघु कार्य योजना:

1. पृष्ठभूमि बनाने के लिए एक ड्राएबेल जिम्मेदार बनाएं।
2. एक वर्ग बनाएं जो TextView का विस्तार करता है, और आवश्यक तरीके लिखता है।
3. लेआउट में निर्मित आइटम को एम्बेड करें।
4. किसी गतिविधि में एक तत्व का उपयोग करें।

ड्रा करने योग्य बनाएँ

हमें एक दो-परत ड्रा करने योग्य की आवश्यकता होगी, जो तत्व की ग्राफिक सामग्री के लिए जिम्मेदार होगा।
Res / drawable फ़ोल्डर में, निम्न सामग्री के साथ एक background.xml फ़ाइल बनाएँ:

<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/bar_background"> <shape> <corners android:radius="2dp" /> <gradient android:startColor="#666666" android:centerColor="#111111" android:endColor="#555555" android:centerY="0.75" android:angle="270" /> </shape> </item> <item android:id="@+id/bar_value"> <clip> <shape> <corners android:radius="2dp" /> <gradient android:startColor="#cfb73f" android:centerColor="#635a30" android:endColor="#918030" android:centerY="0.75" android:angle="270" /> </shape> </clip> </item> </layer-list> 

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

वर्ग निर्माण

वर्णित विधि की चाल यह है कि हम ProgressBar वर्ग का विस्तार नहीं करेंगे, लेकिन TextView वर्ग। मुख्य बिंदु एक ऐसी विधि बनाना है जो एक नई पृष्ठभूमि बनाता है और एक नया लेबल सेट करता है।

 public class AdvancedTextView extends TextView { //    private int mMaxValue = 100; //  public AdvancedTextView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); } public AdvancedTextView(Context context, AttributeSet attrs) { super(context, attrs); } public AdvancedTextView(Context context) { super(context); } //    public void setMaxValue(int maxValue){ mMaxValue = maxValue; } //   public synchronized void setValue(int value) { //    this.setText(String.valueOf(value)); // Drawable,    LayerDrawable background = (LayerDrawable) this.getBackground(); //  Clip,   ,   1 ClipDrawable barValue = (ClipDrawable) background.getDrawable(1); //    int newClipLevel = (int) (value * 10000 / mMaxValue); barValue.setLevel(newClipLevel); //    Drawable drawableStateChanged(); } } 

SetValue () विधि मानक सेटटेक्स्ट () फ़ंक्शन का उपयोग करके एक तत्व के लेबल पाठ को सेट करती है, और फिर पृष्ठभूमि छवि को नए मूल्य में बदल देती है। ऐसा करने के लिए, setLvel () विधि का उपयोग किया जाता है, जिसमें एक पैरामीटर 0 से स्थानांतरित किया जाता है (स्केल दिखाई नहीं देता है) से 10000 (स्केल 100% कंटेनर बंद कर देता है)।

सुविधा के लिए, setMaxValue () विधि भी वर्ग में बनाई गई है, जिससे आप एक मान सेट कर सकते हैं जो पूर्ण पैमाने से मेल खाता है। इस प्रकार, तत्व द्वारा प्रदर्शित संभावित मूल्यों की सीमा निर्धारित करना संभव है।

एडिटिंग लेआउट

रेस / लेआउट फ़ोल्डर में, main.xml फ़ाइल की सामग्री को संशोधित करें, जो मुख्य गतिविधि की उपस्थिति के लिए जिम्मेदार है।

 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_height="fill_parent" android:layout_width="wrap_content"> <ru.habrahabr.widgets.AdvancedTextView android:id="@+id/advanced_text_view" android:layout_width="160dp" android:layout_height="wrap_content" android:gravity="center" android:background="@drawable/background" android:layout_margin="4dp" /> </LinearLayout> 

यहां हम इंगित करते हैं कि तत्व की पृष्ठभूमि हम नाम की पृष्ठभूमि (पृष्ठभूमि में वर्णित) के साथ बनाई जाने वाली ड्राबल होगी, ठीक है, उस आईडी को निर्दिष्ट करने के लिए मत भूलना जिसके द्वारा यह गतिविधि के अंदर खोजा जाएगा।

उन नामों को निर्दिष्ट करना न भूलें, जिनमें AdvancedTextView वर्ग बनाया गया था। इस उदाहरण में, यह ru.habrahabr.widgets है।

किसी गतिविधि में किसी आइटम का उपयोग करना

कार्यक्रम में तत्व का कार्यान्वयन और उपयोग सरल और सीधा है:

 AdvancedTextView advancedTextView = (AdvancedTextView) findViewById(R.id.advanced_text_view); advancedTextView.setValue(42); 

परिणाम एक ऐसा तत्व होगा:

निष्कर्ष

इसलिए, बैकग्राउंड को ड्राइंग करने के लिए अपने खुद के ड्रॉएबल का उपयोग करना और टेक्स्ट व्यू तक फैली एक क्लास, हमें अग्रभूमि में एक व्याख्यात्मक शिलालेख के साथ प्रगति बार का उपयोग करने का अवसर मिला।