Scrolling horizontal menu bar in Qt and WP7 - Revision history

Hamishwillee: Text replace - "[[Category:Silverlight" to "[[Category:XAML"

2013-04-10T01:31:19Z

Text replace - "[[Category:Silverlight" to "[[Category:XAML"

Hamishwillee: Hamishwillee - Addition to article of: Category:Windows Phone 7.5

2012-11-30T05:40:13Z

Hamishwillee - Addition to article of: Category:Windows Phone 7.5

Hamishwillee: Text replace - "Category:MeeGo" to "Category:MeeGo Harmattan"

2012-06-13T10:58:10Z

Text replace - "Category:MeeGo" to "Category:MeeGo Harmattan"

Hamishwillee: moved Scrolling Menu Bar for Qt and WP7 to Scrolling horizontal menu bar in Qt and WP7: slightly more useful title

2012-04-25T07:16:39Z

moved Scrolling Menu Bar for Qt and WP7 to Scrolling horizontal menu bar in Qt and WP7: slightly more useful title

Hamishwillee: Hamishwillee - Subedit. Fix categories

2012-04-25T07:13:05Z

Hamishwillee - Subedit. Fix categories

Show changes

Hamishwillee: Hamishwillee - Bot update - Fix metadata etc

2012-04-24T00:47:18Z

Hamishwillee - Bot update - Fix metadata etc

Hamishwillee: Hamishwillee - Tidy gallery

2012-02-22T00:08:41Z

Hamishwillee - Tidy gallery

Vineet.jain: Vineet.jain - /* WP7 Project (MainPage.xaml) */

2012-02-21T09:48:00Z

Vineet.jain - - WP7 Project (MainPage.xaml)

Hamishwillee: Hamishwillee - Addition to article of: Category:MeeGo Category:Symbian. (Add platform categories)

2012-02-15T05:36:20Z

Hamishwillee - Addition to article of: Category:MeeGo Category:Symbian. (Add platform categories)

Hamishwillee: Hamishwillee - Add Qt Quick and Porting categories

2011-10-26T01:47:05Z

Hamishwillee - Add Qt Quick and Porting categories

← Older revision		Revision as of 01:31, 10 April 2013
Line 1:		Line 1:
−	[[Category:Windows Phone]][[Category:Code Examples]][[Category:Qt Quick]][[Category:Porting]][[Category:MeeGo Harmattan]][[Category:Symbian]][[Category:UI]][[Category:~~Silverlight~~]]	+	[[Category:Windows Phone]][[Category:Code Examples]][[Category:Qt Quick]][[Category:Porting]][[Category:MeeGo Harmattan]][[Category:Symbian]][[Category:UI]][[Category:XAML]]
	{{Abstract\|This article demonstrates how to create scrollable/flick-able objects in Qt and WP7.}}		{{Abstract\|This article demonstrates how to create scrollable/flick-able objects in Qt and WP7.}}

← Older revision		Revision as of 05:40, 30 November 2012
Line 136:		Line 136:

	==Related Article on MeeGo==		==Related Article on MeeGo==
−	*[[Scrolling Toolbar with Flickable]]	+	*[[Scrolling Toolbar with Flickable]][[Category:Windows Phone 7.5]]

← Older revision		Revision as of 10:58, 13 June 2012
Line 1:		Line 1:
−	[[Category:Windows Phone]][[Category:Code Examples]][[Category:Qt Quick]][[Category:Porting]][[Category:MeeGo]][[Category:Symbian]][[Category:UI]][[Category:Silverlight]]	+	[[Category:Windows Phone]][[Category:Code Examples]][[Category:Qt Quick]][[Category:Porting]][[Category:MeeGo Harmattan]][[Category:Symbian]][[Category:UI]][[Category:Silverlight]]
	{{Abstract\|This article demonstrates how to create scrollable/flick-able objects in Qt and WP7.}}		{{Abstract\|This article demonstrates how to create scrollable/flick-able objects in Qt and WP7.}}

@@ Line 2: / Line 2: @@
 {{Abstract|This article demonstrates how to create Scrolling object in Qt and WP7.}}
-{{ArticleMetaData
+{{ArticleMetaData <!-- v1.2 -->
-|sourcecode= [[Media: ScrollMenuQt.zip]]   [[Media: ScrollMenuWP7.zip]]<!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
+|sourcecode= [[Media:ScrollMenuWP7.zip]] [[Media:ScrollMenuQt.zip]]
 |installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
 |devices= WP7 Emulator  <!-- Devices tested against - e.g. ''devices=N95, N8'') -->
@@ Line 9: / Line 9: @@
 |platform= WP7.1 <!-- Compatible platforms - e.g. Symbian^1 and later, Qt 4.6 and later -->
 |devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
-|signing=<!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
+|dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
-|capabilities=<!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
+|signing= <!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
 |keywords= ScrollViewer / Flickable<!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase -->
-|id= <!-- Article Id (Knowledge base articles only) -->
+|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
 |creationdate= 20th October,2011<!-- Format YYYYMMDD -->
-|author= [[User:somnathbanik]] <!-- Display as link [[User:username]] -->
+|author= [[User:Somnathbanik]]
 }}
 ==Introduction==
-The scrollable item provides a surface that can be '''flicked'''. It placed the items on a surface that can be dragged and flicked, which brings a scrolling view. We will use the [http://doc.qt.nokia.com/4.7/qml-flickable.html#details Flickable] Element of Qt and [http://msdn.microsoft.com/en-us/library/system.windows.controls.scrollviewer.verticalscrollbarvisibility%28v=VS.96%29.aspx ScrollViewer] class of WP7 to create a scrolling menu bar  on the screen.
+The scrollable item provides a surface that can be '''flicked'''. It placed the items on a surface that can be dragged and flicked, which brings a scrolling view. We will use the [http://doc.qt.nokia.com/4.7/qml-flickable.html#details Flickable] Element of Qt and [http://msdn.microsoft.com/en-us/library/system.windows.controls.scrollviewer.verticalscrollbarvisibility%28v=VS.96%29.aspx ScrollViewer] class of WP7 to create a scrolling menu bar on the screen.
 {| class="wikitable"
 |-
-|  [[Image: ScrollMenuQt.png|thumb|201px| Scrolling Menu Bar in Qt ]]
+|  [[File: ScrollMenuQt.png|thumb|201px| Scrolling Menu Bar in Qt ]]
-|  [[Image: scrollMenuWP7.png|thumb|201px| Scrolling Menu Bar in WP7 ]]
+|  [[File: scrollMenuWP7.png|thumb|201px| Scrolling Menu Bar in WP7 ]]
 |}
 ==Basic Idea==
-We will create a ''Left-Right'' Scrolling Menu Bar and when user clicks on the menu icon  we perform some task. In this case we display an image in the middle of the screen on each menu item clicked.
+We will create a ''Left-Right'' Scrolling Menu Bar and when user clicks on the menu icon we perform some task. In this case we display an image in the middle of the screen on each menu item clicked.
 ==Implementation==
-Lets create empty projects for  both Qt and WP7. In  this case we will first add code in Qt project and will put the similar code in WP7.
+Lets create empty projects for both Qt and WP7. In this case we will first add code in Qt project and will put the similar code in WP7.
 ===Qt Project (main.qml)===
@@ Line 49: / Line 57: @@
 </code>
-Now let’s create another Rectangle on the bottom of the screen that defines the area of the menu bar. We add all the icon images inside  a [http://doc.qt.nokia.com/4.7/qml-flickable.html#details Flickable] area.
+Now let’s create another Rectangle on the bottom of the screen that defines the area of the menu bar. We add all the icon images inside a [http://doc.qt.nokia.com/4.7/qml-flickable.html#details Flickable] area.
@@ Line 81: / Line 89: @@
 //
 </code>
-On each click of the Menu Item we call the JavaScript function  {{Icode|changeImage()}} to change the image on the middle of the screen. This is just to show the even handle on each  menu item clicked.
+On each click of the Menu Item we call the JavaScript function  {{Icode|changeImage()}} to change the image on the middle of the screen. This is just to show the even handle on each menu item clicked.
@@ Line 142: / Line 150: @@
 ==Source Code==
-*The full source code  of Qt example is available here: [[File: ScrollMenuQt.zip]]
+*The full source code of Qt example is available here: [[File: ScrollMenuQt.zip]]
-*The full source code of  WP7 example is available here: [[File: ScrollMenuWP7.zip]]
+*The full source code of WP7 example is available here: [[File: ScrollMenuWP7.zip]]
 ==Related Article on MeeGo==
-*[[Scrolling_Toolbar_with_Flickable]]
+*[[Scrolling Toolbar with Flickable]]

@@ Line 1: / Line 1: @@
-[[Category:Windows Phone]][[Category:Code Examples]][[Category:Code Snippet]][[Category:Qt Quick]][[Category:Porting]]
+[[Category:Windows Phone]][[Category:Code Examples]][[Category:Code Snippet]][[Category:Qt Quick]][[Category:Porting]][[Category:MeeGo]][[Category:Symbian]]
 {{Abstract|This article demonstrates how to create Scrolling object in Qt and WP7.}}
@@ Line 16: / Line 16: @@
 |author= [[User:somnathbanik]] <!-- Display as link [[User:username]] -->
 }}
 ==Introduction==
 The scrollable item provides a surface that can be '''flicked'''. It placed the items on a surface that can be dragged and flicked, which brings a scrolling view. We will use the [http://doc.qt.nokia.com/4.7/qml-flickable.html#details Flickable] Element of Qt and [http://msdn.microsoft.com/en-us/library/system.windows.controls.scrollviewer.verticalscrollbarvisibility%28v=VS.96%29.aspx ScrollViewer] class of WP7 to create a scrolling menu bar  on the screen.
-−
-−
-−
-−
 {| class="wikitable"
 |-
-! Qt !! Windows Phone
+|  [[Image: ScrollMenuQt.png|thumb|201px| Scrolling Menu Bar in Qt ]]
-|-
+|  [[Image: scrollMenuWP7.png|thumb|201px| Scrolling Menu Bar in WP7 ]]
 |}
 [[Image: ScrollMenuQt.png|thumb|201px| Scrolling Menu Bar in Qt ]]
- ||
 [[Image: scrollMenuWP7.png|thumb|201px| Scrolling Menu Bar in WP7 ]]
-−
-|-
-| Example of Qt || Example of WP
 |}
-−
 ==Basic Idea==
@@ Line 41: / Line 31: @@
 ==Implementation==
 Lets create empty projects for  both Qt and WP7. In  this case we will first add code in Qt project and will put the similar code in WP7.
 ===Qt Project (main.qml)===
@@ Line 158: / Line 147: @@
 ==Related Article on MeeGo==
-*[[Scrolling_Toolbar_with_Flickable]][[Category:MeeGo]] [[Category:Symbian]]
+*[[Scrolling_Toolbar_with_Flickable]]

@@ Line 143: / Line 143: @@
-<code cpp>
+<code csharp>
 // Create source.
@@ Line 151: / Line 151: @@
 </code>
-−
-−
-−
-−
-−
-−
-−
 ==Source Code==
 *The full source code  of Qt example is available here: [[File: ScrollMenuQt.zip]]

← Older revision		Revision as of 05:36, 15 February 2012
Line 164:		Line 164:

	==Related Article on MeeGo==		==Related Article on MeeGo==
−	*[[Scrolling_Toolbar_with_Flickable]]	+	*[[Scrolling_Toolbar_with_Flickable]][[Category:MeeGo]] [[Category:Symbian]]