sgcUI sgcWizard ya está disponible

sgcWizard. Paso a paso. Validado sobre la marcha.

Guía a tus usuarios en la configuración, la incorporación y el pago. Cada página que añades se convierte en un paso del stepper, Atrás, Siguiente, Finalizar y Cancelar vienen incluidos, y un único evento detiene el movimiento hasta que la página es válida. Un asistente y stepper nativo para Delphi, C++ Builder y .NET, con código fuente incluido.

  • VCL
  • FireMonkey
  • WinForms
  • WPF
  • Avalonia
  • Delphi 7 a 13
  • 1evento valida cada movimiento: Siguiente, Atrás, Finalizar, un clic en un paso o código
  • 5estados de paso: pendiente, activo, completado, error y omitido
  • 3disposiciones del stepper: arriba, a la izquierda u oculto
  • 5frameworks de interfaz: VCL, FireMonkey, WinForms, WPF, Avalonia

Todo lo que necesita un asistente.

Los formularios largos abruman a los usuarios, mientras que los mismos campos repartidos en unos pocos pasos claros se terminan. sgcWizard los convierte en un flujo guiado, con las reglas y el aspecto de tu aplicación.

  • Las páginas se convierten en pasos

    Cada página que añades aparece en el stepper, con Atrás, Siguiente, Finalizar y Cancelar incluidos.

  • Validación con veto

    OnBeforePageChange detiene el movimiento hasta que la página es válida, pulse lo que pulse el usuario.

  • Estados de paso claros

    Pendiente, activo, completado, error y omitido, cada uno evidente de un vistazo.

  • Se adapta a tu aplicación

    Los textos de tus botones, temas claro y oscuro, un color de acento y páginas diseñadas en el IDE.

Míralo en marcha.

Capturado de la demo Onboarding que se incluye con la prueba.

La demo Onboarding: un asistente de cuatro pasos con las páginas Welcome, Account, Options y Summary y la barra Atrás, Siguiente y Cancelar
Páginas y pasos

Formularios de varios pasos con un stepper integrado.

  • AddPage crea una página y su paso en la banda del stepper a la vez.
  • Caption, Description y StepGlyph etiquetan cada paso, de modo que los usuarios ven dónde están y qué les falta.
  • Next, Back y GoToPage se mueven exactamente igual que los botones.
La página Summary de la demo Onboarding, rellenada por OnPageChanged, con el botón Finalizar
Omitir y finalizar

Omite los pasos que no se aplican y finaliza donde tú decidas.

  • Asigna Skip en una página y Siguiente y Atrás la saltan, mientras que el stepper la sigue mostrando con un contorno discontinuo.
  • OnFinish se ejecuta cuando la validación permite finalizar, así que el código de guardado vive en un solo lugar.
  • OnCancel gestiona el botón Cancelar, la tecla Escape y una llamada a Cancel. El asistente nunca cierra nada por sí solo.
El asistente con StepperPosition en wspLeft: una columna vertical de pasos con descripciones, como un instalador
Disposición del stepper

Stepper arriba, a la izquierda u oculto.

  • StepperPosition admite wspTop, wspLeft o wspNone sin tocar tus páginas.
  • CircleSize, ConnectorThickness y ShowDescriptions dimensionan y etiquetan los marcadores de paso.
  • De derecha a izquierda para árabe y hebreo: refleja el stepper, el orden de los pasos y los botones Atrás y Siguiente.
Un stepper y su barra de botones dibujados en una imagen sin ventana
Salida sin ventana

Imágenes del stepper para documentación y pruebas.

  • sgcWizardSaveToPNG y sgcWizardSaveToSVG pintan un stepper sin ventana y sin VCL ni FireMonkey.
  • Un programa de consola, un servicio, una prueba unitaria o un servidor web obtienen el mismo stepper como imagen, también en Linux64.
  • En .NET el paquete esegece.sgcWizard.Rendering escribe PNG en Windows, Linux y macOS.

Un asistente en pocas líneas.

Añade las páginas, marca una como opcional y valida antes de que el usuario salga de la página Account. La misma API en Delphi, C++ Builder y C#.

dotnet add package esegece.sgcWizard.WinForms

Versiones para C++ Builder y 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;

Forma parte de sgcUI.

Compra sgcWizard por separado, o consíguelo en sgcUI Enterprise, junto a todos los productos que comparten su tema y su runtime. Cada uno incluye código fuente.

Por separado

sgcWizard

El asistente y el stepper por separado, con código fuente completo y 1 año de actualizaciones.

€149 / desarrollador
Precios de sgcWizard

Standard

sgcGrid, sgcNavigation, sgcToolbar y sgcEditors.

€380 / desarrollador
Ver Standard

Professional

Standard más sgcCharts, sgcDashboard y sgcGauges.

€529 / desarrollador
Ver Professional
Incluye sgcWizard

Enterprise

Los 15 productos sgcUI.

€699 / desarrollador
Ver Enterprise

Para .NET, esegece.sgcWizard.Community en NuGet es gratuito. sgcWizard también está en el paquete All-Accessregula el ritmo de los repintados.

Descubrir sgcUI

Lleva sgcWizard a tu propia aplicación hoy mismo.

Descarga la prueba y ejecuta las demos Onboarding, Stepper y OnboardingFMX, o repasa antes todas las funciones.

Lo último del blog

Ver todas las publicaciones →

Estás viendo la vista sgcWizard de eSeGeCe.

Mostrar otro enfoque →
Garantía de devolución de 30 días¿No estás satisfecho? Solicita un reembolso completo en los 30 días posteriores a la compra. Ver política de reembolso