Delphi, C++ Builder & .NET Onderdeel van sgcUI

sgcWizard, de wizard en stepper voor Delphi, C++ Builder & .NET

Begeleid je gebruikers bij installatie, onboarding en afrekenen, één duidelijke stap tegelijk. Elke pagina die je toevoegt wordt een stap in de stepper, Vorige, Volgende, Voltooien en Annuleren zijn ingebouwd en met één gebeurtenis kun je de overgang tegenhouden tot de pagina geldig is.

VCL, FireMonkey, WinForms, WPF, AvaloniaDelphi 7 tot 13 en C++ Builder 2007 tot 13Elke functie in de gratis .NET Community-editieInbegrepen in sgcUI Enterprise
Onboarding-wizard op stap 2 van 4, Account, met de stepper bovenaan en de knoppen Vorige, Volgende en Annuleren

Alles wat een wizard nodig heeft

Twaalf functies die een lang formulier veranderen in een begeleide flow die je gebruikers afmaken, met de regels en de look van je applicatie.

Pagina's, stappen en regels

De structuur van een wizard is klaar: jij voegt de pagina's toe en bepaalt de regels.

Formulieren met meerdere stappen en een ingebouwde stepper

Pagina's, stappen en regels

Formulieren met meerdere stappen en een ingebouwde stepper

Lange formulieren overweldigen gebruikers, terwijl dezelfde velden verdeeld over een paar duidelijke stappen wel worden afgemaakt. TsgcVCLWizard maakt van elke pagina een stap: AddPage maakt tegelijk een pagina en zijn item in de stepperband, met een bijschrift, een beschrijvingsregel en een optionele glyph. De band toont waar de gebruiker is en wat er nog komt, en de balk met Vorige, Volgende, Voltooien en Annuleren is er al. Elke pagina is een container, dus je ontwerpt de inhoud met gewone besturingselementen, en de wizard verplaatst de focus naar het eerste besturingselement wanneer een pagina opent.

  • AddPage maakt een TsgcVCLWizardPage en zijn stap
  • Caption, Description en StepGlyph labelen elke stap
  • ActivePageIndex en ActivePage wisselen rechtstreeks van pagina vanuit code
  • Next, Back en GoToPage verplaatsen precies zoals de knoppen
Het helponderwerp lezen

Pagina's, stappen en regels

Houd de gebruiker tegen tot de pagina geldig is

Een gebruiker het overzicht laten bereiken met een leeg e-mailadres betekent later een fout, ver van het veld dat hem veroorzaakte. OnBeforePageChange wordt vóór elke overgang geactiveerd, of de gebruiker nu op Volgende, Vorige of Voltooien drukte, op een stap klikte of je code GoToPage aanriep. Het vertelt je welke pagina wordt verlaten en welke gaat openen, en een var aAllow-vlag houdt de overgang tegen. Omdat elke voorwaartse overgang een hogere doelindex heeft, valideert één test de pagina, welke knop de gebruiker ook indrukte. Als je een veto uitspreekt, verandert er niets, dus je toont de reden en zet de focus op het veld.

  • OnBeforePageChange(Sender, aFromIndex, aToIndex, aAllow) kan elke overgang tegenhouden
  • aToIndex = PageCount betekent dat de gebruiker op Voltooien drukte
  • Testen op aToIndex < aFromIndex laat overgangen terug door
  • OnPageChanged wordt na de overgang geactiveerd, bijvoorbeeld om een overzichtspagina te vullen
Het helponderwerp lezen
Sla stappen over die niet van toepassing zijn

Pagina's, stappen en regels

Sla stappen over die niet van toepassing zijn

Echte flows vertakken. Een klant die standaardverzending kiest, heeft de koerierspagina niet nodig, en een privéaccount heeft geen bedrijfsstap. Zet Skip op een pagina en die blijft in de wizard, maar Volgende en Vorige springen eroverheen en de stepper tekent zijn stap als overgeslagen met een gestippelde omtrek, zodat gebruikers nog steeds de hele reis zien. Skip kan op elk moment veranderen, meestal vanuit een selectievakje of een keuze op een eerdere pagina. De knop Vorige wordt automatisch uitgeschakeld wanneer geen eerdere pagina bereikbaar is, zodat gebruikers nooit op een pagina belanden die niet voor hen geldt.

  • Skip op een TsgcVCLWizardPage haalt hem uit het pad
  • Overgeslagen stappen worden getekend in de status wssSkipped
  • GoToPage gaat alleen naar pagina's die niet zijn overgeslagen
  • De Onboarding-demo slaat zijn pagina Options over vanuit een selectievakje
Het helponderwerp lezen
Voltooien en Annuleren doen wat jij bepaalt

Pagina's, stappen en regels

Voltooien en Annuleren doen wat jij bepaalt

Een wizard eindigt meestal met het opslaan van iets, en die code wil je op één plek. Op de laatste pagina toont de knop Volgende het bijschrift Voltooien en wordt de standaardknop. Erop drukken, op Enter drukken of Finish aanroepen voert eerst je validatie uit en activeert dan OnFinish, waar je de gegevens opslaat, het formulier sluit of de ModalResult van een dialoog zet. De knop Annuleren, de Escape-toets en een aanroep van Cancel activeren OnCancel, zodat je kunt vragen voordat het werk wordt weggegooid. De wizard sluit zelf nooit iets, dus de flow blijft onder jouw controle.

  • OnFinish wordt uitgevoerd nadat OnBeforePageChange het voltooien toestaat
  • OnCancel handelt de knop Annuleren, de Escape-toets en Cancel af
  • ShowCancel verbergt de knop Annuleren voor flows die moeten worden afgerond
  • FinishCaption bepaalt de tekst van de laatste knop Volgende
Het helponderwerp lezen

Een stepper die zichzelf uitlegt

De voortgangsband vertelt gebruikers waar ze zijn, wat klaar is en wat er misging.

Stepper bovenaan, links of verborgen

Een stepper die zichzelf uitlegt

Korte flows lezen het best met de stappen bovenaan, terwijl langere met beschrijvingen beter in een kolom links passen, zoals een installatieprogramma. StepperPosition verplaatst de band zonder je pagina's aan te raken: wspTop toont een horizontale band van 80 logische pixels hoog, wspLeft een verticale band van 200 pixels breed, en wspNone verbergt hem voor een gewone dialoog met pagina's. De knoppenbalk blijft onderaan. De Onboarding-demo heeft een keuzelijst die de positie tijdens runtime wisselt, zodat je de drie indelingen in enkele seconden met je eigen inhoud kunt vergelijken.

  • StepperPosition accepteert wspTop, wspLeft of wspNone
  • De Orientation van een stepper is woHorizontal of woVertical
  • CircleSize en ConnectorThickness bepalen de grootte van de stapmarkeringen en lijnen
  • ShowDescriptions toont of verbergt de tweede regel van elk label
  • Rechts naar links voor Arabisch en Hebreeuws: de kant van de stappenindicator, de volgorde van de stappen, de verbindingslijnen en de knoppen Vorige en Volgende met hun pijlen zijn gespiegeld
Het helponderwerp lezen
Duidelijke stapstatussen met kleur

Een stepper die zichzelf uitlegt

Duidelijke stapstatussen met kleur

Gebruikers scannen een stepper in een seconde, dus elke status moet duidelijk zijn. Wachtende stappen zijn omtrekken met een gedempt nummer, de actieve stap is een accentschijf met een zachte gloed en een vet bijschrift, voltooide stappen hebben een vinkje, fouten zijn een rode schijf met een uitroepteken en overgeslagen stappen hebben een gestippelde omtrek. Met AutoStates aan voltooit het zetten van ActiveIndex de stappen ervoor en laat de stappen erna wachtend, terwijl fout- en overgeslagen statussen behouden blijven. Zet AutoStates uit wanneer je applicatie elke status zelf bepaalt.

  • wssPending, wssActive, wssCompleted, wssError en wssSkipped
  • AutoStates leidt de statussen af uit ActiveIndex
  • Een uitgeschakelde stap wordt getekend met vervaagde kleuren
  • AccentColor geeft de actieve en voltooide stappen een andere kleur
Het helponderwerp lezen
Een zelfstandige stepper voor afrekenflows

Een stepper die zichzelf uitlegt

Een zelfstandige stepper voor afrekenflows

Niet elk proces is een wizard. Een afrekenproces, een orderstatuspagina of een ticketlevenscyclus heeft de voortgangsindicator nodig zonder de pagina's. TsgcVCLStepper is dezelfde band als een eigen besturingselement, horizontaal of verticaal, met bijschriften, beschrijvingen en de vijf statussen. Zet Clickable aan en gebruikers springen met een klik of de pijltoetsen terug naar een voltooide stap, terwijl OnStepClick je de overgang laat tegenhouden. De Stepper-demo toont een horizontale en een verticale stepper naast elkaar, met knoppen die de actieve stap als fout of als overgeslagen markeren.

  • TsgcVCLStepper en TsgcFMXStepper werken zonder wizard
  • Steps is een collectie die je bewerkt met de standaard collectie-editor
  • Clickable en OnStepClick maken van voltooide stappen navigatie
  • ActiveIndex verplaatst de voortgang vanuit je eigen code
Het helponderwerp lezen

Past bij je applicatie

Jouw taal, jouw designer, jouw thema en jouw framework.

Jouw bewoording op elke knop

Past bij je applicatie

Jouw bewoording op elke knop

Een Engelse knop Next in een Spaanse applicatie oogt onaf. De vier bijschriften van de knoppenbalk zijn gepubliceerde eigenschappen met de standaardwaarden Back, Next, Finish en Cancel. Zet ze in de Object Inspector, vertaal ze met de gebruikelijke resourcetools van de IDE, of wijs ze in code toe vanuit je eigen vertaaltabel. Een bijschrift wordt alleen in het formulierbestand opgeslagen als het afwijkt van de standaardwaarde, en de knoppen groeien mee voor langere woorden. De staplabels komen uit de Caption en Description van de pagina's, dus ze worden samen met de pagina's vertaald.

  • BackCaption, NextCaption, FinishCaption en CancelCaption
  • ShowCancel verwijdert de knop Annuleren
  • Staplabels volgen de Caption en Description van elke pagina
  • Het helponderwerp zet Anterior, Siguiente, Finalizar en Cancelar als voorbeeld
Het helponderwerp lezen

Past bij je applicatie

Ontwerp elke pagina visueel in de IDE

Wizards zijn formulieren, en formulieren ontwerp je het best in de formulierdesigner. De palettenpagina SGC Wizard registreert de wizard en de stepper voor VCL en FireMonkey. Klik met de rechtermuisknop op de wizard en kies Add Page: er wordt een nieuwe pagina gemaakt, getoond en geselecteerd, klaar voor je bewerkingen, labels en selectievakjes. Next Page en Previous Page verplaatsen tussen de pagina's in de designer, en een klik op een stap van de band toont zijn pagina. Alleen de actieve pagina is zichtbaar, en de pagina die tijdens ontwerptijd wordt getoond is degene die in het formulierbestand wordt opgeslagen.

  • Add Page, Next Page en Previous Page als verbs in het contextmenu
  • TsgcVCLWizard, TsgcVCLStepper, TsgcFMXWizard en TsgcFMXStepper op het palet
  • De band en de knoppenbalk zijn intern en vervuilen het formulierbestand nooit
  • De Steps van een zelfstandige stepper gebruiken de standaard collectie-editor
Het helponderwerp lezen
Thema's en toetsenbord, Enter is Volgende

Past bij je applicatie

Thema's en toetsenbord, Enter is Volgende

Een wizard hoort aan te voelen als de rest van de applicatie, met of zonder muis. Theme schakelt tussen de lichte en donkere sgcUICore-thema's, en AccentColor bepaalt de kleur van de actieve stappen, de voltooide connectoren en de standaardknop. De wizard past het thema ook toe op de besturingselementen op zijn pagina's, zodat een TLabel, een TEdit of een TCheckBox leesbaar blijft op een donkere pagina. Terwijl de focus in de wizard staat, is Enter Volgende, of Voltooien op de laatste pagina, en Escape is Annuleren, maar een memo behoudt zijn Enter voor een nieuwe regel.

  • Theme accepteert utDefault (volgt het applicatiethema), utLight, utDark of utCustom
  • AccentColor is een ARGB-kleur, en 0 behoudt het accent van het thema
  • Onderliggende besturingselementen met een eigen Theme-eigenschap krijgen het thema van de wizard
  • Een stepper met focus beweegt met de pijltoetsen zolang Clickable aan staat
Het helponderwerp lezen
Stepperafbeeldingen voor documentatie en tests

Past bij je applicatie

Stepperafbeeldingen voor documentatie en tests

Documentatie, e-mails en visuele regressietests hebben vaak een afbeelding van de stappen nodig in plaats van een live besturingselement. De renderer in sgcWizard_Render tekent een TsgcStepperModel en de knoppenbalk zonder venster en zonder VCL of FireMonkey, zodat een consoleprogramma, een service, een unittest of een webserver dezelfde stepper als afbeelding kan maken. Hij bouwt op elk platform, Linux64 inbegrepen. Breedte en hoogte zijn logische pixels en een schaalfactor geeft scherpe afbeeldingen: 640 bij 100 op schaal 2 is een PNG van 1280 bij 200.

  • sgcWizardSaveToPNG en sgcWizardSaveToSVG schrijven een bestand of een stream
  • sgcWizardRender tekent op elk sgcUICore-canvas
  • sgcWizardSaveButtonBarToPNG en sgcWizardSaveButtonBarToSVG tekenen de knoppenbalk
  • In .NET schrijft het pakket esegece.sgcWizard.Rendering PNG op Windows, Linux en macOS
Het helponderwerp lezen

Past bij je applicatie

Bind hem aan je view model in WPF en Avalonia

WPF- en Avalonia-ontwikkelaars verwachten te binden, niet code-behind te schrijven. In die hosts zijn de eigenschappen van de wizard, zijn pagina's en de stepper die de gebruiker ziet dependency properties of Avalonia-properties, zodat ze aan een view model binden, waarden uit een Style nemen en geanimeerd kunnen worden. ActivePageIndex bindt standaard TwoWay, omdat de wizard hem zelf wijzigt bij Volgende, Vorige en stapklikken, zodat je view model altijd de huidige stap kent. De WinForms-besturingselementen houden gewone eigenschappen, en alle drie de hosts gebruiken de Delphi-namen.

  • TsgcWpfWizard en TsgcAvaloniaWizard, met hun pagina's en steppers
  • Een statisch veld zoals ActivePageIndexProperty voor elke bindbare eigenschap
  • Gebeurtenissen behouden de Delphi-namen, zoals OnBeforePageChange, als delegate-eigenschappen
  • In WPF en Avalonia heeft een pagina één kind; in WinForms is een pagina een container
Het helponderwerp lezen

Zie sgcWizard in actie

sgcWizard in de sgcUI suite-demo's: complete applicaties die offline draaien met ingebouwde gesimuleerde gegevens.

Wie bouwt er met sgcWizard

Onboarding en eerste installatie

De eerste minuten bepalen of een nieuwe gebruiker blijft. Verdeel het aanmaken van een account, voorkeuren en een overzicht over vier korte pagina's, valideer de naam en het e-mailadres in OnBeforePageChange voordat de gebruiker verder gaat, en sla de optiepagina over voor gebruikers die de standaardwaarden willen. OnPageChanged vult het overzicht en OnFinish slaat het account op. De Onboarding-demo is precies deze flow, met een schakelaar voor licht en donker en een keuzelijst voor de stepperpositie om uit te proberen.

  • Validatie
  • Overgeslagen pagina's
  • Voltooien en Annuleren
Start de Onboarding-demo

Afrekenen en orderinvoer

Orderinvoer volgt een vast pad: winkelwagen, adres, verzending, betaling en bevestiging. Gebruik de wizard wanneer elke stap een pagina met velden is, of zet een zelfstandige stepper boven een formulier dat je al hebt. Voltooide stappen worden aanklikbare snelkoppelingen terug, een mislukte betaling toont zich als een rode foutstap en een verzendstap die niet van toepassing is blijft zichtbaar met een gestippelde omtrek. De Stepper-demo toont elke status, horizontaal en verticaal.

  • Zelfstandige stepper
  • Stapstatussen
  • Aanklikbare stappen
Start de Stepper-demo

Configuratie- en importassistenten

Technische tools hebben assistenten nodig voor taken die gebruikers zelden doen: verbinden met een database, een bestand importeren, een apparaat instellen. Een wizard met de stepper links toont elke stap met een beschrijving, OnBeforePageChange controleert de invoer voordat de gebruiker verder gaat en de knopbijschriften volgen de taal van de tool. Dezelfde wizard draait in FireMonkey, zoals de OnboardingFMX-demo laat zien, en in WinForms, WPF en Avalonia.

  • Stepper links
  • Validatie
  • Knopbijschriften
Start de OnboardingFMX-demo

Een wizard in een paar regels

Dezelfde API in Delphi, C++ Builder en C#: voeg de pagina's toe, markeer er een als optioneel en valideer voordat de gebruiker de pagina Account verlaat.

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;
#include <vcl.h>
#include <Vcl.StdCtrls.hpp>
#include "sgcUICore_Theme.hpp"
#include "sgcWizard_Model.hpp"
#include "sgcWizard_VCL.hpp"

class TWizardHandler : public TObject
{
public:
  TEdit *Name;
  void __fastcall BeforePageChange(TObject *Sender, int aFromIndex,
    int aToIndex, bool &aAllow);
  void __fastcall Finish(TObject *Sender);
};

void __fastcall TWizardHandler::BeforePageChange(TObject *Sender,
  int aFromIndex, int aToIndex, bool &aAllow)
{
  // veto: leaving Account forwards needs a name
  if ((aFromIndex == 1) && (aToIndex > aFromIndex))
    aAllow = !Name->Text.Trim().IsEmpty();
}

void __fastcall TWizardHandler::Finish(TObject *Sender)
{
  ShowMessage("Welcome, " + Name->Text);
}

void __fastcall CreateWizard(TForm *Form, TWizardHandler *Handler)
{
  // the wizard fills the form: stepper on the left, buttons at the bottom
  TsgcVCLWizard *Wizard = new TsgcVCLWizard(Form);
  Wizard->Parent = Form;
  Wizard->Align = alClient;
  Wizard->StepperPosition = wspLeft;
  Wizard->Theme = utDark;
  Wizard->NextCaption = "Continue";
  Wizard->FinishCaption = "Create account";
  // every page is a step of the stepper
  TsgcVCLWizardPage *Page = Wizard->AddPage("Welcome");
  Page->Description = "Start here";
  Page = Wizard->AddPage("Account");
  Page->Description = "Your details";
  Handler->Name = new TEdit(Form);
  Handler->Name->Parent = Page;
  Handler->Name->SetBounds(24, 24, 240, 24);
  // an optional page the user can skip: Next and Back jump over it
  Page = Wizard->AddPage("Options");
  Page->Description = "Optional";
  Page->Skip = true;
  Page = Wizard->AddPage("Done");
  Page->Description = "Summary";
  Wizard->ActivePageIndex = 0;
  Wizard->OnBeforePageChange = Handler->BeforePageChange;
  Wizard->OnFinish = Handler->Finish;
}
using System;
using System.Windows.Forms;
using esegece.sgcUICore;
using esegece.sgcWizard;

internal class MainForm : Form
{
    private readonly TsgcWinFormsWizard Wizard = new TsgcWinFormsWizard();
    private readonly TextBox txtName = new TextBox();

    public MainForm()
    {
        // the wizard fills the form: stepper on the left, buttons at the bottom
        Wizard.Dock = DockStyle.Fill;
        Wizard.StepperPosition = TsgcWizardStepperPosition.wspLeft;
        Wizard.Theme = TsgcUITheme.utDark;
        Wizard.NextCaption = "Continue";
        Wizard.FinishCaption = "Create account";
        Controls.Add(Wizard);
        // every page is a step of the stepper
        TsgcWinFormsWizardPage oPage = Wizard.AddPage("Welcome");
        oPage.Description = "Start here";
        oPage = Wizard.AddPage("Account");
        oPage.Description = "Your details";
        txtName.SetBounds(24, 24, 240, 24);
        oPage.Controls.Add(txtName);
        // an optional page the user can skip: Next and Back jump over it
        oPage = Wizard.AddPage("Options");
        oPage.Description = "Optional";
        oPage.Skip = true;
        oPage = Wizard.AddPage("Done");
        oPage.Description = "Summary";
        Wizard.ActivePageIndex = 0;
        Wizard.OnBeforePageChange = WizardBeforePageChange;
        Wizard.OnFinish = sender => MessageBox.Show("Welcome, " + txtName.Text);
    }

    private void WizardBeforePageChange(object sender, int aFromIndex, int aToIndex, ref bool aAllow)
    {
        // veto: leaving Account forwards needs a name
        if (aFromIndex == 1 && aToIndex > aFromIndex)
            aAllow = txtName.Text.Trim() != "";
    }
}
dotnet add package esegece.sgcWizard.WinForms

Probeer de sgcWizard-demo's uit

Onboarding en Stepper worden meegeleverd voor Delphi VCL en voor C++ Builder, OnboardingFMX voor Delphi FireMonkey, en de .NET-editie heeft Onboarding en Stepper voor WinForms, WPF en Avalonia.

Onboarding

Onboarding

Vier pagina's: Welcome, Account, Options en Summary. OnBeforePageChange houdt Volgende tegen tot de naam en het e-mailadres geldig zijn, een selectievakje slaat de pagina Options over, OnPageChanged vult het overzicht en OnFinish toont het. Met een themaschakelaar en een StepperPosition-keuzelijst probeer je elke indeling uit.

Stepper

Stepper

Twee zelfstandige TsgcVCLStepper-besturingselementen, horizontaal en verticaal, met dezelfde vijf stappen. AutoStates voltooit de stappen vóór de actieve, knoppen markeren een stap als fout of overgeslagen, en een klik op een voltooide stap zet beide steppers terug.

OnboardingFMX

De Onboarding-flow met TsgcFMXWizard en vier TsgcFMXWizardPage-kinderen: hetzelfde validatieveto, dezelfde overgeslagen pagina Options, een overzicht bij Voltooien en een selectievakje voor het donkere thema. Alleen voor Delphi.

Gecompileerde demo's

Direct uitvoerbare programma's van elk sgcUI-product, zonder installatie.

sgcUI_bin.zip downloaden →

Waar sgcWizard in zit

sgcWizard maakt deel uit van sgcUI Enterprise en wordt ook los verkocht. sgcWizard zit ook in de All-Access-bundel.

sgcWizard los pakket

€149 / ontwikkelaar, volledige broncode, 1 jaar updates.

sgcWizard kopen → Prijzen bekijken →

sgcUI Enterprise

Alle 14 sgcUI-producten, vanaf €699.

Enterprise bekijken →

sgcWizard voor .NET

esegece.sgcWizard.WinForms, .Wpf en .Avalonia op NuGet, dezelfde prijs als Delphi. De gratis Community-editie (esegece.sgcWizard.Community) heeft elke functie, alleen de proefmelding verschilt.

sgcWizard .NET kopen →

Registered-, proef- en Community-builds bevatten allemaal elke sgcWizard-functie. Alleen de proefmelding verschilt.

FunctieCommunity (gratis)Geregistreerd
Wizard met pagina's en de stepperband✓✓
Validatie met OnBeforePageChange✓✓
Overgeslagen pagina's en de vijf stapstatussen✓✓
Zelfstandige stepper✓✓
Knopbijschriften, lichte en donkere thema's, accentkleur✓✓
Headless PNG- en SVG-uitvoer✓✓

Ondersteunde frameworks en platformen

Componenten in sgcWizard

TsgcVCLWizard en TsgcVCLWizardPage

De VCL-wizard en zijn pagina's. Een componenteditor voegt pagina's toe tijdens ontwerptijd, vanaf de palettenpagina SGC Wizard.

TsgcFMXWizard en TsgcFMXWizardPage

Dezelfde wizard voor FireMonkey op Windows, macOS, iOS, Android en Linux (FMXLinux).

TsgcVCLStepper en TsgcFMXStepper

Het zelfstandige stepper-besturingselement, horizontaal of verticaal, voor elke flow met meerdere stappen.

TsgcStepperModel

Het frameworkneutrale model achter beide besturingselementen: stappen, statussen en indeling, met sgcWizardSaveToPNG en sgcWizardSaveToSVG voor headless uitvoer.

.NET-besturingselementen

TsgcWinFormsWizard, TsgcWpfWizard en TsgcAvaloniaWizard, elk met zijn pagina- en stepperklassen.

Twee demo's in elke taal

Onboarding, een aanmelding van vier pagina's met validatie, en Stepper, een zelfstandige stepper met statussen.

DoelComponentPlatformen
Delphi 7 tot 13, VCLTsgcVCLWizard, TsgcVCLStepperWin32, en Win64 vanaf XE2
Delphi XE6 tot 13, FireMonkeyTsgcFMXWizard, TsgcFMXStepperWindows, macOS, iOS, Android en Linux (FMXLinux)
C++ Builder 2007 tot 13TsgcVCLWizard, TsgcVCLStepperGegenereerde .hpp-headers en statische bibliotheken
Delphi 10.2 tot 13, frameworkneutraalTsgcStepperModelLinux64, bijvoorbeeld om een stepper op een server naar PNG of SVG te renderen
.NETTsgcWinFormsWizard, TsgcWpfWizard, TsgcAvaloniaWizardWinForms, WPF en Avalonia

Veelgestelde vragen

Ja. OnBeforePageChange wordt vóór elke overgang geactiveerd, vanuit de knoppen, het toetsenbord, een klik op een stap of je eigen code. Het ontvangt de pagina die wordt verlaten en de pagina die gaat openen, en aAllow op False zetten houdt de gebruiker waar hij is. Voltooien activeert het ook, met PageCount als doel, zodat de laatste pagina op dezelfde manier wordt gevalideerd.

Ja. Plaats een TsgcVCLWizard of een TsgcFMXWizard op een formulier, klik er met de rechtermuisknop op en kies Add Page. Elke pagina wordt ontworpen zoals elke andere container, met je eigen besturingselementen. De verbs Next Page en Previous Page, of een klik op een stap van de band, tonen de andere pagina's in de designer.

Ja. sgcWizard is gebouwd uit één bron, en Registered, de proefversie en Community hebben allemaal elke functie: de wizards, de steppers, validatie, overgeslagen pagina's, de stapstatussen, de thema's en de headless PNG- en SVG-uitvoer. Community is het gratis pakket esegece.sgcWizard.Community op NuGet.

Ja. TsgcWpfWizard en TsgcAvaloniaWizard worden geleverd met hun pagina's en steppers, en hun eigenschappen zijn dependency properties en Avalonia-properties die je aan een view model kunt binden. In deze twee hosts heeft een pagina één kind, meestal een paneel of een grid. WinForms heeft TsgcWinFormsWizard met containerpagina's, zoals in VCL.

Ja. TsgcVCLStepper, TsgcFMXStepper en de .NET-steppers zijn zelfstandige besturingselementen met dezelfde vijf statussen. Zet er een boven een bestaand formulier voor een afrekenproces, een orderstatus of een ticketlevenscyclus, zet ActiveIndex vanuit je code en zet Clickable aan zodat gebruikers terug kunnen naar een voltooide stap.

Ja. BackCaption, NextCaption, FinishCaption en CancelCaption zijn gepubliceerde eigenschappen, dus ze worden vertaald met de gebruikelijke resourcetools van de IDE of in code gezet. Ze worden alleen opgeslagen als ze afwijken van de standaardwaarde, en de knoppen groeien mee met langere bijschriften. De staplabels komen uit de bijschriften en beschrijvingen van de pagina's.

De VCL-wizard en -stepper ondersteunen Delphi 7 tot 13 op Win32 en Win64, en C++ Builder 2007 tot 13. FireMonkey-ondersteuning begint bij Delphi XE6 voor Windows, macOS, iOS, Android en Linux via FMXLinux. De headless renderer bouwt ook voor Linux64 vanaf Delphi 10.2.

sgcWizard help

3,000+Ontwikkelaars
20+Jaar
761+Componenten
30+API-integraties
5Platformen
Niet-goed-geld-terug-garantie van 30 dagenNiet tevreden? Vraag binnen 30 dagen na aankoop een volledige terugbetaling aan. Bekijk het terugbetalingsbeleid

Probeer sgcWizard vandaag nog

De sgcUI-proefversie bevat sgcWizard en elk ander sgcUI-product.