2015-10-30 16 views
23

किसी ने मुझे एक विचार दे सकता है कैसे खड़ी, गैर रेखीय स्टेपर एंड्रॉयड मटीरियल डिज़ाइन गाइड यहाँ में वर्णित नियंत्रण को लागू करने शुरू करने के लिए:,सामग्री डिजाइन स्टेपर नियंत्रण

http://www.google.com/design/spec/components/steppers.html

+1

अधिकांश [विज़ार्ड पुस्तकालयों] (http://android-arsenal.com/tag/131) 'ViewPager' से शुरू करें, फिर बैक/अगला बटन जोड़ें। 'ViewPager' सूचक पुस्तकालय हैं जो डॉट्स रूपक (जैसे [यह एक] (https://github.com/ongakuer/CircleIndicator) प्रदान करते हैं; प्रगति पट्टी को वास्तविक 'प्रोग्रेसबार' के साथ पूरा किया जा सकता है। – CommonsWare

+3

मैं किसी तृतीय पक्ष लाइब्रेरी का उपयोग नहीं करना चाहता हूं। इसे खुद डिज़ाइन करने के तरीके पर कोई दिशानिर्देश? यह समर्थन पुस्तकालय (25.1.0) के नवीनतम संस्करण में भी उपलब्ध नहीं है। – AndroidGuy

उत्तर

7

आप इस library जांच कर सकते हैं लेकिन यह अभी भी विकास में है।

बस मोबाइलस्टेपर सिंपल कक्षा का विस्तार करें और विधियों को लागू करें, पर लागू करें।

आप stepperFragment बढ़ा कर टुकड़े के रूप में स्टेपर जोड़ सकते हैं और onNextButtonHandler अगले बटन क्लिक संभालने के लिए लागू कर सकते हैं।

अधिक उपयोग के लिए demo देखें।

कोई योगदान और अनुकूलन सहायक होगा।

+4

क्या यह एक तृतीय पक्ष कार्यान्वयन नहीं है। Google डिज़ाइन वेबसाइट में वर्णित स्टेपर के आधिकारिक कार्यान्वयन के बारे में कोई विचार? –

+0

हाँ तीसरे पक्ष के कार्यान्वयन - आधिकारिक तौर पर वे जल्द ही समर्थन पुस्तकालय android.checkout के साथ रिलीज कर सकते हैं कि – androidlover

+0

यह एक और व्यापक दिखता है: https://github.com/stepstone-tech/android-material-stepper – Roel

1

मुझे नामक एक लाइब्रेरी मिली जो एंड्रॉइड स्टेपर को अनुकूलित करने के लिए आपकी समस्या का समाधान कर सकती है।

Tell Me How

, अपनी परियोजना में शामिल करने के लिए पुस्तकालय पहले Gradle के द्वारा जोड़ने: अब

dependencies { 
    compile 'com.ernestoyaquello.stepperform:vertical-stepper-form:0.9.9' 
} 

, आप अपनी गतिविधि जमाव के बारे में VerticalStepperFormLayout दृश्य जोड़ने के लिए है, जो खड़ी स्टेपर में शामिल होंगे है प्रपत्र। डिजाइन उद्देश्यों के लिए, यह अनुशंसा की जाती है कि आप अपने गतिविधि लेआउट में इस दृश्य से कुछ और न रखें (नीचे दिए गए कोड को देखें)।

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" android:layout_height="match_parent" 
    tools:context=".StepperExampleActivity"> 
    <ernestoyaquello.com.verticalstepperform.VerticalStepperFormLayout 
     android:id="@+id/vertical_stepper_form" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_alignParentTop="true"/> 
</RelativeLayout> 

OnCreate(), तो आप दृश्य खोजने के लिए और प्रपत्र को प्रारंभ करने की आवश्यकता होगी में:

private VerticalStepperFormLayout verticalStepperForm; 
... 
@Override 
protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.your_activity_layout); 

    String[] mySteps = {"Name", "Email", "Phone Number"}; 
    int colorPrimary = ContextCompat.getColor(getApplicationContext(), R.color.colorPrimary); 
    int colorPrimaryDark = ContextCompat.getColor(getApplicationContext(), R.color.colorPrimaryDark); 

    // Finding the view 
    verticalStepperForm = (VerticalStepperFormLayout) findViewById(R.id.vertical_stepper_form); 

    // Setting up and initializing the form 
    VerticalStepperFormLayout.Builder.newInstance(verticalStepperForm, mySteps, this, this) 
     .primaryColor(colorPrimary) 
     .primaryDarkColor(colorPrimaryDark) 
     .displayBottomNavigation(true) // It is true by default, so in this case this line is not necessary 
     .init(); 

    ... 

} 
+2

यह लाइब्रेरी अधिक व्यापक दिखती है : https://github.com/stepstone-tech/android-material-stepper – Roel

+0

क्या हम अगले बटन जारी रखने के पाठ को बदल सकते हैं और उस बटन पर क्लिक कर सकते हैं? –

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