May 21, 2012

Ravinder Ravinder
Lab Rat
27 posts

Image Gallery like bottom image gallery in android.

 

Hi All,

I am new in Qt Quick development. I want to achieve the image gallery shown in the picture embedded in the URL using QML. In Android it is quite simple but i did not found any solution in QML. the gallery shown in the image at the top is scrollable . Thnx in advance.

!http://www.google.co.in/imgres?hl=en&sa=X&biw=1366&bih=667&tbm=isch&prmd=imvnsa&tbnid=A5NckTiWcjsUrM:&imgrefurl=http://arunkumarpd.blogspot.com/2012/03/android-gallery-imageview-example.html&docid=pMDQ_PYUP7O8mM&imgurl=http://4.bp.blogspot.com/-fkTkVBcruzU/T08j77fi4sI/AAAAAAAAAYk/THFG7XdQ3Fs/s1600/imagegallery2.png&w=320&h=480&ei=vuW5T8yhN8mqrAfOnJyDCA&zoom=1&iact=hc&vpx=512&vpy=279&dur=4266&hovh=275&hovw=183&tx=87&ty=70&sig=104928161159544841771&page=1&tbnh=160&tbnw=107&start=0&ndsp=25&ved=1t:429,r:18,s:0,i:109()!

4 replies

May 28, 2012

Ravinder Ravinder
Lab Rat
27 posts

AnyOne found any solution regarding this.

May 28, 2012

minimoog77 minimoog77
Lab Rat
128 posts

I will give directions… You can do it with horizontal ListView with highlight section.

May 30, 2012

Ravinder Ravinder
Lab Rat
27 posts

@minimoog77 Thnx for the rply…i am using ListView already but unable to achive the same functionality as given by the Android Gallery.

May 31, 2012

msjen msjen
Lab Rat
4 posts

Ravinder,

What functionality do you want beyond scrolling??

If you look at the QML Flickr example in the QtSDK, you can take the flickable/scrollable GridView and make it one column horizontal.

Or as minimoog77 suggests use a horizontal ListView and then add animation or transitions to get the functionality you want.

http://doc.qt.nokia.com/4.7-snapshot/qml-flickable.html

The Animation and Transitions section under QML Elements may help you find what you are thinking of: http://doc.qt.nokia.com/4.7-snapshot/qdeclarativeelements.html

 Signature 

* * * * * * *

Jenifer Hanen
GoogleTalk: blackphoebe
http://www.blackphoebe.com/msjen/

* * * * * * *

 
  ‹‹ How to create .ts file for QML in Visual Studio with Qt PlugIn      Pass object pointer throught c++ dataModel ››

You must log in to post a reply. Not a member yet? Register here!