Animation Problem

[chirpylife]

Hi,
I have attached a small piece of code which shows animation of button on HOME SCREEN.This is done only when we have this code in main function.
I want it to animate in CLIENT AREA.
I tried to use the same code in a constructor of other class defined in main.
But it did not work out.

QPushButton button("Animated Button");

	button.show();

	QPropertyAnimation animation(&button, "geometry");
	animation.setDuration(10000);
	animation.setStartValue(QRect(0, 0, 100, 30));
	animation.setEndValue(QRect(250, 250, 100, 30));
	animation.start();

Can anyone please help me for this problem

Chirpylife

[divanov]

What is client area?

[chirpylife]

Client Area, I mean is the area where your application is displayed

Chirpylife

[croozeus]

Client Area, I mean is the area where your application is displayed

Chirpylife

Is this what you mean?

#include <QtGui/QApplication>
#include "mainwindow.h"

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MainWindow w;
    w.show();

    QPushButton button("Animated Button", &w);

    button.show();

    QPropertyAnimation animation(&button, "geometry");
    animation.setDuration(10000);
    animation.setStartValue(QRect(0, 0, 100, 30));
    animation.setEndValue(QRect(250, 250, 100, 30));
    animation.start();

    return a.exec();
}

[divanov]

Is this what you mean?

I think it's much better this way. But I still don't get what the original problem is.
What is a home screen then?

#include <QApplication>
#include <QMainWindow>
#include <QPushButton>
#include <QPropertyAnimation>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QMainWindow w;
    QPushButton button("Animated Button", &w);

    w.show();

    QPropertyAnimation animation(&button, "geometry");
    animation.setDuration(10000);
    animation.setStartValue(QRect(0, 0, 100, 30));
    animation.setEndValue(QRect(250, 250, 100, 30));
    animation.start();

    return a.exec();
}

[chirpylife]

hi,
If you run the following code which i attached it displays a button being animated .
The place where its shown is called as Home Screen.
Now run it with comments removed from the code.
the button does not animate completely.I said this area to be Client Area.
Can you help me in making the button display complete animation when the comments in the code are removed.

Am sorry if i was wrong in defining home screen and client area.
Hope you got my problem now.

#include "example.h"
#include <QtGui>
#include <QApplication>
#include <QMainWindow>
#include <QPushButton>
#include <QPropertyAnimation>


int main(int argc, char *argv[])
{

  QApplication a(argc, argv);
   //example w;
    QPushButton button("Animated Button");
      	button.show();
    	QPropertyAnimation animation(&button, "geometry");
    	animation.setDuration(10000);
    	animation.setStartValue(QRect(0, 0, 100, 30));
    	animation.setEndValue(QRect(250, 250, 100, 30));
    	animation.start();
    //w.showMaximized();
    return a.exec();
}

Chirpylife

[croozeus]

Doesn't this do what you want? Did you try it?

I am still unclear about what you mean, but as far as I can understand, you want the button to be inside the widget (or the mainwindow) and animate.

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MainWindow w;

    QPushButton button("Animated Button", &w);

    w.show();

    QPropertyAnimation animation(&button, "geometry");
    animation.setDuration(10000);
    animation.setStartValue(QRect(0, 0, 100, 30));
    animation.setEndValue(QRect(250, 250, 100, 30));
    animation.start();

    return a.exec();
}

[chirpylife]

Am sorry Pankaj.Yes It worked now...
Now my problem was to use the same code in constructor of example w am not able to get animation.
if i use any of these lines in example.cpp it says

QPushButton button("Animated Button",&w); //error because of w

QPushButton button("Animated Button");//No error but button does not get displayed

QPushButton button("Animated Button",this);//No error but button does not get displayed

//MAIN

#include "example.h"
#include <QMainWindow>
#include <QPushButton>
#include <QPropertyAnimation>
#include <QtGui/QApplication>


int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    example w;
    w.show();
    return a.exec();
}

//example.cpp
#include "example.h"
#include <qpushbutton.h> 

#include <QtGui>
#include <QFrame>
#include <QWidget>
#include <QLabel>
#include <QDockWidget>
#include <QStatusbar>
#include <QToolButton>
#include <QPalette>
#include <QDesktopWidget>
#include <QtGui>
#include <QApplication>

example::example(QWidget *parent) :
	QMainWindow(parent)
	{
	ui.setupUi(this);
           QPushButton button("Animated Button", &w);
	    QPropertyAnimation animation(button, "geometry");
	    animation.setDuration(10000);
	    animation.setStartValue(QRect(0, 0, 100, 30));
	    animation.setEndValue(QRect(250, 250, 100, 30));
	    animation.start();
	
	
	}
k::~k()
	{

	}

Can you help me here...

Chirpylife

[divanov]

You have to create button and property animation dynamically using operator new.

button = new QPushButton("Animated Button", this);
QPropertyAnimation *animation = new QPropertyAnimation(button, "geometry", button);
animation->setDuration(10000);
animation->setStartValue(QRect(0, 0, 100, 30));
animation->setEndValue(QRect(250, 250, 100, 30));
animation->start();

[chirpylife]

Thanks a lot Daniil
My problem is solved..

Chirpylife

[chirpylife]

Hi guys
I ended up with new problem now...
I want to use image instead of button here..

QPropertyAnimation *animation = new QPropertyAnimation(button, "geometry", button);

But QPropertyAnimation accepts QOjects as parameter..and QPixmap doesnt support it...
Is there any other possible way to animate image???
Help me

Chirpylife

[divanov]

Use QLabel.
http://doc.trolltech.com/4.6/qlabel.html#pixmap-prop

[chirpylife]

Hi,
Am unable to find y this code doesnt show any image...

Anim::Anim(QWidget *parent) :
	QMainWindow(parent)
	{
	ui.setupUi(this);

	//	ani();

	}
Anim::~Anim()
	{

	}
void Anim::mousePressEvent(QMouseEvent *event)
	{
	QPoint point1 = event->pos();
	ani();
	}
void Anim::ani()
	{

	p1.load(":/new/prefix1/cards/card2.png");
	QLabel *label = new QLabel(this);
	label->setPixmap(p1);
	label->setMaximumSize(40, 40);

	QPropertyAnimation *animation = new QPropertyAnimation(label, "geometry",
			label);
	animation->setDuration(10000);
	animation->setStartValue(QRect(0, 0, 100, 30));
	animation->setEndValue(QRect(150, 150, 100, 30));
	animation->setEasingCurve(QEasingCurve::InOutQuad);
	animation->start();

	}

when we call the function ani() from constructor it works properly.
If we want to call the function on mouse press event it doesnt display image.
Can you guide me whats happening here...
when we debug it shows that it is reaching ani() function on mouse click,but it doesnt display...Any idea???

Chirpylife

[chirpylife]

got solution...
load image in constructor...it works