แสดงบทความที่มีป้ายกำกับ QML แสดงบทความทั้งหมด
แสดงบทความที่มีป้ายกำกับ QML แสดงบทความทั้งหมด

วันพฤหัสบดีที่ 26 พฤศจิกายน พ.ศ. 2558

Qt 5 Programming X : Call C++ Method

Standard
     สวัสดีครับ มิตรรักแฟนเพลงทุกท่าน ต้อนรับตัวเองในการกลับมาเขียน Blog เกี่ยวกับ Qt QML อีกครั้งหลังจากห่างหายไปนานถึง 2 ป๊ 555+ พอดีมีเหตุต้องใช้งานกัน เขียนล่าสุดตอนนั้น Qt ยัง version 5.0 อยู่เลย ตอนนี้ไป 5.5 แล้วเอาเฮย์ย์ย์ย์ย์ย์ พอดีต้องไปสอนพี่ๆ น้องๆ เขียน Qt ก็เลยต้องมานั่งอ่านนั่งทำ อันที่จริงวิธีการเเรียก Method ของ Class ใน C++ อันนี้ผมเคยเขียนโค๊ดไว้และตั้งใจจะจดไว้ใน blog แต่ว่าด้วยอะไรหลายๆ อย่างทำให้ไม่ได้ทำ วันนี้ได้ฤกษ์ดี จัดซะหน่อย มาเริ่มกันเลยครับ โดยครั้งนี้จะอธิบายจากตัวอย่างโปรแกรมที่เขียนขึ้นนะครับ เพราะว่าดูแล้วมันซับซ้อน อันที่จริงผมเขียนเอง ผมก็ยัง งง งง กับมันอยู่เลย เอาเป็นว่า มือใหม่ แนะนำมือใหม่กว่าแล้วกันครับ โปรแกรมที่ทำขึ้นเป็นตัวอย่างจะแสดงตัวอย่างการ get, set ผ่าน method และการ call method อย่างเดียว



วันพฤหัสบดีที่ 18 กรกฎาคม พ.ศ. 2556

Qt 5.0 Programming IX : Anchor

Standard

          ปัญหาใหญ่ๆ ของการออกแบบ GUI บนหน้าจอที่มีความละเอียดต่างกันก็คือเรื่องการจัด layout ถ้าเราวางตำแหน่งของ element ด้วยตำแหน่ง x และ y ถ้านำ application ไปรันบนเครื่องที่มีความละเอียดของหน้าจอที่ต่างกัน การแสดงผลก็จะสวยงาม ก็ต้องมาตามแก้ใช้ application ของเรารองรับในทุกๆ ความละเอียดมาคิดดูแล้วก็ยุ่งยาก ใน QML มี properties นึงที่ช่วยกัดการเรื่อง layout ให้คือ

วันพุธที่ 17 กรกฎาคม พ.ศ. 2556

Qt 5.0 Programming VIII : Element FontLoader

Standard

          จากโปรเจคแสดงจำนวนไลค์ในแฟนเพจ ที่เห็นใน Raspberry Pi 66 Club ก็เลยมีความคิดที่จะทำบ้างโดยใช้ RaspberryPi + QML และอยากจะทำให้มันแสดงผลตัวเลขออกมาในรูปขอตัวเลขแบบ Character LCD หรือไม่ก็ 7-Segment ซึ่งตอนแรกตั้งใจว่าจะใช้ภาพในการแสดงผล แต่ดูแล้วต้องการจัดการอีกเยอะ ก็เลยลองหา font ที่แสดงผลเป็น Character LCD หรือ 7-Segment ดูก็เจอในเว็ปนี้ http://www.dafont.com จากนั้นก็ใช้ element FontLoader เพื่อโหลด Font เข้ามาใช้ใน QML ครับ

วันพฤหัสบดีที่ 11 กรกฎาคม พ.ศ. 2556

Qt 5.0 Programming VII : Animation part II

Standard


          วันนี้มาบอกเรื่องการใช้งาน Animation หลักๆ ใน QML กันครับโดยแบ่งเป็น 2 ส่วนหลักๆ คือ

  1. การกำหนด Animation ให้กับ property ต่างๆ ของ element ซึ่งจะมีใช้งานหลักๆ มี 2 อย่างคือ 
    1. NumberAnimation ซึ่งส่วนนี้อยู่ในบทความในเรื่อง Animation part I แล้วขอไปกล่าวถึงครับ
    2. PropertyAnimation  จะเป็น animation ที่ ทำงานเกียวกับ property ของ element ได้ทั้งหมด ซึ่งการใช้งานจะคล้ายๆ กับ NumberAnimation การใช้งานจะต้องบอก target ว่าจะทำงานกับ element อะไร กำหนด properties ที่จะทำ animation เช่น width height หรือแม้กระทั่ง color  เช่น

วันพฤหัสบดีที่ 4 กรกฎาคม พ.ศ. 2556

Qt 5.0 Programming VI : Element Image and Animation part I

Standard





          เรื่องการโหลดภาพและการทำ Animation 2D ด้วย QML นั้นง่ายมากๆ แค่ไม่กี่บรรทัดก็สามารถทำสร้าง Animation ที่สวยและน่าสนใจได้อย่างรวดเร็ว



วันเสาร์ที่ 29 มิถุนายน พ.ศ. 2556

Qt 5.0 Programming II : QML Basic

Standard
          วันนี้จะมาแนะนำการเขียน QML เบื้องต้นนะครับ โดยจะแนะนำส่วนต่างๆ อะไรคืออะไร ชื่ออะไร

วันศุกร์ที่ 28 มิถุนายน พ.ศ. 2556

Qt 5.0 Programming I : getting start with Qt 5.0

Standard
          ก่อนจะมาเริ่มถึงการเขียน code เรามาคุยกันก่อนว่า Qt คืออะไรดีอย่างไรนะครับ Qt อ่านออกเสียงว่าคิวต์ (cute) จากที่ใช้มา อาทิตย์กว่าๆ เป็น tools ที่ใช้พัฒนา software บน OS อะไรก็ได้ ไม่ว่าจะเป็น OSX, Linux, Windows โดยที่เขียน source code ครั้งเดียว แล้วเราต้องการจะนำไปใช้กับระบบปฏิบัติการไหนก็นำ source code ไป compile ที่ OS นั้นๆ หากดูแล้วจะคล้ายๆ กับหลักการของ Java แต่แตกต่างกับที่ Java นั้นตัว byte code จะต้องถูก execute ด้วยตัว JVM อีกที (Java virtual machine) แต่ตัว binary ที่ได้จาก Qt นั้นจะเป็น native binary สำหรับใช้ execute ใน OS นั้นๆ ได้โดนตรงเลย Qt application นั้นสามารถนำมารันได้ทั้งใน Windows, Linux, eLinux(เช่น raspberry pi, beaglebone), Blackberry, Andriod, OSX