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

AnneW at 09:11, 14 July 2012

2012-07-14T09:11:17Z

Neverendingo: Marked this version for translation

2011-07-02T21:07:42Z

Marked this version for translation

Aspotashev: make source code untranslatable

2011-07-02T17:10:05Z

make source code untranslatable

AnneW: Marked this version for translation

2011-07-02T14:50:18Z

Marked this version for translation

Aspotashev: remove links to files from translation

2011-07-01T23:31:38Z

remove links to files from translation

Aspotashev: add translate tags

2011-07-01T22:37:18Z

add translate tags

Neverendingo: Text replace - "" to ""

2011-06-29T20:56:13Z

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

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


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

				
				
				
				
			
			← Older revision
			Revision as of 20:43, 29 June 2011
			
Line 40:
Line 40:
    
  === Line by Line Walkthrough ===   === Line by Line Walkthrough ===
− <code ruby> + <syntaxhighlight lang="ruby">
  window = Qt::Widget.new()   window = Qt::Widget.new()
  </code>   </code>
Line 48:
Line 48:
  A widget that isn't embedded in a parent widget, like this particular widget, is called a window. Usually, windows have their own window frame and taskbar entry, provided by the window system. A widget without a parent widget is always an independent window. Its initial position on the screen is controlled by the window system.   A widget that isn't embedded in a parent widget, like this particular widget, is called a window. Usually, windows have their own window frame and taskbar entry, provided by the window system. A widget without a parent widget is always an independent window. Its initial position on the screen is controlled by the window system.
    
− <code ruby> + <syntaxhighlight lang="ruby">
  window.resize(200, 120)   window.resize(200, 120)
  </code>   </code>
Line 54:
Line 54:
  We set the window's width to 200 pixels and its height to 120 pixels.   We set the window's width to 200 pixels and its height to 120 pixels.
    
− <code ruby> + <syntaxhighlight lang="ruby">
  quit = Qt::PushButton.new('Quit', window)   quit = Qt::PushButton.new('Quit', window)
  </code>   </code>
Line 60:
Line 60:
  A child is born. This [http://doc.qt.nokia.com/latest/qpushbutton.html Qt::PushButton] is created with a parent widget ('''<tt>window</tt>'''). A child widget is always displayed within its parent's area. When displayed, it is clipped by its parent's bounds. By default, it is rooted at the top-left corner of its parent, at position (0, 0).   A child is born. This [http://doc.qt.nokia.com/latest/qpushbutton.html Qt::PushButton] is created with a parent widget ('''<tt>window</tt>'''). A child widget is always displayed within its parent's area. When displayed, it is clipped by its parent's bounds. By default, it is rooted at the top-left corner of its parent, at position (0, 0).
    
− <code ruby> + <syntaxhighlight lang="ruby">
  quit.setGeometry(10, 40, 180, 40)   quit.setGeometry(10, 40, 180, 40)
  </code>   </code>
Line 66:
Line 66:
  The [http://doc.qt.nokia.com/latest/qwidget.html#setgeometry Qt::Widget::setGeometry()] function takes four arguments: The first two arguments are the x and y coordinates of the button's top-left corner. The coordinates are relative to the parent widget. The last two arguments are the button's width and height. The result is a button that extends from position (10, 40) to position (190, 80).   The [http://doc.qt.nokia.com/latest/qwidget.html#setgeometry Qt::Widget::setGeometry()] function takes four arguments: The first two arguments are the x and y coordinates of the button's top-left corner. The coordinates are relative to the parent widget. The last two arguments are the button's width and height. The result is a button that extends from position (10, 40) to position (190, 80).
    
− <code ruby> + <syntaxhighlight lang="ruby">
  window.show()   window.show()
  </code>   </code>



M.agostinelli: /* Translate to new syntax highlighting */
2011-06-27T17:42:36Z
‎Translate to new syntax highlighting

				
				
				
				
			
			← Older revision
			Revision as of 17:42, 27 June 2011
			
Line 22:
Line 22:
  We'll keep it simple and use just a single parent and a lone child.   We'll keep it simple and use just a single parent and a lone child.
    
− <code ruby> + <syntaxhighlight lang="ruby">
  require 'Qt4'   require 'Qt4'
    
Line 37:
Line 37:
  window.show()   window.show()
  app.exec()   app.exec()
− </code> + </syntaxhighlight>
    
  === Line by Line Walkthrough ===   === Line by Line Walkthrough ===



Alisha at 02:57, 13 January 2010
2010-01-13T02:57:09Z


				
				
				
				
			
			← Older revision
			Revision as of 02:57, 13 January 2010
			
Line 79:
Line 79:
    
  Try resizing the window. How does the button change? What happens to the button's height if you run the program with a bigger font? What happens if you try to make the window really small?   Try resizing the window. How does the button change? What happens to the button's height if you run the program with a bigger font? What happens if you try to make the window really small?
  + 
  + [[Category:Ruby]]

← Older revision		Revision as of 09:11, 14 July 2012
Line 1:		Line 1:
	<languages />		<languages />
−
−	~~{{Template:I18n/Language Navigation Bar\|Development/Tutorials/Qt4 Ruby Tutorial/Chapter 3}}~~

	{{<translate><!--T:1-->		{{<translate><!--T:1-->

@@ Line 47: / Line 47: @@
 window.resize(200, 120)
-<translate>quit = Qt::PushButton.new('Quit', window)</translate>
+<translate><!--T:30-->
 quit.font = Qt::Font.new('Times', 18, Qt::Font::Bold)
 quit.setGeometry(10, 40, 180, 40)

@@ Line 3: / Line 3: @@
 {{Template:I18n/Language Navigation Bar|Development/Tutorials/Qt4 Ruby Tutorial/Chapter 3}}
-{{<translate>TutorialBrowser</translate>|
+{{<translate><!--T:1-->
-series=[[Special:myLanguage/Development/Tutorials/Qt4_Ruby_Tutorial|<translate>Qt4 Ruby Tutorial</translate>]]|
+TutorialBrowser</translate>|
-name=<translate>Family Values</translate>|
+series=[[Special:myLanguage/Development/Tutorials/Qt4_Ruby_Tutorial|<translate><!--T:2-->
-pre=[[Special:myLanguage/Development/Tutorials/Qt4_Ruby_Tutorial/Chapter_2|<translate>Tutorial 2 - Calling it Quits</translate>]]|
+Qt4 Ruby Tutorial</translate>]]|
-next=[[Special:myLanguage/Development/Tutorials/Qt4_Ruby_Tutorial/Chapter_04|<translate>Tutorial 4 - Let There Be Widgets</translate>]]
+name=<translate><!--T:3-->
 }}
 <translate>
-== Family Values ==
+== Family Values == <!--T:6-->
 </translate>
 <translate>
 [[Image:Qt4_Ruby_Tutorial_Screenshot_3.png|center]]
 </translate>
 <translate>
 Files:
 </translate>
@@ Line 23: / Line 30: @@
 <translate>
-=== Overview ===
+=== Overview === <!--T:9-->
 This example shows how to create parent and child widgets.
 We'll keep it simple and use just a single parent and a lone child.
 </translate>
@@ Line 32: / Line 41: @@
 <syntaxhighlight lang="ruby">
 <translate>
 require 'Qt4'
 app = Qt::Application.new(ARGV)
 window = Qt::Widget.new()
 window.resize(200, 120)
 quit = Qt::PushButton.new('Quit', window)
 quit.font = Qt::Font.new('Times', 18, Qt::Font::Bold)
@@ Line 44: / Line 57: @@
 Qt::Object.connect(quit, SIGNAL('clicked()'), app, SLOT('quit()'))
 window.show()
 app.exec()
@@ Line 50: / Line 64: @@
 <translate>
-=== Line by Line Walkthrough ===
+=== Line by Line Walkthrough === <!--T:17-->
 </translate>
 <syntaxhighlight lang="ruby">
@@ Line 57: / Line 71: @@
 <translate>
 Here we simply create a plain widget object. The [http://doc.qt.nokia.com/latest/qwidget.html Qt::Widget] class is the base class of all user interface objects. The widget is the atom of the user interface: It receives mouse, keyboard and other events from the window system, and paints a representation of itself on the screen. A widget is clipped by its parent and by the widgets in front of it.
 A widget that isn't embedded in a parent widget, like this particular widget, is called a window. Usually, windows have their own window frame and taskbar entry, provided by the window system. A widget without a parent widget is always an independent window. Its initial position on the screen is controlled by the window system.
 </translate>
@@ Line 67: / Line 83: @@
 <translate>
 We set the window's width to 200 pixels and its height to 120 pixels.
 </translate>
@@ Line 72: / Line 89: @@
 <syntaxhighlight lang="ruby">
 <translate>
 quit = Qt::PushButton.new('Quit', window)
 </translate>
@@ Line 77: / Line 95: @@
 <translate>
 A child is born. This [http://doc.qt.nokia.com/latest/qpushbutton.html Qt::PushButton] is created with a parent widget ('''<tt>window</tt>'''). A child widget is always displayed within its parent's area. When displayed, it is clipped by its parent's bounds. By default, it is rooted at the top-left corner of its parent, at position (0, 0).
 </translate>
@@ Line 85: / Line 104: @@
 <translate>
 The [http://doc.qt.nokia.com/latest/qwidget.html#setgeometry Qt::Widget::setGeometry()] function takes four arguments: The first two arguments are the x and y coordinates of the button's top-left corner. The coordinates are relative to the parent widget. The last two arguments are the button's width and height. The result is a button that extends from position (10, 40) to position (190, 80).
 </translate>
@@ Line 93: / Line 113: @@
 <translate>
 When a parent widget is shown, it will call show for all its children (except those that were explicitly hidden using [http://doc.qt.nokia.com/latest/qwidget.html#hide Qt::Widget::hide()]).
 </translate>
 <translate>
-=== Running the Application ===
+=== Running the Application === <!--T:25-->
 The button no longer fills the entire window. Instead, it stays at position (10, 40) within the window and with a size of (180, 40), because of the [http://doc.qt.nokia.com/latest/qwidget.html#geometry-prop Qt::Widget::setGeometry()] call.
-=== Exercises ===
+=== Exercises === <!--T:27-->
 Try resizing the window. How does the button change? What happens to the button's height if you run the program with a bigger font? What happens if you try to make the window really small?
 [[Category:Ruby]]
 </translate>

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

← Older revision		Revision as of 02:57, 13 January 2010
Line 79:		Line 79:

	Try resizing the window. How does the button change? What happens to the button's height if you run the program with a bigger font? What happens if you try to make the window really small?		Try resizing the window. How does the button change? What happens to the button's height if you run the program with a bigger font? What happens if you try to make the window really small?
		+
		+	[[Category:Ruby]]