sgcUI sgcWizard è disponibile ora

sgcWizard. Passo dopo passo. Controllato strada facendo.

Guida i tuoi utenti attraverso configurazione, onboarding e checkout. Ogni pagina che aggiungi diventa un passo dello stepper, Indietro, Avanti, Fine e Annulla sono già integrati, e un singolo evento blocca lo spostamento finché la pagina non è valida. Un wizard e uno stepper nativi per Delphi, C++ Builder e .NET, con codice sorgente incluso.

  • VCL
  • FireMonkey
  • WinForms
  • WPF
  • Avalonia
  • Delphi da 7 a 13
  • 1evento convalida ogni spostamento: Avanti, Indietro, Fine, un clic su un passo o il codice
  • 5stati dei passi: in attesa, attivo, completato, errore e saltato
  • 3disposizioni dello stepper: in alto, a sinistra o nascosto
  • 5framework UI: VCL, FireMonkey, WinForms, WPF, Avalonia

Tutto ciò che serve a un wizard.

I moduli lunghi sopraffanno gli utenti, mentre gli stessi campi divisi in pochi passi chiari vengono completati. sgcWizard li trasforma in un flusso guidato, con le regole e l'aspetto della tua applicazione.

  • Le pagine diventano passi

    Ogni pagina che aggiungi compare nello stepper, con Indietro, Avanti, Fine e Annulla già integrati.

  • Convalida con diritto di veto

    OnBeforePageChange blocca lo spostamento finché la pagina non è valida, qualunque pulsante abbia premuto l'utente.

  • Stati dei passi chiari

    In attesa, attivo, completato, errore e saltato, ognuno evidente a colpo d'occhio.

  • Si adatta alla tua applicazione

    Le didascalie dei tuoi pulsanti, temi chiaro e scuro, un colore di accento e pagine progettate nell'IDE.

Guardalo in azione.

Catturato dalla demo Onboarding inclusa nel trial.

La demo Onboarding: un wizard a quattro passi con le pagine Welcome, Account, Options e Summary e la barra Indietro, Avanti e Annulla
Pagine e passi

Moduli a più passi con uno stepper integrato.

  • AddPage crea una pagina e il suo passo nella banda dello stepper nello stesso momento.
  • Caption, Description e StepGlyph etichettano ogni passo, così gli utenti vedono dove si trovano e cosa resta.
  • Next, Back e GoToPage si spostano esattamente come i pulsanti.
La pagina Summary della demo Onboarding, compilata da OnPageChanged, con il pulsante Fine
Salta e termina

Salta i passi che non servono, termina dove decidi tu.

  • Imposta Skip su una pagina e Avanti e Indietro la saltano, mentre lo stepper la mostra comunque con un contorno tratteggiato.
  • OnFinish viene eseguito dopo che la convalida consente di terminare, così il codice di salvataggio sta in un solo punto.
  • OnCancel gestisce il pulsante Annulla, il tasto Esc e una chiamata a Cancel. Il wizard non chiude mai nulla da solo.
Il wizard con StepperPosition impostato su wspLeft: una colonna verticale di passi con descrizioni, come un programma di installazione
Disposizione dello stepper

Stepper in alto, a sinistra o nascosto.

  • StepperPosition accetta wspTop, wspLeft o wspNone senza toccare le tue pagine.
  • CircleSize, ConnectorThickness e ShowDescriptions dimensionano ed etichettano i marcatori dei passi.
  • Da destra a sinistra per arabo ed ebraico specchia lo stepper, l'ordine dei passi e i pulsanti Indietro e Avanti.
Uno stepper e la sua barra dei pulsanti renderizzati in un'immagine senza finestra
Output headless

Immagini dello stepper per documentazione e test.

  • sgcWizardSaveToPNG e sgcWizardSaveToSVG disegnano uno stepper senza finestra e senza VCL o FireMonkey.
  • Un programma console, un servizio, uno unit test o un web server ottengono lo stesso stepper come immagine, anche su Linux64.
  • In .NET il pacchetto esegece.sgcWizard.Rendering scrive PNG su Windows, Linux e macOS.

Un wizard in poche righe.

Aggiungi le pagine, segnane una come facoltativa e convalida prima che l'utente lasci la pagina Account. La stessa API in Delphi, C++ Builder e C#.

dotnet add package esegece.sgcWizard.WinForms

Versioni C++ Builder e C#

procedure TMainForm.CreateWizard;
var
  oPage: TsgcVCLWizardPage;
begin
  // the wizard fills the form: stepper on the left, buttons at the bottom
  FWizard := TsgcVCLWizard.Create(Self);
  FWizard.Parent := Self;
  FWizard.Align := alClient;
  FWizard.StepperPosition := wspLeft;
  FWizard.Theme := utDark;
  FWizard.NextCaption := 'Continue';
  FWizard.FinishCaption := 'Create account';
  // every page is a step of the stepper
  oPage := FWizard.AddPage('Welcome');
  oPage.Description := 'Start here';
  oPage := FWizard.AddPage('Account');
  oPage.Description := 'Your details';
  FName := TEdit.Create(Self);
  FName.Parent := oPage;
  FName.SetBounds(24, 24, 240, 24);
  // an optional page the user can skip: Next and Back jump over it
  FOptions := FWizard.AddPage('Options');
  FOptions.Description := 'Optional';
  FOptions.Skip := True;
  oPage := FWizard.AddPage('Done');
  oPage.Description := 'Summary';
  FWizard.ActivePageIndex := 0;
  FWizard.OnBeforePageChange := WizardBeforePageChange;
  FWizard.OnFinish := WizardFinish;
end;

procedure TMainForm.WizardBeforePageChange(Sender: TObject;
  aFromIndex, aToIndex: Integer; var aAllow: Boolean);
begin
  // veto: leaving Account forwards needs a name
  if (aFromIndex = 1) and (aToIndex > aFromIndex) then
    aAllow := Trim(FName.Text) <> '';
end;

procedure TMainForm.WizardFinish(Sender: TObject);
begin
  ShowMessage('Welcome, ' + FName.Text);
end;

Parte di sgcUI.

Acquista sgcWizard da solo, oppure ottienilo in sgcUI Enterprise, insieme a tutti i prodotti che ne condividono tema e runtime. Ognuno include il codice sorgente.

Da solo

sgcWizard

Il wizard e lo stepper da soli, codice sorgente completo e 1 anno di aggiornamenti.

€149 / sviluppatore
Prezzi di sgcWizard

Standard

sgcGrid, sgcNavigation, sgcToolbar e sgcEditors.

€380 / sviluppatore
Vedi Standard

Professional

Standard più sgcCharts, sgcDashboard e sgcGauges.

€529 / sviluppatore
Vedi Professional
Include sgcWizard

Enterprise

Tutti i 15 prodotti sgcUI.

€699 / sviluppatore
Vedi Enterprise

Per .NET, esegece.sgcWizard.Community su NuGet è gratuito. sgcWizard è presente anche nel bundle All-Access.

Scopri sgcUI

Porta sgcWizard nella tua applicazione oggi stesso.

Scarica il trial ed esegui le demo Onboarding, Stepper e OnboardingFMX, oppure scopri prima tutte le funzionalità.

Le ultime dal blog

Vedi tutti gli articoli →

Stai vedendo eSeGeCe dal punto di vista di sgcWizard .

Mostrami un altro punto di vista →
Garanzia soddisfatti o rimborsati di 30 giorniNon sei soddisfatto? Richiedi un rimborso completo entro 30 giorni dall'acquisto. Vedi la politica di rimborso