Development/Tutorials/Qt4 Ruby Tutorial/Chapter 06 - Revision history

AnneW at 14:18, 18 July 2012

2012-07-18T14:18:57Z

Aspotashev: add link to chapter 5

2011-07-02T17:40:24Z

add link to chapter 5

AnneW: Marked this version for translation

2011-07-02T14:53:26Z

Marked this version for translation

Aspotashev: remove links to files from translation

2011-07-01T23:32:20Z

remove links to files from translation

Aspotashev: add translate tags

2011-07-01T23:23:17Z

add translate tags

Neverendingo: Text replace - "" to ""

2011-06-29T20:55:19Z

Text replace - "</code>" to "</syntaxhighlight>"

Neverendingo: Text replace - "`" to ""`


2011-06-29T20:43:05Z
Text replace - "<code ruby>" to "<syntaxhighlight lang="ruby">"

				
				
				
				
			
			← Older revision
			Revision as of 20:43, 29 June 2011
			
Line 19:
Line 19:
  This example shows how to encapsulate two widgets into a new component and how easy it is to use many widgets. For the first time, we use a custom widget as a child widget.   This example shows how to encapsulate two widgets into a new component and how easy it is to use many widgets. For the first time, we use a custom widget as a child widget.
    
− <code ruby> + <syntaxhighlight lang="ruby">
  require 'Qt4'   require 'Qt4'
    
Line 71:
Line 71:
    
  === Line by Line Walkthrough ===   === Line by Line Walkthrough ===
− <code ruby> + <syntaxhighlight lang="ruby">
  class LCDRange < Qt::Widget   class LCDRange < Qt::Widget
  </code>   </code>
Line 77:
Line 77:
  The '''<tt>LCDRange</tt>''' widget is a widget without any API. It just has a constructor. This sort of widget is not very useful, so we'll add some API later.     The '''<tt>LCDRange</tt>''' widget is a widget without any API. It just has a constructor. This sort of widget is not very useful, so we'll add some API later.  
    
− <code ruby> + <syntaxhighlight lang="ruby">
  def initialize(parent = nil)   def initialize(parent = nil)
     super()      super()
Line 96:
Line 96:
  This is lifted straight from the '''<tt>MyWidget</tt>''' constructor in Chapter 5. The only differences are that the <strong>Quit</strong> button is left out and the class is renamed.     This is lifted straight from the '''<tt>MyWidget</tt>''' constructor in Chapter 5. The only differences are that the <strong>Quit</strong> button is left out and the class is renamed.  
    
− <code ruby> + <syntaxhighlight lang="ruby">
  class MyWidget < Qt::Widget   class MyWidget < Qt::Widget
  </code>   </code>
Line 102:
Line 102:
  '''<tt>MyWidget</tt>''', too, contains no API except a constructor.     '''<tt>MyWidget</tt>''', too, contains no API except a constructor.  
    
− <code ruby> + <syntaxhighlight lang="ruby">
  def initialize(parent = nil)   def initialize(parent = nil)
     super()      super()
Line 112:
Line 112:
  The push button that used to be in what is now '''<tt>LCDRange</tt>''' has been separated so that we can have one <strong>Quit</strong> button and many '''<tt>LCDRange</tt>''' objects.     The push button that used to be in what is now '''<tt>LCDRange</tt>''' has been separated so that we can have one <strong>Quit</strong> button and many '''<tt>LCDRange</tt>''' objects.  
    
− <code ruby> + <syntaxhighlight lang="ruby">
       grid = Qt::GridLayout.new()        grid = Qt::GridLayout.new()
  </code>   </code>
Line 118:
Line 118:
  We create a [http://doc.qt.nokia.com/latest/qwidget.html Qt::Widget] with a [http://doc.qt.nokia.com/latest/qgridlayout.html Qt::GridLayout] that will contain three columns. The [http://doc.qt.nokia.com/latest/qgridlayout.html Qt::GridLayout] automatically arranges its widgets in rows and columns; you can specify the row and column numbers when adding widgets to the layout, and [http://doc.qt.nokia.com/latest/qgridlayout.html Qt::GridLayout] will fit them into the grid.     We create a [http://doc.qt.nokia.com/latest/qwidget.html Qt::Widget] with a [http://doc.qt.nokia.com/latest/qgridlayout.html Qt::GridLayout] that will contain three columns. The [http://doc.qt.nokia.com/latest/qgridlayout.html Qt::GridLayout] automatically arranges its widgets in rows and columns; you can specify the row and column numbers when adding widgets to the layout, and [http://doc.qt.nokia.com/latest/qgridlayout.html Qt::GridLayout] will fit them into the grid.  
    
− <code ruby> + <syntaxhighlight lang="ruby">
  for row in 0..2   for row in 0..2
     for column in 0..2      for column in 0..2



Aspotashev at 07:19, 12 June 2010
2010-06-12T07:19:02Z


				
				
				
				
			
			← Older revision
			Revision as of 07:19, 12 June 2010
			
Line 66:
Line 66:
  widget = MyWidget.new()   widget = MyWidget.new()
  widget.show()   widget.show()
  + 
  + app.exec()
  </code>   </code>
    



Alisha at 03:01, 13 January 2010
2010-01-13T03:01:16Z


				
				
				
				
			
			← Older revision
			Revision as of 03:01, 13 January 2010
			
Line 131:
Line 131:
  === Exercises ===   === Exercises ===
  Initialize each slider with a different/random value on startup.   Initialize each slider with a different/random value on startup.
  + 
  + [[Category:Ruby]]



Alisha at 09:53, 30 December 2009
2009-12-30T09:53:09Z


				
				
				
				
			
			← Older revision
			Revision as of 09:53, 30 December 2009
			
Line 77:
Line 77:
  <code ruby>   <code ruby>
  def initialize(parent = nil)   def initialize(parent = nil)
−     super() +   super()
−     lcd = Qt::LCDNumber.new(2) +   lcd = Qt::LCDNumber.new(2)
−     slider = Qt::Slider.new(Qt::Horizontal) +   slider = Qt::Slider.new(Qt::Horizontal)
−     slider.setRange(0, 99) +   slider.setRange(0, 99)
−     slider.setValue(0) +   slider.setValue(0)
    
−     connect(slider, SIGNAL('valueChanged(int)'), lcd, SLOT('display(int)')) +   connect(slider, SIGNAL('valueChanged(int)'), lcd, SLOT('display(int)'))
    
−     layout = Qt::VBoxLayout.new() +   layout = Qt::VBoxLayout.new()
−     layout.addWidget(lcd) +   layout.addWidget(lcd)
−     layout.addWidget(slider) +   layout.addWidget(slider)
−     setLayout(layout) +   setLayout(layout)
  end   end
  </code>   </code>
Line 101:
Line 101:
    
  <code ruby>   <code ruby>
−   def initialize(parent = nil) + def initialize(parent = nil)
−     super() +   super()
−     quit = Qt::PushButton.new(tr('Quit')) +   quit = Qt::PushButton.new(tr('Quit'))
−     quit.setFont(Qt::Font.new('Times', 18, Qt::Font::Bold)) +   quit.setFont(Qt::Font.new('Times', 18, Qt::Font::Bold))
−     connect(quit, SIGNAL('clicked()'), $qApp, SLOT('quit()')) +   connect(quit, SIGNAL('clicked()'), $qApp, SLOT('quit()'))
  </code>   </code>
    
Line 118:
Line 118:
  <code ruby>   <code ruby>
  for row in 0..2   for row in 0..2
−       for column in 0..2 +   for column in 0..2
−         grid.addWidget(LCDRange.new(), row, column) +     grid.addWidget(LCDRange.new(), row, column)
−       end +   end
  end   end
  </code>   </code>

@@ Line 1: / Line 1: @@
 <languages />
-{{Template:I18n/Language Navigation Bar|Development/Tutorials/Qt4 Ruby Tutorial/Chapter 06}}
 {{<translate><!--T:1-->

@@ Line 117: / Line 117: @@
 <translate>
 <!--T:13-->
-This is lifted straight from the '''<tt>MyWidget</tt>''' constructor in Chapter 5. The only differences are that the <strong>Quit</strong> button is left out and the class is renamed.
+This is lifted straight from the '''<tt>MyWidget</tt>''' constructor in [[Special:myLanguage/Development/Tutorials/Qt4_Ruby_Tutorial/Chapter_05|Chapter 5]]. The only differences are that the <strong>Quit</strong> button is left out and the class is renamed.
 </translate>

@@ Line 3: / Line 3: @@
 {{Template:I18n/Language Navigation Bar|Development/Tutorials/Qt4 Ruby Tutorial/Chapter 06}}
-{{<translate>TutorialBrowser</translate>|
+{{<translate><!--T:1-->
-series=[[Special:myLanguage/Development/Tutorials/Qt4_Ruby_Tutorial|<translate>Qt4 Ruby Tutorial</translate>]]|
+TutorialBrowser</translate>|
-name=<translate>Building Blocks Galore!</translate>|
+series=[[Special:myLanguage/Development/Tutorials/Qt4_Ruby_Tutorial|<translate><!--T:2-->
-pre=[[Special:myLanguage/Development/Tutorials/Qt4_Ruby_Tutorial/Chapter_05|<translate>Tutorial 5 - Building Blocks</translate>]]|
+Qt4 Ruby Tutorial</translate>]]|
-next=[[Special:myLanguage/Development/Tutorials/Qt4_Ruby_Tutorial/Chapter_07|<translate>Tutorial 7 - One Thing Leads to Another</translate>]]
+name=<translate><!--T:3-->
 }}
 <translate>
-== Building Blocks Galore! ==
+== Building Blocks Galore! == <!--T:6-->
 </translate>
 <translate>
 [[Image:Qt4_Ruby_Tutorial_Screenshot_6.png|center]]
 </translate>
 <translate>
 Files:
 </translate>
@@ Line 22: / Line 29: @@
 <translate>
-=== Overview ===
+=== Overview === <!--T:9-->
 This example shows how to encapsulate two widgets into a new component and how easy it is to use many widgets. For the first time, we use a custom widget as a child widget.
 </translate>
@@ Line 79: / Line 87: @@
 <translate>
-=== Line by Line Walkthrough ===
+=== Line by Line Walkthrough === <!--T:11-->
 </translate>
 <syntaxhighlight lang="ruby">
@@ Line 86: / Line 94: @@
 <translate>
 The '''<tt>LCDRange</tt>''' widget is a widget without any API. It just has a constructor. This sort of widget is not very useful, so we'll add some API later.
 </translate>
@@ Line 107: / Line 116: @@
 <translate>
 This is lifted straight from the '''<tt>MyWidget</tt>''' constructor in Chapter 5. The only differences are that the <strong>Quit</strong> button is left out and the class is renamed.
 </translate>
@@ Line 115: / Line 125: @@
 <translate>
 '''<tt>MyWidget</tt>''', too, contains no API except a constructor.
 </translate>
@@ Line 127: / Line 138: @@
 <translate>
 The push button that used to be in what is now '''<tt>LCDRange</tt>''' has been separated so that we can have one <strong>Quit</strong> button and many '''<tt>LCDRange</tt>''' objects.
 </translate>
@@ Line 135: / Line 147: @@
 <translate>
 We create a [http://doc.qt.nokia.com/latest/qwidget.html Qt::Widget] with a [http://doc.qt.nokia.com/latest/qgridlayout.html Qt::GridLayout] that will contain three columns. The [http://doc.qt.nokia.com/latest/qgridlayout.html Qt::GridLayout] automatically arranges its widgets in rows and columns; you can specify the row and column numbers when adding widgets to the layout, and [http://doc.qt.nokia.com/latest/qgridlayout.html Qt::GridLayout] will fit them into the grid.
 </translate>
@@ Line 147: / Line 160: @@
 <translate>
 We create nine '''<tt>LCDRange</tt>''' widgets, all of which are children of the grid object, and we arrange them in three rows and three columns.
 </translate>
 <translate>
-=== Running the Application ===
+=== Running the Application === <!--T:18-->
 This program shows how easy it is to use many widgets at a time. Each one behaves like the slider and LCD number in the previous chapter. Again, the difference lies in the implementation.
-=== Exercises ===
+=== Exercises === <!--T:20-->
 Initialize each slider with a different/random value on startup.
 [[Category:Ruby]]
 </translate>

@@ Line 18: / Line 18: @@
 <translate>
 Files:
 </translate>
 <translate>

@@ Line 1: / Line 1: @@
 {{Template:I18n/Language Navigation Bar|Development/Tutorials/Qt4 Ruby Tutorial/Chapter 06}}
-{{TutorialBrowser|
+{{<translate>TutorialBrowser</translate>|
+series=[[Special:myLanguage/Development/Tutorials/Qt4_Ruby_Tutorial|<translate>Qt4 Ruby Tutorial</translate>]]|
-series=[[Development/Tutorials/Qt4_Ruby_Tutorial|Qt4 Ruby Tutorial]]|
+name=<translate>Building Blocks Galore!</translate>|
+pre=[[Special:myLanguage/Development/Tutorials/Qt4_Ruby_Tutorial/Chapter_05|<translate>Tutorial 5 - Building Blocks</translate>]]|
-name=Building Blocks Galore! |
+next=[[Special:myLanguage/Development/Tutorials/Qt4_Ruby_Tutorial/Chapter_07|<translate>Tutorial 7 - One Thing Leads to Another</translate>]]
-−
 pre=[[Development/Tutorials/Qt4_Ruby_Tutorial/Chapter_05|Tutorial 5 - Building Blocks]]|
-−
 next=[[Development/Tutorials/Qt4_Ruby_Tutorial/Chapter_07|Tutorial 7 - One Thing Leads to Another]]
 }}
 == Building Blocks Galore! ==
 [[Image:Qt4_Ruby_Tutorial_Screenshot_6.png|center]]
 Files:
 * [http://www.darshancomputing.com/qt4-qtruby-tutorial/tutorial/t6/t6.rb t6.rb]
 === Overview ===
 This example shows how to encapsulate two widgets into a new component and how easy it is to use many widgets. For the first time, we use a custom widget as a child widget.
 <syntaxhighlight lang="ruby">
@@ Line 70: / Line 78: @@
 </syntaxhighlight>
 === Line by Line Walkthrough ===
 <syntaxhighlight lang="ruby">
 class LCDRange < Qt::Widget
 </syntaxhighlight>
 The '''<tt>LCDRange</tt>''' widget is a widget without any API. It just has a constructor. This sort of widget is not very useful, so we'll add some API later.
 <syntaxhighlight lang="ruby">
@@ Line 94: / Line 106: @@
 </syntaxhighlight>
 This is lifted straight from the '''<tt>MyWidget</tt>''' constructor in Chapter 5. The only differences are that the <strong>Quit</strong> button is left out and the class is renamed.
 <syntaxhighlight lang="ruby">
@@ Line 100: / Line 114: @@
 </syntaxhighlight>
 '''<tt>MyWidget</tt>''', too, contains no API except a constructor.
 <syntaxhighlight lang="ruby">
@@ Line 110: / Line 126: @@
 </syntaxhighlight>
 The push button that used to be in what is now '''<tt>LCDRange</tt>''' has been separated so that we can have one <strong>Quit</strong> button and many '''<tt>LCDRange</tt>''' objects.
 <syntaxhighlight lang="ruby">
@@ Line 116: / Line 134: @@
 </syntaxhighlight>
 We create a [http://doc.qt.nokia.com/latest/qwidget.html Qt::Widget] with a [http://doc.qt.nokia.com/latest/qgridlayout.html Qt::GridLayout] that will contain three columns. The [http://doc.qt.nokia.com/latest/qgridlayout.html Qt::GridLayout] automatically arranges its widgets in rows and columns; you can specify the row and column numbers when adding widgets to the layout, and [http://doc.qt.nokia.com/latest/qgridlayout.html Qt::GridLayout] will fit them into the grid.
 <syntaxhighlight lang="ruby">
@@ Line 126: / Line 146: @@
 </syntaxhighlight>
 We create nine '''<tt>LCDRange</tt>''' widgets, all of which are children of the grid object, and we arrange them in three rows and three columns.
 === Running the Application ===
 This program shows how easy it is to use many widgets at a time. Each one behaves like the slider and LCD number in the previous chapter. Again, the difference lies in the implementation.
 === Exercises ===
 Initialize each slider with a different/random value on startup.
 [[Category:Ruby]]

← Older revision		Revision as of 03:01, 13 January 2010
Line 131:		Line 131:
	=== Exercises ===		=== Exercises ===
	Initialize each slider with a different/random value on startup.		Initialize each slider with a different/random value on startup.
		+
		+	[[Category:Ruby]]