Delphi, C++ Builder & .NET sgcUI'nin parçası

sgcWizard, Delphi, C++ Builder & .NET için Sihirbaz ve Adım Göstergesi

Kullanıcılarınızı kurulum, karşılama ve ödeme süreçlerinde her seferinde bir net adımla yönlendirin. Eklediğiniz her sayfa adım göstergesinde bir adım olur, Geri, İleri, Bitir ve İptal hazır gelir ve tek bir olay, sayfa geçerli olana kadar geçişi durdurmanızı sağlar.

VCL, FireMonkey, WinForms, WPF, AvaloniaDelphi 7'den 13'e ve C++ Builder 2007'den 13'eHer özellik ücretsiz .NET Community sürümündesgcUI Enterprise içinde yer alır
4 adımın 2. adımında, Hesap, üstte adım göstergesi ve Geri, İleri ve İptal düğmeleriyle karşılama sihirbazı

Bir Sihirbazın İhtiyaç Duyduğu Her Şey

Uzun bir formu, kullanıcılarınızın bitirdiği, uygulamanızın kuralları ve görünümüyle yönlendirilen bir akışa dönüştüren on iki özellik.

Sayfalar, adımlar ve kurallar

Sihirbazın yapısı hazırdır: sayfaları siz eklersiniz ve kuralları siz belirlersiniz.

Yerleşik adım göstergeli çok adımlı formlar

Sayfalar, adımlar ve kurallar

Yerleşik adım göstergeli çok adımlı formlar

Uzun formlar kullanıcıları bunaltır, oysa aynı alanlar birkaç net adıma bölündüğünde tamamlanır. TsgcVCLWizard her sayfayı bir adıma dönüştürür: AddPage bir sayfayı ve adım bandındaki girdisini aynı anda oluşturur; bir başlık, bir açıklama satırı ve isteğe bağlı bir glif ile. Bant kullanıcının nerede olduğunu ve nelerin kaldığını gösterir, Geri, İleri, Bitir ve İptal çubuğu da zaten oradadır. Her sayfa bir kapsayıcıdır, bu yüzden içeriğini sıradan denetimlerle tasarlarsınız ve sihirbaz bir sayfa açıldığında odağı ilk denetime taşır.

  • AddPage bir TsgcVCLWizardPage ve adımını oluşturur
  • Caption, Description ve StepGlyph her adımı etiketler
  • ActivePageIndex ve ActivePage sayfaları doğrudan koddan değiştirir
  • Next, Back ve GoToPage tam olarak düğmeler gibi hareket eder
Yardım konusunu okuyun

Sayfalar, adımlar ve kurallar

Sayfa geçerli olana kadar kullanıcıyı durdurun

Kullanıcının boş bir e-posta adresiyle özete ulaşması, sorunu yaratan alandan uzakta, sonradan bir hata demektir. OnBeforePageChange, kullanıcı İleri, Geri veya Bitir'e bassa, bir adıma tıklasa ya da kodunuz GoToPage çağırsa da her geçişten önce tetiklenir. Ayrılan sayfayı ve açılmak üzere olan sayfayı bildirir ve bir var aAllow bayrağı geçişi durdurur. Her ileri geçişin hedef dizini daha yüksek olduğundan tek bir sınama, kullanıcı hangi düğmeye bassa da sayfayı doğrular. Veto ettiğinizde hiçbir şey değişmez, siz de nedeni gösterir ve odağı alana verirsiniz.

  • OnBeforePageChange(Sender, aFromIndex, aToIndex, aAllow) her geçişi veto edebilir
  • aToIndex = PageCount kullanıcının Bitir'e bastığı anlamına gelir
  • aToIndex < aFromIndex sınaması geri geçişlere izin verir
  • OnPageChanged geçişten sonra tetiklenir, örneğin bir özet sayfasını doldurmak için
Yardım konusunu okuyun
Uygulanmayan adımları atlayın

Sayfalar, adımlar ve kurallar

Uygulanmayan adımları atlayın

Gerçek akışlar dallanır. Standart gönderim seçen bir müşterinin kurye sayfasına ihtiyacı yoktur ve bireysel bir hesabın şirket adımı yoktur. Bir sayfada Skip ayarlayın; sayfa sihirbazda kalır ama İleri ve Geri onu atlar ve adım göstergesi adımını kesik bir çerçeveyle atlanmış olarak çizer, böylece kullanıcılar yine de tüm yolculuğu görür. Skip herhangi bir anda, genellikle önceki bir sayfadaki bir onay kutusundan veya seçimden değişebilir. Ulaşılabilecek önceki sayfa kalmadığında Geri düğmesi otomatik olarak devre dışı kalır, böylece kullanıcılar kendilerine uygulanmayan bir sayfaya asla düşmez.

  • Bir TsgcVCLWizardPage üzerinde Skip onu yoldan çıkarır
  • Atlanan adımlar wssSkipped durumunda çizilir
  • GoToPage yalnızca atlanmamış sayfalara gider
  • Onboarding demosu Seçenekler sayfasını bir onay kutusundan atlar
Yardım konusunu okuyun
Bitir ve İptal sizin kararınızı uygular

Sayfalar, adımlar ve kurallar

Bitir ve İptal sizin kararınızı uygular

Bir sihirbaz genellikle bir şeyi kaydederek biter ve bu kodu tek yerde istersiniz. Son sayfada İleri düğmesi Bitir başlığını gösterir ve varsayılan düğme olur. Ona basmak, Enter'a basmak veya Finish çağırmak önce doğrulamanızı çalıştırır, ardından verileri kaydettiğiniz, formu kapattığınız veya bir iletişim kutusunun ModalResult değerini ayarladığınız OnFinish tetiklenir. İptal düğmesi, Escape tuşu ve Cancel çağrısı OnCancel tetikler; böylece işi atmadan önce sorabilirsiniz. Sihirbaz hiçbir şeyi kendiliğinden kapatmaz, bu yüzden akış sizin denetiminizde kalır.

  • OnFinish, OnBeforePageChange bitişe izin verdikten sonra çalışır
  • OnCancel İptal düğmesini, Escape tuşunu ve Cancel çağrısını işler
  • ShowCancel tamamlanması zorunlu akışlar için İptal düğmesini gizler
  • FinishCaption son İleri düğmesinin metnini belirler
Yardım konusunu okuyun

Kendini açıklayan bir adım göstergesi

İlerleme bandı kullanıcılara nerede olduklarını, nelerin bittiğini ve neyin ters gittiğini söyler.

Üstte, solda veya gizli adım göstergesi

Kendini açıklayan bir adım göstergesi

Üstte, solda veya gizli adım göstergesi

Kısa akışlar adımların üstte yatay durmasıyla en iyi okunur; açıklamalı daha uzun olanlar ise bir yükleyici gibi solda bir sütunda daha iyi sığar. StepperPosition sayfalarınıza dokunmadan bandı taşır: wspTop 80 mantıksal piksel yüksekliğinde yatay bir bant, wspLeft 200 piksel genişliğinde dikey bir bant gösterir, wspNone ise düz sayfalı bir iletişim kutusu için gizler. Düğme çubuğu altta kalır. Onboarding demosunda konumu çalışma zamanında değiştiren bir açılır liste vardır, böylece üç yerleşimi kendi içeriğinizle saniyeler içinde karşılaştırabilirsiniz.

  • StepperPosition wspTop, wspLeft veya wspNone alır
  • Bir adım göstergesinin Orientation değeri woHorizontal veya woVertical olur
  • CircleSize ve ConnectorThickness adım işaretlerinin ve çizgilerin boyutunu belirler
  • ShowDescriptions her etiketin ikinci satırını gösterir veya gizler
  • Arapça ve İbranice için sağdan sola: adım göstergesinin tarafı, adım sırası, bağlantılar ile oklu Geri ve İleri düğmeleri yansıtılır
Yardım konusunu okuyun
Renkle net adım durumları

Kendini açıklayan bir adım göstergesi

Renkle net adım durumları

Kullanıcılar bir adım göstergesini bir saniyede tarar, bu yüzden her durum belirgin olmalıdır. Bekleyen adımlar soluk bir numaralı çerçevelerdir, etkin adım yumuşak bir halesi ve kalın başlığı olan bir vurgu diskidir, tamamlanan adımlar onay işareti taşır, hatalar ünlem işaretli kırmızı bir disktir ve atlanan adımların kesik çerçevesi vardır. AutoStates açıkken ActiveIndex ayarlamak ondan önceki adımları tamamlar ve sonrakileri bekleyen bırakır; hata ve atlanan durumlar korunur. Her durumu uygulamanız belirliyorsa AutoStates'i kapatın.

  • wssPending, wssActive, wssCompleted, wssError ve wssSkipped
  • AutoStates durumları ActiveIndex değerinden türetir
  • Devre dışı bir adım soluk renklerle çizilir
  • AccentColor etkin ve tamamlanan adımları yeniden renklendirir
Yardım konusunu okuyun
Ödeme akışları için bağımsız bir adım göstergesi

Kendini açıklayan bir adım göstergesi

Ödeme akışları için bağımsız bir adım göstergesi

Her süreç bir sihirbaz değildir. Bir ödeme, bir sipariş durumu sayfası veya bir talep yaşam döngüsü sayfalar olmadan ilerleme göstergesine ihtiyaç duyar. TsgcVCLStepper aynı bandın kendi başına bir denetim olarak halidir; yatay veya dikey, başlıklar, açıklamalar ve beş durumla. Clickable'ı ayarlayın; kullanıcılar tamamlanmış bir adıma tıklayarak veya ok tuşlarıyla geri atlar, OnStepClick ise geçişi veto etmenizi sağlar. Stepper demosu yan yana yatay ve dikey bir adım göstergesi ile etkin adımı hata veya atlanmış olarak işaretleyen düğmeleri gösterir.

  • TsgcVCLStepper ve TsgcFMXStepper sihirbaz olmadan çalışır
  • Steps standart koleksiyon düzenleyicisiyle düzenlenen bir koleksiyondur
  • Clickable ve OnStepClick tamamlanan adımları gezintiye dönüştürür
  • ActiveIndex ilerlemeyi kendi kodunuzdan hareket ettirir
Yardım konusunu okuyun

Uygulamanıza uyar

Sizin diliniz, sizin tasarımcınız, sizin temanız ve sizin framework'ünüz.

Her düğmede sizin ifadeleriniz

Uygulamanıza uyar

Her düğmede sizin ifadeleriniz

İspanyolca bir uygulamada İngilizce bir İleri düğmesi tamamlanmamış görünür. Düğme çubuğunun dört başlığı, varsayılanları Back, Next, Finish ve Cancel olan yayımlanmış özelliklerdir. Bunları Nesne Denetçisi'nde ayarlayın, IDE'nin olağan kaynak araçlarıyla çevirin ya da kendi çeviri tablonuzdan koddan atayın. Bir başlık form dosyasında yalnızca varsayılandan farklıysa saklanır ve düğmeler daha uzun sözcüklere uyacak şekilde büyür. Adım etiketleri sayfaların Caption ve Description değerlerinden gelir, bu yüzden sayfalarla birlikte çevrilir.

  • BackCaption, NextCaption, FinishCaption ve CancelCaption
  • ShowCancel İptal düğmesini kaldırır
  • Adım etiketleri her sayfanın Caption ve Description değerini izler
  • Yardım konusu örnek olarak Anterior, Siguiente, Finalizar ve Cancelar değerlerini ayarlar
Yardım konusunu okuyun

Uygulamanıza uyar

Her sayfayı IDE'de görsel olarak tasarlayın

Sihirbazlar formlardır ve formlar en iyi form tasarımcısında tasarlanır. SGC Wizard palet sayfası, sihirbazı ve adım göstergesini VCL ve FireMonkey için kaydeder. Sihirbaza sağ tıklayıp Sayfa Ekle'yi seçin: yeni bir sayfa oluşturulur, gösterilir ve seçilir; düzenlemeleriniz, etiketleriniz ve onay kutularınız için hazırdır. Sonraki Sayfa ve Önceki Sayfa tasarımcıda sayfalar arasında gezinir ve bandın bir adımına tıklamak o sayfayı gösterir. Yalnızca etkin sayfa görünürdür ve tasarım zamanında gösterilen sayfa form dosyasında saklanan sayfadır.

  • Bağlam menüsünde Sayfa Ekle, Sonraki Sayfa ve Önceki Sayfa fiilleri
  • Palette TsgcVCLWizard, TsgcVCLStepper, TsgcFMXWizard ve TsgcFMXStepper
  • Bant ve düğme çubuğu içseldir ve form dosyasını asla kalabalıklaştırmaz
  • Bağımsız bir adım göstergesinin Steps öğeleri standart koleksiyon düzenleyicisini kullanır
Yardım konusunu okuyun
Temalar ve klavye, Enter İleri'dir

Uygulamanıza uyar

Temalar ve klavye, Enter İleri'dir

Bir sihirbaz, fareyle ya da faresiz, uygulamanın geri kalanı gibi hissettirmelidir. Theme açık ve koyu sgcUICore temaları arasında geçiş yapar, AccentColor etkin adımların, biten bağlayıcıların ve varsayılan düğmenin rengini belirler. Sihirbaz temayı sayfalarındaki denetimlere de uygular, bu yüzden bir TLabel, bir TEdit veya bir TCheckBox koyu bir sayfada okunaklı kalır. Odak sihirbazın içindeyken Enter İleri'dir (son sayfada Bitir) ve Escape İptal'dir, ancak bir memo yeni satır için Enter'ını korur.

  • Theme utDefault (uygulama temasını izler), utLight, utDark veya utCustom alır
  • AccentColor bir ARGB renktir ve 0 temanın vurgusunu korur
  • Kendi Theme özelliği olan alt denetimler sihirbazın temasını alır
  • Odaklı bir adım göstergesi, Clickable açıkken ok tuşlarıyla hareket eder
Yardım konusunu okuyun
Dokümanlar ve testler için adım göstergesi resimleri

Uygulamanıza uyar

Dokümanlar ve testler için adım göstergesi resimleri

Dokümantasyon, e-postalar ve görsel regresyon testleri çoğu zaman canlı bir denetim yerine adımların bir resmine ihtiyaç duyar. sgcWizard_Render içindeki çizici, bir TsgcStepperModel'i ve düğme çubuğunu pencere, VCL veya FireMonkey olmadan çizer; böylece bir konsol programı, bir servis, bir birim testi veya bir web sunucusu aynı adım göstergesini resim olarak üretebilir. Linux64 dahil her platformda derlenir. Genişlik ve yükseklik mantıksal pikseldir ve bir ölçek çarpanı net resimler verir: ölçek 2'de 640 x 100, 1280 x 200 bir PNG olur.

  • sgcWizardSaveToPNG ve sgcWizardSaveToSVG bir dosya veya akış yazar
  • sgcWizardRender herhangi bir sgcUICore canvas'ına çizer
  • sgcWizardSaveButtonBarToPNG ve sgcWizardSaveButtonBarToSVG düğme çubuğunu çizer
  • .NET'te esegece.sgcWizard.Rendering paketi Windows, Linux ve macOS'ta PNG yazar
Yardım konusunu okuyun

Uygulamanıza uyar

WPF ve Avalonia'da görünüm modelinize bağlayın

WPF ve Avalonia geliştiricileri arkadaki kodu yazmayı değil, bağlamayı bekler. Bu ortamlarda sihirbazın, sayfalarının ve adım göstergesinin kullanıcıya dönük özellikleri bağımlılık özellikleri veya Avalonia özellikleridir; böylece bir görünüm modeline bağlanır, bir Style'dan değer alır ve canlandırılabilir. ActivePageIndex varsayılan olarak TwoWay bağlanır, çünkü sihirbaz bunu İleri, Geri ve adım tıklamalarında kendisi değiştirir; böylece görünüm modeliniz geçerli adımı her zaman bilir. WinForms denetimleri düz özellikleri korur ve üç ortam da Delphi adlarını kullanır.

  • Sayfaları ve adım göstergeleriyle TsgcWpfWizard ve TsgcAvaloniaWizard
  • Bağlanabilir her özellik için ActivePageIndexProperty gibi bir statik alan
  • Olaylar, OnBeforePageChange gibi Delphi adlarını temsilci özellikleri olarak korur
  • WPF ve Avalonia'da bir sayfa tek bir alt öğe barındırır; WinForms'ta sayfa bir kapsayıcıdır
Yardım konusunu okuyun

sgcWizard iş başında

sgcUI paket demolarında sgcWizard: yerleşik simüle verilerle çevrimdışı çalışan eksiksiz uygulamalar.

sgcWizard ile Kimler Geliştirme Yapıyor

Karşılama ve ilk çalıştırma kurulumu

İlk dakikalar yeni bir kullanıcının kalıp kalmayacağını belirler. Hesap oluşturmayı, tercihleri ve bir özeti dört kısa sayfaya bölün, kullanıcı ilerlemeden önce adı ve e-postayı OnBeforePageChange içinde doğrulayın ve varsayılanları isteyen kullanıcılar için seçenekler sayfasını atlayın. OnPageChanged özeti doldurur ve OnFinish hesabı kaydeder. Onboarding demosu tam olarak bu akıştır; denemeniz için bir açık/koyu anahtarı ve bir adım göstergesi konum seçicisi vardır.

  • Doğrulama
  • Atlanan sayfalar
  • Bitir ve İptal
Onboarding demosunu çalıştırın

Ödeme ve sipariş girişi

Sipariş girişi sabit bir yol izler: sepet, adres, gönderim, ödeme ve onay. Her adım bir alan sayfasıysa sihirbazı kullanın ya da zaten sahip olduğunuz bir formun üstüne bağımsız bir adım göstergesi koyun. Tamamlanan adımlar geri dönen tıklanabilir kısayollar olur, başarısız bir ödeme kırmızı bir hata adımı olarak görünür ve uygulanmayan bir gönderim adımı kesik çerçeveyle görünür kalır. Stepper demosu her durumu yatay ve dikey gösterir.

  • Bağımsız adım göstergesi
  • Adım durumları
  • Tıklanabilir adımlar
Stepper demosunu çalıştırın

Yapılandırma ve içe aktarma sihirbazları

Teknik araçlar, kullanıcıların nadiren yaptığı işler için sihirbazlara ihtiyaç duyar: bir veritabanına bağlanmak, bir dosyayı içe aktarmak, bir cihazı kurmak. Adım göstergesi solda olan bir sihirbaz her adımı açıklamasıyla listeler, OnBeforePageChange kullanıcı ilerlemeden önce girdiyi denetler ve düğme başlıkları aracın dilini izler. Aynı sihirbaz OnboardingFMX demosunun gösterdiği gibi FireMonkey'de ve WinForms, WPF ve Avalonia'da da çalışır.

  • Solda adım göstergesi
  • Doğrulama
  • Düğme başlıkları
OnboardingFMX demosunu çalıştırın

Birkaç Satırda Bir Sihirbaz

Delphi, C++ Builder ve C#'ta aynı API: sayfaları ekleyin, birini isteğe bağlı işaretleyin ve kullanıcı Hesap sayfasından ayrılmadan önce doğrulayın.

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

sgcWizard Demolarını Çalıştırın

Onboarding ve Stepper Delphi VCL ve C++ Builder için, OnboardingFMX Delphi FireMonkey için gelir; .NET sürümünde WinForms, WPF ve Avalonia için Onboarding ve Stepper vardır.

Onboarding

Onboarding

Dört sayfa: Karşılama, Hesap, Seçenekler ve Özet. OnBeforePageChange, ad ve e-posta geçerli olana kadar İleri'yi veto eder, bir onay kutusu Seçenekler sayfasını atlar, OnPageChanged özeti doldurur ve OnFinish onu gösterir. Bir tema anahtarı ve bir StepperPosition açılır listesi her yerleşimi denemenizi sağlar.

Stepper

Stepper

Aynı beş adımlı iki bağımsız TsgcVCLStepper denetimi, yatay ve dikey. AutoStates etkin adımdan öncekileri tamamlar, düğmeler bir adımı hatalı veya atlanmış olarak işaretler ve tamamlanmış bir adıma tıklamak her iki adım göstergesini geri taşır.

OnboardingFMX

TsgcFMXWizard ve dört TsgcFMXWizardPage alt öğesiyle Onboarding akışı: aynı doğrulama vetosu, aynı atlanan Seçenekler sayfası, Bitir'de bir özet ve bir koyu tema onay kutusu. Yalnızca Delphi.

Derlenmiş demolar

Her sgcUI ürününün çalıştırmaya hazır yürütülebilir dosyaları, kurulum gerektirmez.

sgcUI_bin.zip dosyasını indirin →

sgcWizard Hangi Sürümlerde Yer Alıyor

sgcWizard, sgcUI Enterprise'ın parçasıdır ve ayrıca tek başına da satılır. sgcWizard ayrıca All-Access paketine dahildir.

sgcWizard tek paket

€149 / geliştirici, tam kaynak kodu, 1 yıl güncelleme.

sgcWizard satın alın → Fiyatlandırmayı görün →

sgcUI Enterprise

Tüm 14 sgcUI ürünü, €699 fiyatından başlayarak.

Enterprise sürümüne bakın →

.NET için sgcWizard

NuGet'te esegece.sgcWizard.WinForms, .Wpf ve .Avalonia, Delphi ile aynı fiyata. Ücretsiz Community sürümü (esegece.sgcWizard.Community) her özelliğe sahiptir, yalnızca deneme uyarısı farklıdır.

sgcWizard .NET Satın Al →

Kayıtlı, Deneme ve Community yapılarının hepsi sgcWizard'ın her özelliğini içerir. Yalnızca deneme uyarısı farklıdır.

ÖzellikCommunity (ücretsiz)Kayıtlı
Sayfalı sihirbaz ve adım göstergesi bandı✓✓
OnBeforePageChange ile doğrulama✓✓
Atlanan sayfalar ve beş adım durumu✓✓
Bağımsız adım göstergesi✓✓
Düğme başlıkları, açık ve koyu temalar, vurgu rengi✓✓
Arayüzsüz PNG ve SVG çıktısı✓✓

Desteklenen Framework'ler ve Platformlar

sgcWizard'daki bileşenler

TsgcVCLWizard ve TsgcVCLWizardPage

VCL sihirbazı ve sayfaları. Bir bileşen düzenleyicisi, SGC Wizard palet sayfasından tasarım zamanında sayfa ekler.

TsgcFMXWizard ve TsgcFMXWizardPage

Windows, macOS, iOS, Android ve Linux (FMXLinux) üzerinde FireMonkey için aynı sihirbaz.

TsgcVCLStepper ve TsgcFMXStepper

Her çok adımlı akış için yatay veya dikey bağımsız adım göstergesi denetimi.

TsgcStepperModel

Her iki denetimin arkasındaki framework'ten bağımsız model: adımlar, durumlar ve yerleşim; arayüzsüz çıktı için sgcWizardSaveToPNG ve sgcWizardSaveToSVG ile.

.NET denetimleri

TsgcWinFormsWizard, TsgcWpfWizard ve TsgcAvaloniaWizard, her biri kendi sayfa ve adım göstergesi sınıflarıyla.

Her dilde iki demo

Onboarding, doğrulamalı dört sayfalı bir kayıt, ve Stepper, durumlu bağımsız bir adım göstergesi.

HedefBileşenPlatformlar
Delphi 7'den 13'e, VCLTsgcVCLWizard, TsgcVCLStepperWin32 ve XE2'den itibaren Win64
Delphi XE6'dan 13'e, FireMonkeyTsgcFMXWizard, TsgcFMXStepperWindows, macOS, iOS, Android ve Linux (FMXLinux)
C++ Builder 2007'den 13'eTsgcVCLWizard, TsgcVCLStepperOluşturulan .hpp başlık dosyaları ve statik kitaplıklar
Delphi 10.2'den 13'e, framework'ten bağımsızTsgcStepperModelLinux64, örneğin bir sunucuda adım göstergesini PNG veya SVG olarak çizmek için
.NETTsgcWinFormsWizard, TsgcWpfWizard, TsgcAvaloniaWizardWinForms, WPF ve Avalonia

Sık Sorulan Sorular

Evet. OnBeforePageChange, düğmelerden, klavyeden, bir adıma tıklamadan veya kendi kodunuzdan gelen her geçişten önce tetiklenir. Ayrılan sayfayı ve açılmak üzere olan sayfayı alır; aAllow değerini False yapmak kullanıcıyı bulunduğu yerde tutar. Finish de bunu hedef olarak PageCount ile tetikler, böylece son sayfa aynı şekilde doğrulanır.

Evet. Bir forma bir TsgcVCLWizard veya TsgcFMXWizard bırakın, sağ tıklayın ve Sayfa Ekle'yi seçin. Her sayfa, kendi denetimlerinizle diğer kapsayıcılar gibi tasarlanır. Sonraki Sayfa ve Önceki Sayfa fiilleri veya bandın bir adımına tıklamak, tasarımcıda diğer sayfaları gösterir.

Evet. sgcWizard tek kaynaktan derlenir ve Kayıtlı, Deneme ve Community sürümlerinin hepsi her özelliğe sahiptir: sihirbazlar, adım göstergeleri, doğrulama, atlanan sayfalar, adım durumları, temalar ve arayüzsüz PNG ve SVG çıktısı. Community, NuGet'teki ücretsiz esegece.sgcWizard.Community paketidir.

Evet. TsgcWpfWizard ve TsgcAvaloniaWizard sayfaları ve adım göstergeleriyle gelir ve özellikleri bir görünüm modeline bağlayabileceğiniz bağımlılık özellikleri ve Avalonia özellikleridir. Bu iki ortamda bir sayfa, genellikle bir panel veya bir grid olan tek bir alt öğe barındırır. WinForms, VCL'deki gibi kapsayıcı sayfalı TsgcWinFormsWizard sunar.

Evet. TsgcVCLStepper, TsgcFMXStepper ve .NET adım göstergeleri aynı beş duruma sahip bağımsız denetimlerdir. Bir ödeme, bir sipariş durumu veya bir talep yaşam döngüsü için birini mevcut bir formun üstüne koyun, ActiveIndex değerini kodunuzdan ayarlayın ve kullanıcıların tamamlanmış bir adıma dönebilmesi için Clickable'ı açın.

Evet. BackCaption, NextCaption, FinishCaption ve CancelCaption yayımlanmış özelliklerdir, bu yüzden olağan IDE kaynak araçlarıyla çevrilir veya kodda ayarlanır. Yalnızca varsayılandan farklıysa saklanır ve düğmeler daha uzun başlıklarla büyür. Adım etiketleri sayfaların başlıklarından ve açıklamalarından gelir.

VCL sihirbazı ve adım göstergesi Win32 ve Win64'te Delphi 7'den 13'e ve C++ Builder 2007'den 13'e destek verir. FireMonkey desteği Windows, macOS, iOS, Android ve FMXLinux üzerinden Linux için Delphi XE6'dan başlar. Arayüzsüz çizici ayrıca Delphi 10.2'den itibaren Linux64 için derlenir.

sgcWizard Yardımı

3,000+Geliştirici
20+Yıl
761+Bileşen
30+API Entegrasyonu
5Platform
30 Günlük Para İade GarantisiMemnun kalmadınız mı? Satın alımdan sonraki 30 gün içinde tam para iadesi talep edin. İade politikasına bakın

sgcWizard'ı Bugün Deneyin

sgcUI denemesi sgcWizard'ı ve diğer tüm sgcUI ürünlerini içerir.