2015-10-30 14 views
23

Qualcuno mi potrebbe dare un'idea di come avviare l'attuazione in verticale, il controllo passo-passo non lineare descritto nella guida Android Material Design qui:Materiale disegno

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

+1

La maggior parte [librerie Wizard] (http://android-arsenal.com/tag/131) iniziare con 'ViewPager', quindi aggiungere i pulsanti Indietro/Avanti. Ci sono le librerie di indicatori 'ViewPager' che offrono la metafora dei punti (come [questo] (https://github.com/ongakuer/CircleIndicator)); la barra di avanzamento si potrebbe eseguire con un effettivo 'ProgressBar'. – CommonsWare

+3

Non voglio usare una libreria di terze parti. Qualche linea guida su come progettarlo da solo? Non è disponibile anche nell'ultima versione della libreria di supporto (25.1.0). – AndroidGuy

risposta

7

è possibile controllare questo library, tuttavia questo è ancora in sviluppo.

estendere semplicemente la classe mobileStepperSimple e implementare i metodi init, onFinished.

è possibile aggiungere lo stepper come frammenti estendendo l'stepperFragment e implementare onNextButtonHandler per gestire tasto clic successivo.

controllare lo demo per ulteriore utilizzo.

qualsiasi contributo e ottimizzazione saranno utili.

+4

Non è un'implementazione di terze parti. Qualche idea sull'implementazione ufficiale di stepper menzionata nel sito web di design di Google? –

+0

sì implementazione di terze parti - ufficialmente potrebbe essere possibile rilasciare presto con la libreria di supporto android.checkout che – androidlover

+0

Questa sembra più ampia: https://github.com/stepstone-tech/android-material-stepper – Roel

1

Ho trovato una libreria denominata che può risolvere il problema per personalizzare Android Stepper.

Tell Me How

Per includere la libreria nel progetto, prima aggiungerlo tramite Gradle:

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

Ora, si deve aggiungere una vista VerticalStepperFormLayout al layout attività, che conterrà il passo-passo verticale modulo. Per motivi di progettazione, si consiglia di non inserire nient'altro che questa vista nel proprio layout di attività (vedere il codice di seguito).

<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> 

In onCreate(), è necessario trovare la vista e inizializzare il modulo:

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

Questa libreria sembra più estesa : https://github.com/stepstone-tech/android-material-stepper – Roel

+0

possiamo cambiare il testo del pulsante continua il successivo e gestire il clic su quel pulsante? –

Problemi correlati