Animations et conception d'une GUI

Version imprimable

26/06/2009, 15h26
Niak74

Animations et conception d'une GUI

Bonjour,

Je suis tombé sur ces vidéos (merci yan) qui proposent des démos techniques de ce qu'on peut faire avec Qt dans le monde de l'embarqué.
http://labs.trolltech.com/blogs/2009...-s60-is-there/

Je cherche à comprendre comment sont faites certaines animations simples, comme le défilement de coté pour accéder à une liste de favoris sur la démo de WebKit (première vidéo).
Est-ce que tout est organisé en QGraphicsItems ? Existe-il des moyens autres pour arriver à de telles animations?

Je cherche en fait à voir comment intégrer des animations simples à mes applis toutes faites et toutes... statiques. En terme de conception, ça m'a l'air assez gros, et je voudrais pas partir sur une mauvaise modélisation de ma vue.
26/06/2009, 15h32
superjaja

Perso j'ai pas trop d'idée. Après peut être que tu devrais télécharger le SDK et regarder les exemples fournis. Après on peut faire des suppositions....
Sinon il faut que tu attendes que Yan face joujou avec son N5800. 8-)
26/06/2009, 15h42
yan

Citation:

Envoyé par Ryo2468

Je cherche à comprendre comment sont faites certaines animations simples, comme le défilement de coté pour accéder à une liste de favoris sur la démo de WebKit (première vidéo).
Est-ce que tout est organisé en QGraphicsItems ? Existe-il des moyens autres pour arriver à de telles animations?

A mon avis, c'est bien avec QGraphics.
Pour une démo, d'un ihm type web 2.0 (pas se moquer) c'est ce que j'ai utiliser pour faire des animation et ca marche nikel.
Contrairement ou ihm de base, QGraphics est fait pour les animation. De plus avec l'arrivée(fin d'année il me semble) de QAnimation et QStateMachine dans Qt 4.6 se sera encore plus simple.
Pour confirmer, la demo est peut être dans les sources.

Après je n'ai pas encore trop essayé. J'ai juste réussi à faire une première appli toute bête pour mon portable.

Je décortique Anomaly Browser.

L'animation n'est apparemment pas rendue avec QGraphics, uniquement avec QTimeLine et des Widget::move(x,y).

Voici ce que j'ai trouvé pour un slide horizontal :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
 
Constructeur :
 
{
m_timeLine = new QTimeLine(300, this);
m_timeLine->setCurveShape(QTimeLine::EaseInOutCurve); //Effet de ralenti sur l'animation
 
m_homeView = new HomeView(this); //Page Home
m_browserView = new BrowserView(this); //Page Browser
 
m_homeView->hide();
m_homeView->resize(size());
m_homeView->move(0, 0);
 
m_browserView->hide();
m_browserView->resize(size());
m_browserView->move(0, 0);
 
slide(0);
 
connect(m_timeLine, SIGNAL(frameChanged(int)), SLOT(slide(int)));
}
 
Slot slide :
void BrowserWindow::slide(int pos)
{
    m_browserView->move(pos, 0);
    m_homeView->move(pos - width(), 0);
    m_browserView->show();
    m_homeView->show();
}
 
//Méthode pour afficher la page Home
void BrowserWindow::showHomeView()
{
    if (m_timeLine->state() != QTimeLine::NotRunning)
        return;
 
    m_timeLine->setFrameRange(0, width());
    m_timeLine->start();
    m_homeView->setFocus();
}
 
//Méthode pour afficher la page Browser
void BrowserWindow::showBrowserView()
{
    if (m_timeLine->state() != QTimeLine::NotRunning)
        return;
 
    m_timeLine->setFrameRange(width(), 0);
    m_timeLine->start();
    m_browserView->setFocus();
}

Je cherche actuellement des traces d'activation ou non OpenGL(ES). Je suis curieux de savoir si ils parviennent à ce rendu sans accélération graphique.

26/06/2009, 17h13
Niak74
Dans le main :
Code:

1 2 3 4 #if !defined(Q_WS_S60) QApplication::setGraphicsSystem("raster"); #endif
Dans la doc Qt :

Citation:

void QApplication::setGraphicsSystem ( const QString & system ) [static]

Sets the default graphics backend to system, which will be used for on-screen widgets and QPixmaps. The available systems are "native", "raster" and "opengl".

This function call overrides both the application commandline -graphicssystem switch and the configure -graphicssystem switch.

Warning: This function must be called before the QApplication constructor is called.

Note: The "opengl" option is currently experimental.

This function was introduced in Qt 4.5.

Il y a donc du raster pour optimiser l'affichage des images. Pas de trace d'OpenGL par contre. Et cette fonction est en test avec l'option opengl. Hum...

Je vais tenter de bidouiller des choses sur mes applis la semaine prochaine en configuration native, voir si ya besoin d'accélération ou pas.
26/06/2009, 17h17
yan

c'est vrai qu'il n'y as que des translation. Un move sur les widgets est surement suffisant.

Je voulais essayer de faire des choses avec les QGraphics. Je te dirais ce que cela donne.
26/06/2009, 17h51
Niak74

Merci, ça m'intéresse beaucoup de confronter plusieurs solutions pour avoir une idée sur la quantité de travail à fournir, la stabilité, et le rendu final =)
26/06/2009, 18h53
yan

Citation:

Envoyé par Ryo2468

Merci, ça m'intéresse beaucoup de confronter plusieurs solutions pour avoir une idée sur la quantité de travail à fournir, la stabilité, et le rendu final =)

Tu as besoin de quoi comme type d'animation?
26/06/2009, 20h06
yan

Petite démo avec QAnimation
http://wiki.forum.nokia.com/index.ph...ower_of_S60_Qt
29/06/2009, 09h40
Niak74

J'ai besoin d'animations simples, pour égayer un peu les changements de fenêtres, déplacements d'éléments et autre, comme on peut le voir sur des téléphones récents. Des animations se rapprochant de l'exemple d'Anomaly Browser cité plus haut.

Il me faut des choses assez brèves et esthétiques, le but n'est pas de faire une démo technique, juste de créer un rendu plus propre et au niveau de nos capacités technologiques actuelles =)

Je jette un œil au lien que tu me donnes (sans oublier de récupérer, of course).
29/06/2009, 10h06
Niak74

Pas mal cette vidéo. C'est un peu ce genre de choses qu'il me faut. Peut-être en moins prononcé (certaines animations sont un peu trop longues/lourdes). Le passage portrait/paysage est pas mal du tout, je pense que je vais m'en inspirer.

Je me documente sur QAnimation, il semblerait que le framework soit encore en test :o
29/06/2009, 10h17
yan

Citation:

Envoyé par Ryo2468

Pas mal cette vidéo. C'est un peu ce genre de choses qu'il me faut. Peut-être en moins prononcé (certaines animations sont un peu trop longues/lourdes). Le passage portrait/paysage est pas mal du tout, je pense que je vais m'en inspirer.

Je me documente sur QAnimation, il semblerait que le framework soit encore en test :o

Il faut mieux passer par QGraphic alors. Sinon, tu auras juste les translations.
Pour QAnimation il est prévu pour Qt 4.6, mais c'est juste de la manipulation des items d'un QGraphics, tu peut donc le faire toit même.
Pour info, je n'arrive pas à le compiler avec Qt-tower...:cry:
29/06/2009, 10h31
Niak74

Let's QGraphics alors, merci pour ces infos...

...et bon courage avec Qt-tower ^^' La compilation pour systèmes embarqués, c'est toujours joy au début =)
30/06/2009, 21h28
yan

J'ai réussi à compiler tubewiz :D

Le problème viens de la modification la macro Q_DECLARE_PRIVATE avec l'apparition de QScopedPointer

Voici un patch pour le compiler ave Qt tower : here
Il suffit de l'extraire dans le répertoire des source de QAnimation

Pour installer tubewiz, il faut faire signer le .sis ;)
https://developer.symbian.com/main/index.jsp