×
Namespaces

Variants
Actions
(Difference between revisions)

Archived:Como criar uma animação simples usando QTimeLine

From Nokia Developer Wiki
Jump to: navigation, search
maiconherverton (Talk | contribs)
hamishwillee (Talk | contribs)
m (Text replace - "<code cpp>" to "<code cpp-qt>")
 
(17 intermediate revisions by 3 users not shown)
Line 1: Line 1:
[[Category:Lang-PT]]
+
{{Archived|language=Lang-Portuguese|timestamp=20120216044453|user=[[User:Hamishwillee|&lt;br /&gt;----]]|[[:Category:Qt Quick|Qt Quick]] should be used for all UI development on mobile devices. The approach described in this article (based on {{Qapiname|QWidget}}) is deprecated.}}
[[Category:Qt (Português)]]
+
[[Category:Lang-Portuguese]][[Category:Qt C++ UI]][[Category:Code Snippet]][[Category:MeeGo Harmattan]][[Category:Symbian]]
[[Category:Exemplos de código Qt]]
+
{{Abstract|Este trecho de código mostra como criar uma animação simples em [[Qt (Portuguese)|Qt]]. É empregada a classe QTimeLine, capaz de prover uma linha de tempo para controlar animações.}}
Original em: [[How to create a simple animation using QTimeLine, in Qt for Symbian]]
+
{{ArticleMetaData <!-- v1.2 -->
__NOTOC__
+
|sourcecode= <!-- Link to example source code (e.g. [[Media:The Code Example ZIP.zip]]) -->
__NOEDITSECTION__
+
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
{{CodeSnippet
+
|id=...
+
|platform=S60 3rd Edition FP1, S60 3rd Edition FP2, S60 5th Edition
+
 
|devices= Emulator
 
|devices= Emulator
|category=Qt for Symbian
+
|sdk= <!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Nokia Qt SDK 1.1]) -->
|subcategory=Animation
+
|platform= S60 3rd Edition FP1, S60 3rd Edition FP2, S60 5th Edition
|creationdate=17 January 2009
+
|devicecompatability= <!-- Compatible devices (e.g.: All* (must have GPS) ) -->
|keywords=QTimeLine,QProgressBar
+
|dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
 +
|signing= <!-- Empty or one of Self-Signed, DevCert, Manufacturer -->
 +
|capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
 +
|keywords= QTimeLine,QProgressBar
 +
|language= Lang-Portuguese
 +
|translated-by= [[User:Valderind4]]
 +
|translated-from-title= Archived:How to create a simple animation using QTimeLine
 +
|translated-from-id= 62192 <!-- automated guess -->
 +
|review-by= <!-- After re-review: [[User:username]] -->
 +
|review-timestamp= <!-- After re-review: YYYYMMDD -->
 +
|update-by= <!-- After significant update: [[User:username]]-->
 +
|update-timestamp= <!-- After significant update: YYYYMMDD -->
 +
|creationdate= 20090920
 +
|author= [[User:James1980]]
 
}}
 
}}
  
 +
== Funcionalidades ==
  
==Introdução==
 
 
Este trecho de código, mostra como criar uma animação simples em [Qt for S60| Qt para Symbian]].
 
 
A classe QTimeLine, provêr uma linha de tempo para controlar animações.
 
 
 
==Pré-requisitos==
 
 
* [http://pepper.troll.no/s60prereleases/| Fazer o Download da versão mais recente do Qt para Symbian].(Inglês)
 
* Instalar o Qt para Symbian:[[Installing Qt on S60]](Inglês)
 
* Verificar este link e analisar o guia de instalação: [http://pepper.troll.no/s60prereleases/doc/install-s60.html| Como instalar os pacotes].(Inglês)
 
* Visualizar este artigo: [[Primeiros passo, em Qt para Symbian]]
 
 
 
== Funcioanlidades ==
 
 
*Esta propriedade mantem a direção da linha do tempo enquanto o está em estado de execução. O padrão é avançar.
 
*Esta propriedade mantem a direção da linha do tempo enquanto o está em estado de execução. O padrão é avançar.
  
 
  timeLine->setDirection(QTimeLine::Backward);
 
  timeLine->setDirection(QTimeLine::Backward);
  
[[Image:Frowardtimeline.JPG]][[Image:BackWardtimeline.JPG]]
+
[[File:Frowardtimeline.JPG]][[File:BackWardtimeline.JPG]]
  
 
*Esta propriedade tem a forma da curva da linha do tempo.
 
*Esta propriedade tem a forma da curva da linha do tempo.
Line 43: Line 38:
  
 
*Para adicionar um '''Pause''' para pausar a '''TimeLine''' você deve adicionar o seguinte código no seu código fonte.
 
*Para adicionar um '''Pause''' para pausar a '''TimeLine''' você deve adicionar o seguinte código no seu código fonte.
 
  
 
   connect(pushButton1, SIGNAL(clicked()), this, SLOT(viral()));
 
   connect(pushButton1, SIGNAL(clicked()), this, SLOT(viral()));
Line 51: Line 45:
 
   void timeline::viral(  timeLine->setPaused(1); }
 
   void timeline::viral(  timeLine->setPaused(1); }
  
[[Image:Pauseani.JPG]]
+
[[File:Pauseani.JPG]]
  
 
== Trecho de código ==
 
== Trecho de código ==
Line 57: Line 51:
 
=== Código fonte ===
 
=== Código fonte ===
  
<code cpp>
+
<code cpp-qt>
  
 
#include "timeline.h"
 
#include "timeline.h"
Line 90: Line 84:
 
===Arquivos de cabeçalhos ===
 
===Arquivos de cabeçalhos ===
  
<code cpp>
+
<code cpp-qt>
 
#ifndef TIMELINE_H
 
#ifndef TIMELINE_H
 
#define TIMELINE_H
 
#define TIMELINE_H
Line 120: Line 114:
 
== Captura de tela==
 
== Captura de tela==
  
[[Image:Pauseani.JPG]]
+
[[File:Pauseani.JPG]]
  
[[Image:timeline1.jpg]]
+
[[File:timeline1.jpg]]
  
[[Image:timeline2.jpg]]
+
[[File:timeline2.jpg]]
  
 
Para mais detalhes visite:[http://pepper.troll.no/s60prereleases/doc/qtimeline.html#curveShape-prop| este link](Inglês)
 
Para mais detalhes visite:[http://pepper.troll.no/s60prereleases/doc/qtimeline.html#curveShape-prop| este link](Inglês)
 +
 +
<!-- Translation --> [[en:Archived:How to create a simple animation using QTimeLine]]

Latest revision as of 04:13, 11 October 2012

Archived.pngAquivado: Este artigo foi arquivado, pois o conteúdo não é mais considerado relevante para se criar soluções comerciais atuais. Se você achar que este artigo ainda é importante, inclua o template {{ForArchiveReview|escreva a sua justificativa}}.

Qt Quick should be used for all UI development on mobile devices. The approach described in this article (based on QWidget) is deprecated.

Este trecho de código mostra como criar uma animação simples em Qt. É empregada a classe QTimeLine, capaz de prover uma linha de tempo para controlar animações.

Article Metadata

Testado com
Aparelho(s): Emulator

Compatibilidade
Plataforma(s): S60 3rd Edition FP1, S60 3rd Edition FP2, S60 5th Edition
Symbian

Artigo
Palavras-chave: QTimeLine,QProgressBar
Tradução:
Por valderind4
Última alteração feita por hamishwillee em 11 Oct 2012

Contents

[edit] Funcionalidades

  • Esta propriedade mantem a direção da linha do tempo enquanto o está em estado de execução. O padrão é avançar.
timeLine->setDirection(QTimeLine::Backward);

Frowardtimeline.JPGBackWardtimeline.JPG

  • Esta propriedade tem a forma da curva da linha do tempo.
timeLine->setCurveShape(QTimeLine::EaseInCurve);
  • Para adicionar um Pause para pausar a TimeLine você deve adicionar o seguinte código no seu código fonte.
 connect(pushButton1, SIGNAL(clicked()), this, SLOT(viral()));

Adicione esta funcionalidade para o seu código atual.

 void timeline::viral(  timeLine->setPaused(1); }

Pauseani.JPG

[edit] Trecho de código

[edit] Código fonte

#include "timeline.h"
 
timeline::timeline(QWidget *parent)
: QWidget(parent)
{
layout= new QVBoxLayout(this);
progressBar = new QProgressBar(this);
progressBar->setRange(0, 100);
 
// Construct a 5-second timeline with a frame range of 0 - 100
timeLine = new QTimeLine(5000, this);
timeLine->setFrameRange(0, 100);
connect(timeLine, SIGNAL(frameChanged(int)), progressBar, SLOT(setValue(int)));
 
// Clicking the push button will start the progress bar animation
pushButton = new QPushButton(tr("Start animation"), this);
connect(pushButton, SIGNAL(clicked()), timeLine, SLOT(start()));
layout->addWidget(progressBar);
layout->addWidget(pushButton);
setLayout(layout);
}
 
timeline::~timeline()
{
// No need to delete any QObject that got proper parent pointer.
 
}

[edit] Arquivos de cabeçalhos

#ifndef TIMELINE_H
#define TIMELINE_H
 
#include <QtGui/QWidget>
#include "ui_timeline.h"
#include <QVBoxLayout>
#include <QTimeLine>
#include <QProgressBar>
#include <QPushButton>
class timeline : public QWidget
{
Q_OBJECT
 
public:
timeline(QWidget *parent = 0);
~timeline();
 
private:
QPushButton *pushButton;
QTimeLine *timeLine;
QProgressBar *progressBar;
QVBoxLayout *layout;
};
 
#endif // TIMELINE_H

[edit] Captura de tela

Pauseani.JPG

Timeline1.jpg

Timeline2.jpg

Para mais detalhes visite:este link(Inglês)

This page was last modified on 11 October 2012, at 04:13.
242 page views in the last 30 days.