Results 1 to 5 of 5

Thread: Button Like http://www.ndtv.com

  1. #1
    Join Date
    May 2007
    Posts
    110
    Thanks
    2
    Qt products
    Qt4
    Platforms
    MacOS X

    Default Button Like http://www.ndtv.com

    Hi

    I am using Qt 4.6.4 on MacOSX 10.6.8.

    First of all , see the link : http://www.ndtv.com
    Scroll this page to bottom, I have attached one screenshot for my requirements.

    I have to create Item like screenshot ....See the screenshot's RSS, News Alerts, Mobile, Apps etc Button.
    I have to create like this button, but its works like http://www.ndtv.com
    I means, when mouse over 'RSS' button it animate and move to other image within this rect---Just like http://www.ndtv.com

    Kindly tell me which GUI class,widget I will use to achieve this type of features. Kindly tell me the hint for me to create Button like this.

    Thanks
    Santosh
    Attached Images Attached Images

  2. #2
    Join Date
    Sep 2011
    Location
    Bangalore
    Posts
    254
    Thanks
    92
    Thanked 16 Times in 16 Posts
    Qt products
    Qt4 Qt5
    Platforms
    Windows

    Default Re: Button Like http://www.ndtv.com

    You can achieve that using QToolButtons laid on QToolBar available in QMainWindow

  3. #3
    Join Date
    Jan 2006
    Location
    Warsaw, Poland
    Posts
    33,368
    Thanks
    3
    Thanked 5,018 Times in 4,794 Posts
    Qt products
    Qt3 Qt4 Qt5 Qt/Embedded
    Platforms
    Unix/X11 Windows Android Maemo/MeeGo
    Wiki edits
    10

    Default Re: Button Like http://www.ndtv.com

    There are basically three options:
    1. Qt Quick
    2. Graphics View with QPropertyAnimation
    3. Manual animation using a custom widget and QTimeLine or QPropertyAnimation
    Your biological and technological distinctiveness will be added to our own. Resistance is futile.

    Please ask Qt related questions on the forum and not using private messages or visitor messages.


  4. #4
    Join Date
    May 2007
    Posts
    110
    Thanks
    2
    Qt products
    Qt4
    Platforms
    MacOS X

    Default Re: Button Like http://www.ndtv.com

    Quote Originally Posted by wysota View Post
    There are basically three options:
    1. Qt Quick
    2. Graphics View with QPropertyAnimation
    3. Manual animation using a custom widget and QTimeLine or QPropertyAnimation


    Hi

    Thanks for the reply.
    Can you send some hint or way to do this using QPropertyAnimation using QGraphicsView, because i have not used QPropertyAnimation using QGraphicsView.

    Thanks
    Santosh

  5. #5
    Join Date
    Jan 2006
    Location
    Warsaw, Poland
    Posts
    33,368
    Thanks
    3
    Thanked 5,018 Times in 4,794 Posts
    Qt products
    Qt3 Qt4 Qt5 Qt/Embedded
    Platforms
    Unix/X11 Windows Android Maemo/MeeGo
    Wiki edits
    10

    Default Re: Button Like http://www.ndtv.com

    In the docs of QPropertyAnimation there is a link pointing towards the description of the Animation Framework where you can find info on using it with Graphics View.
    Your biological and technological distinctiveness will be added to our own. Resistance is futile.

    Please ask Qt related questions on the forum and not using private messages or visitor messages.


Similar Threads

  1. Replies: 2
    Last Post: 26th April 2011, 11:44
  2. Changing text of button in no relation to button
    By Sabre Runner in forum Newbie
    Replies: 22
    Last Post: 23rd September 2010, 12:29
  3. Replies: 6
    Last Post: 21st August 2010, 21:09
  4. Replies: 1
    Last Post: 2nd August 2010, 05:40
  5. Custom widget: a button within a button
    By Gnurou in forum Qt Programming
    Replies: 7
    Last Post: 18th June 2009, 09:03

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Qt is a trademark of The Qt Company.