* * * *
12 Visitatori, 1 Utente
 
Con questo articolo vedremo come implementare una semplice animazione di attesa.
Come per gli altri articoli della serie, anche questa caratteristica sarà implementata nella classe TBaseForm in modo da avere un progetto incrementale. Potete però prendere tranquillamente spunto per implementare l'animazione nei vostri progetti.

implementare l'animazione in un thread
L'animazione entra in ballo quando l'utente deve attendere che l'applicazione porti a termine un certo compito - per il quale ci vuole del tempo - ma non è possibile determinarne la durata (altrimenti avremmo usato una progress bar).
Visto che il mainthread è occupato a svolgere il suo compito è bene che l'animazione venga gestita in un thread separato, in questo modo l'animazione procederà per conto suo e dovremo solo ricordarci di stoppare il thread al termine.
L'integrazione in uno scheletro di applicazione già esistente è utile per fare delle considerazioni su come dovrà essere implementata questa applicazione:
  • l'animazione verrà gestita da un thread a parte
  • l'applicazione permetterà di istanziare più form di più classi: ogni form dovrà avere la possibilità di gestire il suo thread a prescindere da cosa stiano facendo le altre form
  • dove mettere le immagini: ogni form avrà la sua animazione ma la lista delle immagini sarà unica per tutta l'applicazione; allo scopo verrà utilizzata una istanza di TImageList che sarà posizionata nella form principale e -tramite la toolbox - verrà fornito il puntatore all'istanza a tutte le form
  • verrà implementato un meccanismo per cui il lancio dell'animazione sarà a discrezione del programmatore ma lo stop sarà automatico al termine del lavoro (questa funzionalità verrà implementata in un secondo momento in quanto "fuori tema" rispetto all'articolo


procurarsi una animazione
Non descriverò come mi sono procurato le immagini, ma il risultato finale. Nella sottocartella res trovate nr. 6 immagini png 16x16 (ed altrettanti xcf, il formato grafico di The Gimp) che rappresentano i 6 momenti dell'animazione. Queste immagini le ho poi caricate in un TImageList della form principale e ho assegnato il puntatore alla "toolbox" di modo da facilitare l'acquisizione di queste immagini per tutte le istanze delle form che verranno create.

il thread
Il thread lo potete trovare nel file ubaseform.pas

Codice: [Seleziona]

  { TBaseForm_WaitThread }

  TBaseForm_WaitThread = class(TThread)
  private
    FIndex: integer;
    FCanvas: TCanvas;
    FOffsetX, FOffsetY: integer;
    FWaitImageList: TImageList;
    procedure BlankArea;
    procedure ShowStatus;
  protected
    procedure Execute; override;
  public
    constructor Create(CreateSuspended: boolean);
    procedure SetCanvas(ACanvas: TCanvas; x, y: integer);
    property WaitImageList: TImageList read FWaitImageList write FWaitImageList;
  end;


constructor TBaseForm_WaitThread.Create(CreateSuspended: boolean);
begin
  inherited Create(CreateSuspended);
  FreeOnTerminate := True;
end;

procedure TBaseForm_WaitThread.SetCanvas(ACanvas: TCanvas; x, y: integer);
begin
  FCanvas := ACanvas;
  FOffsetX:=x;
  FOffsetY:=y;
end;

procedure TBaseForm_WaitThread.BlankArea;
begin
  FCanvas.Pen.Color:=clBtnFace;
  FCanvas.Brush.Color:= clDefault; //  RGBToColor(228,236,241);
  FCanvas.Rectangle(FOffsetX, FOffsetY, FOffsetX + 16, FOffsetY + 16);
end;

procedure TBaseForm_WaitThread.ShowStatus;
begin
  BlankArea;
  WaitImageList.Draw(FCanvas, FOffsetX, FOffsetY, FIndex);
end;

procedure TBaseForm_WaitThread.Execute;
var FromIndex, ToIndex: integer;
begin
   FromIndex := 0;
   ToIndex   := WaitImageList.Count - 1;
   FIndex    := -1;
   while not Terminated do begin
      inc(FIndex);
      if FIndex >= ToIndex then
         FIndex := FromIndex;
      Synchronize(@Showstatus);
      sleep(200);
   end;

   if Terminated then
      BlankArea;
end;



mentre nella superclasse ho inserito una variabile che conterrà il suo indirizzo.
La variabile farà anche da semaforo:
- se è nil allora il thread può essere creato
- se non è nil allora il thread è attivo

la dichiarazione è nella stessa unit:

Codice: [Seleziona]

  TfmBaseForm = class(TForm)
  ...
   private
    FWaitThread: TBaseForm_WaitThread;
  ...
    function GetActiveWaitAnimation: boolean;
    procedure SetActiveWaitAnimation(AValue: boolean);
  ...

   public
    property ActiveWaitAnimation: boolean read GetActiveWaitAnimation write SetActiveWaitAnimation;

   end;


function TfmBaseForm.GetActiveWaitAnimation: boolean;
begin
   result := FWaitThread <> nil;
end;

procedure TfmBaseForm.SetActiveWaitAnimation(AValue: boolean);
begin

   case AValue of
      TRUE: begin
          if GetActiveWaitAnimation then
             exit
          else begin
             FWaitThread := TBaseForm_WaitThread.Create(TRUE);
             if Assigned(FWaitThread.FatalException) then
               raise FWaitThread.FatalException;
             FWaitThread.WaitImageList := ToolBox.WaitImageList;;
             FWaitThread.SetCanvas(Canvas, 200,2);
             FWaitThread.Start;
          end;
      end;

      FALSE: begin
          if not GetActiveWaitAnimation then
             exit
          else begin
             FWaitThread.Terminate;
             FWaitThread.Free;
             FWaitThread := nil;
          end;

      end;
   end;
end;



A questo punto l'utilizzo dell'animazione è semplicissimo, all'interno della sottoclasse (nel progetto in esempio: uBaseFormTester), per attivare l'animazione, basta scrivere il seguente codice:
Codice: [Seleziona]

  ActiveWaitAnimation:=TRUE;


Mentre per fermarla:
Codice: [Seleziona]

  ActiveWaitAnimation:=FALSE;


Nel progetto di esempio potete testarne il funzionamento aprendo più form contemporaneamente e andate a cliccare il tasto "Edit".
Per fermare l'animazione il tasto "Confirm".

L'implementazione all'interno della superclasse per terminare forzatamente il thread ancora non è stato implementato, ma arriverà presto.
Per chi volesse scaricare il progetto, può guardare in questo thread http://www.lazaruspascal.it/index.php?topic=1371.msg7990;topicseen#new o aggiornare i sorgenti da svn.

Buon lavoro.
nomorelogic

Share on Twitter! Digg this story! Del.icio.us Share on Facebook! Technorati Reddit StumbleUpon

Articles in « How to »

Comments *

Commenting option has been turned off for this article.

Recenti

How To

Trascinare un file nel programma da xinyiman
DB concetti fondamentali e ZeosLib da xinyiman
Recuperare codice HTML da pagina web da xinyiman
Mandare mail con Lazarus da xinyiman
Stabilire il sistema operativo da xinyiman
Esempio lista in pascal da xinyiman
File INI da xinyiman
Codice di attivazione da xinyiman
Realizzare programmi multilingua da xinyiman
Lavorare con le directory da xinyiman
Utilizzare Unità esterne da Loryea
TTreeView da xinyiman
TTreeview e Menu da xinyiman
Generare controlli RUN-TIME da xinyiman
LazReport, PDF ed immagini da xinyiman
Intercettare tasti premuti da xinyiman
Ampliare Lazarus da xinyiman
Lazarus e la crittografia da xinyiman
System Tray con Lazarus da xinyiman
UIB: Unified Interbase da Microges2000
Il file: questo sconosciuto da Microges2000
Conferma di chiusura di un applicazione da xinyiman
Liste e puntatori da Microges2000
Overload di funzioni da Microges2000
Funzioni a parametri variabili da Microges2000
Proprietà da Microges2000
Conversione numerica da Microges2000
TImage su Form e Panel da Maverich
Indy gestiore server FTP lato Client da Maverich
PopUpMenu sotto Pulsante (TSpeedButton) da Maverich
Direttiva $macro da Microges2000
Toolbar da xinyiman
Evidenziare voci TreeView da Maverich
Visualizzare un file Html esterno da Maverich
StatusBar - aggirare l'errore variabile duplicata da Maverich
Da DataSource a Excel da xinyiman
Le permutazioni da xinyiman
Brute force da xinyiman
Indy 10 - Invio email con allegati da Maverich
La gestione degli errori in Lazarus da xinyiman
Pascal Script da xinyiman
Linux + Zeos + Firebird da xinyiman
Dataset virtuale da xinyiman
Overload di operatori da Microges2000
Lavorare con file in formato JSON con Lazarus da nomorelogic
Zeos ... dietro le quinte (prima parte) da Stilgar
Disporre le finestre in un blocco unico (come Delphi) da Maverich
Aspetto retrò (Cmd Line) da xinyiman
Come interfacciare periferica twain da Narciso
Ubuntu - aggiornare free pascal e lazarus da xinyiman
fpcup: installazioni parallele di lazarus e fpc da nomorelogic
Free Pascal e Lazarus sul Raspberry Pi da nomorelogic
Cifratura: breve guida all'uso dell'algoritmo BlowFish con lazarus e free pascal. da nomorelogic
Creare un server multithread da xinyiman
guida all'installazione di fpc trunk da subversion in linux gentoo da nomorelogic
Indice da nomorelogic
DB concetti fondamentali e connessioni standard da xinyiman
Advanced Record Syntax da nomorelogic
DB concetti fondamentali e DBGrid da xinyiman
DB concetti fondamentali e TDBEdit, TDBMemo e TDBText da xinyiman
Advanced Record Syntax: un esempio pratico da nomorelogic
Superclasse form base per programmi gestionali (e non) da nomorelogic
Superclasse form base per programmi gestionali (e non) #2 - log, exception call stack, application toolbox da nomorelogic
Superclasse form base per programmi gestionali (e non) #3 - traduzione delle form da nomorelogic
Superclasse form base per programmi gestionali (e non) #4 - wait animation da nomorelogic
Un dialog per la connessione al database:TfmSimpleDbConnectionDialog da nomorelogic
Installare lazarus su mac osx sierra da xinyiman
Utenti
Stats
  • Post in totale: 10277
  • Topic in totale: 1302
  • Online Today: 20
  • Online Ever: 74
  • (Luglio 09, 2012, 11:05:53 am)
Utenti Online
Users: 1
Guests: 12
Total: 13

Disclaimer:

Questo blog non rappresenta una testata giornalistica poiché viene aggiornato senza alcuna periodicità. Non può pertanto considerarsi un prodotto editoriale ai sensi della legge n. 62/2001.