01204223/kivy - ประวัติรุ่นแก้ไข

Jittat: /* ติดตั้ง kivy */

2013-07-15T03:08:36Z

ติดตั้ง kivy

Jittat: /* ติดตั้ง kivy */

2013-07-15T03:07:16Z

ติดตั้ง kivy

Jittat: /* Events */

2013-07-15T01:48:39Z

Events

Jittat: /* Events */

2013-07-15T01:47:12Z

Events

Jittat: /* Events */

2013-07-15T01:32:02Z

Events

Jittat เมื่อ 01:11, 15 กรกฎาคม 2556

2013-07-15T01:11:55Z

Jittat: /* Observers */

2013-07-15T01:11:04Z

Observers

Jittat: /* Observers */

2013-07-15T01:10:24Z

Observers

Jittat: /* Observers */

2013-07-15T01:07:04Z

Observers

Jittat เมื่อ 01:03, 15 กรกฎาคม 2556

2013-07-15T01:03:22Z

@@ แถว 4: / แถว 4: @@
 การติดตั้ง สั่งคำสั่งต่อไปนี้ใน shell (อย่าลืม login เครือข่ายนนทรีก่อน)
   sudo apt-get install python-setuptools python-pygame python-opengl \
     python-gst0.10 python-enchant gstreamer0.10-plugins-good python-dev \

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 03:07, 15 กรกฎาคม 2556
แถว 10:		แถว 10:
	จากนั้นสั่ง		จากนั้นสั่ง

		+	sudo pip install --upgrade cython
	sudo easy_install kivy		sudo easy_install kivy

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 01:48, 15 กรกฎาคม 2556
แถว 261:		แถว 261:

	สังเกตว่า ถ้าเรากดที่จุดที่ไม่อยู่ในลูกบอล แต่อยู่ในขอบเขตสี่เหลี่ยม ลูกบอลก็ยังขยายขนาด ให้เขียนเมท็อด <tt>is_inside(self,x,y)</tt> ในคลาส <tt>PongBall</tt> เพื่อตรวจสอบว่าจุดที่กดอยู่ในวงกลมของลูกบอลหรือไม่ จากนั้นแก้เมท็อด <tt>on_touch_down</tt> ให้ใช้เมท็อดดังกล่าวแทน <tt>self.ball.collide_point(touch.x,touch.y)</tt>		สังเกตว่า ถ้าเรากดที่จุดที่ไม่อยู่ในลูกบอล แต่อยู่ในขอบเขตสี่เหลี่ยม ลูกบอลก็ยังขยายขนาด ให้เขียนเมท็อด <tt>is_inside(self,x,y)</tt> ในคลาส <tt>PongBall</tt> เพื่อตรวจสอบว่าจุดที่กดอยู่ในวงกลมของลูกบอลหรือไม่ จากนั้นแก้เมท็อด <tt>on_touch_down</tt> ให้ใช้เมท็อดดังกล่าวแทน <tt>self.ball.collide_point(touch.x,touch.y)</tt>
		+
		+	== การติดต่อที่ซับซ้อนขึ้น ==
		+	ในส่วนนี้เราจะเรียนวิธีการ grab

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 01:47, 15 กรกฎาคม 2556
แถว 243:		แถว 243:
	self.ball.center_y = touch.y		self.ball.center_y = touch.y
	</pre>		</pre>
		+
		+	โดยปกติแล้ว สำหรับเหตุการณ์ต่าง ๆ ถ้าเราไม่ได้เขียนเมท็อดเพื่อรองรับเอาไว้ สิ่งที่ widget จะทำคือส่งต่อเหตุการณ์นั้นไปยัง widget ลูก ๆ เรื่อย ๆ จนกระทั่งมีบาง widget คืนค่า True (ถ้าไม่มี ก็จะส่งต่อจนครบ)
		+
		+	ดังนั้นบางครั้งที่เรารับเหตุการณ์เมื่อเป็น widget ลูก เราอาจจะจำเป็นต้องตรวจสอบว่าตำแหน่งที่ได้รับมานั้นอยู่ในขอบเขตหรือไม่ เราสามารถใช้เมท็อด <tt>collide_point</tt> เพื่อตรวจสอบได้
		+
		+	เราจะปรับให้ลูกบอลใหญ่ขึ้นถ้ามีการกดภายในขอบเขตของลูกบอล (ในขอบเขตกล่องสี่เหลี่ยมของลูกบอล) โดยแก้เมท็อด on_touch_move ดังนี้
		+
		+	<pre>
		+	def on_touch_down(self, touch):
		+	self.ball.center_x = touch.x
		+	self.ball.center_y = touch.y
		+
		+	if self.ball.collide_point(touch.x,touch.y):
		+	self.ball.width += 10
		+	self.ball.height += 10
		+	</pre>
		+
		+	สังเกตว่า ถ้าเรากดที่จุดที่ไม่อยู่ในลูกบอล แต่อยู่ในขอบเขตสี่เหลี่ยม ลูกบอลก็ยังขยายขนาด ให้เขียนเมท็อด <tt>is_inside(self,x,y)</tt> ในคลาส <tt>PongBall</tt> เพื่อตรวจสอบว่าจุดที่กดอยู่ในวงกลมของลูกบอลหรือไม่ จากนั้นแก้เมท็อด <tt>on_touch_down</tt> ให้ใช้เมท็อดดังกล่าวแทน <tt>self.ball.collide_point(touch.x,touch.y)</tt>

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 01:32, 15 กรกฎาคม 2556
แถว 230:		แถว 230:

	== Events ==		== Events ==
		+	ในส่วนนี้เราจะทดลองปรับโปรแกรมให้รับเหตุการณ์ที่เกิดขึ้นจากผู้ใช้
		+
		+	การตอบสนองต่อเหตุการณ์ทำได้โดยเขียนฟังก์ชันที่เกี่ยวกับการแตะทำได้โดยเขียนฟังก์ชัน on_touch_down, on_touch_move, หรือ on_touch_up ([http://kivy.org/docs/api-kivy.uix.widget.html#kivy.uix.widget.Widget.on_touch_down])
		+
		+	เราจะย้ายลูกบอลมาที่ตำแหน่งที่มีการแตะโดยเขียนเมท็อด <tt>on_touch_down</tt> ในคลาส <tt>PongGame</tt>
		+
		+	<pre>
		+	class PongGame(Widget):
		+	# ...
		+	def on_touch_down(self, touch):
		+	self.ball.center_x = touch.x
		+	self.ball.center_y = touch.y
		+	</pre>

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 01:11, 15 กรกฎาคม 2556
แถว 228:		แถว 228:

	หมายเหตุ: ทุก ๆ widget จะมี property <tt>height</tt> และ <tt>width</tt> ที่สามารถอ่านขนาดได้		หมายเหตุ: ทุก ๆ widget จะมี property <tt>height</tt> และ <tt>width</tt> ที่สามารถอ่านขนาดได้
		+
		+	== Events ==

@@ แถว 208: / แถว 208: @@
 == Observers ==
-เราจะแก้ปัญหาลูกบอลเด้งนอกกรอก
+เราจะแก้ปัญหาลูกบอลเด้งนอกกรอบ  แต่ก่อนที่เราจะแก้ปัญหาอะไรได้ เราจะต้องลองหาสาเหตุเสียก่อน
 บรรดา property ที่เรากำหนดค่าใน kv rules นั้น จะมีลักษณะพิเศษ  เราจะปรับ property ของ <tt>Label</tt> (ที่ตอนแรกเป็นคำว่า hello) ที่เราระบุในตลาส <tt>PongGame</tt>

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 01:10, 15 กรกฎาคม 2556
แถว 223:		แถว 223:
	</pre>		</pre>

−	~~จากนั้นทดลองตอบคำถามว่าทำไมลูกบอลจึงเด้งเลยขอบด้านบน~~	+	สังเกตว่าข้อความที่แสดงเปลี่ยนไปตาม property <tt>self.parent.ball.y</tt> สาเหตุที่การทำงานมีลักษณะดังกล่าวเป็นเพราะว่า property ต่าง ๆ ที่เรากำหนดได้ implement [http://en.wikipedia.org/wiki/Observer_pattern Observer pattern] เอาไว้ เมื่อมันมีการเปลี่ยนค่า มันจะแจ้ง property อื่น ๆ ที่ใช้ค่าจากมันให้ปรับค่าตามโดยอัตโนมัติ
		+
		+	พยายามตอบคำถามว่าทำไมลูกบอลจึงเด้งเลยขอบด้านบน และแก้โปรแกรมให้ลูกบอลเด้งภายในขอบเขต
		+
		+	หมายเหตุ: ทุก ๆ widget จะมี property <tt>height</tt> และ <tt>width</tt> ที่สามารถอ่านขนาดได้

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 01:07, 15 กรกฎาคม 2556
แถว 208:		แถว 208:

	== Observers ==		== Observers ==
		+	เราจะแก้ปัญหาลูกบอลเด้งนอกกรอก
		+
		+	บรรดา property ที่เรากำหนดค่าใน kv rules นั้น จะมีลักษณะพิเศษ เราจะปรับ property ของ <tt>Label</tt> (ที่ตอนแรกเป็นคำว่า hello) ที่เราระบุในตลาส <tt>PongGame</tt>
		+
		+	แก้แฟ้ม <tt>pong.kv</tt> ดังด้านล่างแล้วทดลองเรียกให้โปรแกรมทำงาน
		+
		+	<pre>
		+	<PongGame>:
		+	# ...
		+	Label:
		+	# ...
		+	text: str(self.parent.ball.y)
		+	# ...
		+	</pre>
		+
		+	จากนั้นทดลองตอบคำถามว่าทำไมลูกบอลจึงเด้งเลยขอบด้านบน

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 01:03, 15 กรกฎาคม 2556
แถว 206:		แถว 206:

	ทดลองเรียกให้โปรแกรมทำงาน (ถ้าลูกบอลเคลื่อนที่ช้าเกินไป ให้ลองปรับความเร็วเริ่มต้นดู) สังเกตการเด้งของลูกบอลว่ามีอะไรผิดปกติหรือไม่?		ทดลองเรียกให้โปรแกรมทำงาน (ถ้าลูกบอลเคลื่อนที่ช้าเกินไป ให้ลองปรับความเร็วเริ่มต้นดู) สังเกตการเด้งของลูกบอลว่ามีอะไรผิดปกติหรือไม่?
		+
		+	== Observers ==