sgcUI sgcWizard jest już dostępne

sgcWizard. Krok po kroku. Sprawdzane na bieżąco.

Poprowadź użytkowników przez konfigurację, wdrożenie i zakupy. Każda dodana strona staje się krokiem na pasku kroków, przyciski Wstecz, Dalej, Zakończ i Anuluj są wbudowane, a jedno zdarzenie wstrzymuje przejście, dopóki strona nie jest poprawna. Natywny kreator i pasek kroków dla Delphi, C++ Builder i .NET, z dołączonym kodem źródłowym.

  • VCL
  • FireMonkey
  • WinForms
  • WPF
  • Avalonia
  • Delphi 7 do 13
  • 1zdarzenie waliduje każde przejście: Dalej, Wstecz, Zakończ, kliknięcie kroku lub kod
  • 5stanów kroku: oczekujący, aktywny, ukończony, błąd i pominięty
  • 3układy paska kroków: u góry, po lewej lub ukryty
  • 5frameworków UI: VCL, FireMonkey, WinForms, WPF, Avalonia

Wszystko, czego potrzebuje kreator.

Długie formularze przytłaczają użytkowników, a te same pola podzielone na kilka czytelnych kroków zostają wypełnione do końca. sgcWizard zamienia je w prowadzony przebieg, z regułami i wyglądem Twojej aplikacji.

  • Strony stają się krokami

    Każda dodana strona pojawia się na pasku kroków, z wbudowanymi przyciskami Wstecz, Dalej, Zakończ i Anuluj.

  • Walidacja z prawem weta

    OnBeforePageChange wstrzymuje przejście, dopóki strona nie jest poprawna, niezależnie od tego, co nacisnął użytkownik.

  • Czytelne stany kroków

    Oczekujący, aktywny, ukończony, błąd i pominięty, każdy widoczny na pierwszy rzut oka.

  • Pasuje do Twojej aplikacji

    Własne podpisy przycisków, motywy jasny i ciemny, kolor akcentu oraz strony projektowane w IDE.

Zobacz, jak działa.

Przechwycone z dema Onboarding dołączonego do wersji próbnej.

Demo Onboarding: czterokrokowy kreator ze stronami Powitanie, Konto, Opcje i Podsumowanie oraz paskiem przycisków Wstecz, Dalej i Anuluj
Strony i kroki

Wieloetapowe formularze z wbudowanym paskiem kroków.

  • AddPage tworzy stronę i jej krok na pasku kroków jednocześnie.
  • Caption, Description rysują zatwierdzony plan pod każdym bieżącym paskiem.StepGlyph opisują każdy krok, dzięki czemu użytkownicy widzą, gdzie są i co zostało.
  • Next, Back rysują zatwierdzony plan pod każdym bieżącym paskiem.GoToPage przechodzą dokładnie tak samo jak przyciski.
Strona Podsumowanie dema Onboarding, wypełniona przez OnPageChanged, z przyciskiem Zakończ
Pomijanie i zakończenie

Pomijaj kroki, które nie mają zastosowania, i kończ tam, gdzie zdecydujesz.

  • Ustawiaj Skip na stronie, a Dalej i Wstecz ją przeskoczą, choć pasek kroków nadal pokaże ją przerywanym obrysem.
  • OnFinish uruchamia się po tym, jak walidacja pozwoli zakończyć, więc kod zapisu mieści się w jednym miejscu.
  • OnCancel obsługuje przycisk Anuluj, klawisz Escape i wywołanie Cancel. Kreator nigdy sam niczego nie zamyka.
Kreator z StepperPosition ustawionym na wspLeft: pionowa kolumna kroków z opisami, jak w instalatorze
Układ paska kroków

Pasek kroków u góry, po lewej lub ukryty.

  • StepperPosition przyjmuje wspTop, wspLeft lub wspNone bez zmieniania Twoich stron.
  • CircleSize, ConnectorThickness rysują zatwierdzony plan pod każdym bieżącym paskiem.ShowDescriptions ustalają rozmiar i podpisy znaczników kroków.
  • Tryb od prawej do lewej dla arabskiego i hebrajskiego odbija pasek kroków, kolejność kroków oraz przyciski Wstecz i Dalej.
Pasek kroków i jego pasek przycisków wyrenderowane do obrazu bez okna
Wyniki bez okna

Obrazy paska kroków do dokumentacji i testów.

  • sgcWizardSaveToPNG rysują zatwierdzony plan pod każdym bieżącym paskiem.sgcWizardSaveToSVG rysują pasek kroków bez okna i bez VCL lub FireMonkey.
  • Program konsolowy, usługa, test jednostkowy lub serwer WWW dostają ten sam pasek kroków jako obraz, także na Linux64.
  • W .NET pakiet esegece.sgcWizard.Rendering zapisuje PNG w systemach Windows, Linux i macOS.

Kreator w kilku linijkach.

Dodaj strony, oznacz jedną jako opcjonalną i waliduj, zanim użytkownik opuści stronę Konto. To samo API w Delphi, C++ Builder i C#.

dotnet add package esegece.sgcWizard.WinForms

Wersje C++ Builder i 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;

Część sgcUI.

Kup sgcWizard osobno albo otrzymaj go w sgcUI Enterprise, obok każdego innego produktu sgcUI, który dzieli jego motyw i środowisko uruchomieniowe. Każdy z kodem źródłowym.

Osobno

sgcWizard

Sam kreator i pasek kroków, pełny kod źródłowy i 1 rok aktualizacji.

€149 / programista
Cennik sgcWizard

Standard

sgcGrid, sgcNavigation, sgcToolbar i sgcEditors.

€380 / programista
Zobacz Standard

Professional

Standard plus sgcCharts, sgcDashboard i sgcGauges.

€529 / programista
Zobacz Professional
Zawiera sgcWizard

Enterprise

Wszystkie 15 produktów sgcUI.

€699 / programista
Zobacz Enterprise

W .NET esegece.sgcWizard.Community na NuGet jest bezpłatny. sgcWizard jest też w Pakiet All-Access.

Poznaj sgcUI

Wbuduj sgcWizard we własną aplikację już dziś.

Pobierz wersję próbną i uruchom dema Onboarding, Stepper i OnboardingFMX albo najpierw przejrzyj wszystkie funkcje.

Najnowsze wpisy na blogu

Zobacz wszystkie wpisy →

Oglądasz widok sgcWizard eSeGeCe.

Pokaż mi inne ujęcie →
30-dniowa gwarancja zwrotu pieniędzyNie jesteś zadowolony? Poproś o pełny zwrot pieniędzy w ciągu 30 dni od zakupu. Zobacz politykę zwrotów