sgcUI O sgcWizard já está disponível

sgcWizard. Passo a passo. Validado a cada passo.

Guie os seus usuários na configuração, no onboarding e no checkout. Cada página que você adiciona vira uma etapa no stepper, Voltar, Avançar, Concluir e Cancelar já vêm prontos, e um único evento interrompe o movimento até que a página seja válida. Um assistente e stepper nativo para Delphi, C++ Builder e .NET, com código-fonte incluído.

  • VCL
  • FireMonkey
  • WinForms
  • WPF
  • Avalonia
  • Delphi 7 a 13
  • 1evento valida cada movimento: Avançar, Voltar, Concluir, um clique em uma etapa ou o código
  • 5estados de etapa: pendente, ativa, concluída, com erro e ignorada
  • 3posições do stepper: no topo, à esquerda ou oculto
  • 5frameworks de interface: VCL, FireMonkey, WinForms, WPF, Avalonia

Tudo o que um assistente precisa.

Formulários longos sobrecarregam os usuários, enquanto os mesmos campos divididos em poucas etapas claras chegam ao fim. O sgcWizard os transforma em um fluxo guiado, com as regras e o visual da sua aplicação.

  • Páginas viram etapas

    Cada página que você adiciona aparece no stepper, com Voltar, Avançar, Concluir e Cancelar já incluídos.

  • Validação com veto

    OnBeforePageChange interrompe o movimento até que a página seja válida, seja qual for o botão pressionado.

  • Estados de etapa claros

    Pendente, ativa, concluída, com erro e ignorada, cada uma evidente num relance.

  • Combina com a sua aplicação

    As legendas dos seus botões, temas claro e escuro, uma cor de destaque e páginas desenhadas na IDE.

Veja funcionando.

Capturado a partir da demo Onboarding que acompanha a avaliação.

A demo Onboarding: um assistente de quatro etapas com as páginas Boas-vindas, Conta, Opções e Resumo e a barra Voltar, Avançar e Cancelar
Páginas e etapas

Formulários de várias etapas com um stepper integrado.

  • AddPage cria uma página e a sua etapa na faixa do stepper ao mesmo tempo.
  • Caption, Description e StepGlyph identificam cada etapa, para que os usuários vejam onde estão e o que falta.
  • Next, Back e GoToPage navegam exatamente como os botões.
A página Resumo da demo Onboarding, preenchida por OnPageChanged, com o botão Concluir
Ignorar e concluir

Ignore as etapas que não se aplicam e conclua onde você decidir.

  • Defina Skip em uma página e o Avançar e o Voltar passam por cima dela, enquanto o stepper ainda a mostra com um contorno tracejado.
  • OnFinish roda depois que a validação libera a conclusão, de modo que o código de gravação fica em um só lugar.
  • OnCancel trata o botão Cancelar, a tecla Escape e uma chamada a Cancel. O assistente nunca fecha nada por conta própria.
O assistente com StepperPosition definido como wspLeft: uma coluna vertical de etapas com descrições, como um instalador
Posição do stepper

Stepper no topo, à esquerda ou oculto.

  • StepperPosition aceita wspTop, wspLeft ou wspNone sem mexer nas suas páginas.
  • CircleSize, ConnectorThickness e ShowDescriptions dimensionam e rotulam os marcadores de etapa.
  • O modo da direita para a esquerda, para árabe e hebraico, espelha o stepper, a ordem das etapas e os botões Voltar e Avançar.
Um stepper e a sua barra de botões renderizados em uma imagem, sem janela
Saída sem janela

Imagens do stepper para documentação e testes.

  • sgcWizardSaveToPNG e sgcWizardSaveToSVG desenham um stepper sem janela e sem VCL ou FireMonkey.
  • Um programa de console, um serviço, um teste de unidade ou um servidor web recebe o mesmo stepper como imagem, inclusive no Linux64.
  • No .NET, o pacote esegece.sgcWizard.Rendering grava PNG no Windows, no Linux e no macOS.

Um assistente em poucas linhas.

Adicione as páginas, marque uma como opcional e valide antes de o usuário sair da página Conta. A mesma API em Delphi, C++ Builder e C#.

dotnet add package esegece.sgcWizard.WinForms

Versões para 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 do sgcUI.

Compre o sgcWizard isolado ou tenha-o no sgcUI Enterprise, junto de todos os produtos que compartilham o seu tema e o seu runtime. Todos incluem código-fonte.

Isolado

sgcWizard

O assistente e o stepper isolados, com código-fonte completo e 1 ano de atualizações.

€149 / desenvolvedor
Preços do sgcWizard

Standard

sgcGrid, sgcNavigation, sgcToolbar e sgcEditors.

€380 / desenvolvedor
Ver o Standard

Professional

Standard mais sgcCharts, sgcDashboard e sgcGauges.

€529 / desenvolvedor
Ver o Professional
Inclui o sgcWizard

Enterprise

Os 15 produtos do sgcUI.

€699 / desenvolvedor
Ver o Enterprise

Para .NET, o esegece.sgcWizard.Community no NuGet é gratuito. O sgcWizard também está no pacote All-Access.

Conhecer o sgcUI

Leve o sgcWizard para a sua própria aplicação hoje mesmo.

Baixe a avaliação e execute as demos Onboarding, Stepper e OnboardingFMX, ou veja antes todos os recursos.

Últimas do blog

Ver todas as publicações →

Você está vendo a visão sgcWizard da eSeGeCe.

Mostre outro ângulo →
Garantia de reembolso de 30 diasNão ficou satisfeito? Solicite o reembolso total em até 30 dias após a compra. Ver política de reembolso