QML + Arduino & Leap Motion
Download as PPTX, PDF9 likes2,451 views
本文介绍了一个基于Leap Motion和Arduino的qml培训课程，讨论了如何集成与Leap Motion相关的功能，如手部和手势识别，以及使用qlteachmotionlibrary简化开发过程。文献还提到了一些实用的Arduino项目，包括环境光传感器和音量控制器，并提供了一些与串口通信相关的代码示例。最后，分享了如何使用qml创建用户界面，并鼓励学员发挥创意。
![Read/Write Serial Port
Read
QObject::connect(&serial, &QSerialPort::readyRead, [=]()
{
QString databuf = serial.readAll();
}
Write
serial.write("HELLO WORLD!")](https://image.slidesharecdn.com/arduinoleapmotion-150130113709-conversion-gate01/85/QML-Arduino-Leap-Motion-40-320.jpg)
QML + Arduino & Leap Motion
- 1. QML 培訓課程 - LeapMotion & Arduino DIRO FAN diro.fan@gmail.com 2014/01/31@台開大樓
- 6. Leap Motion
- 7. Leap Motion
- 8. Leap Motion Tracking Model
- 9. LeapMotion - Hand 1. Hand a. id b. palm i. yaw, pitch, raw c. left, right d. sphere radius e. finger i. pointable ii. bone
- 10. LeapMotion - Gesture 1. Gesture a. Circle b. Swipe c. KeyTap d. ScreenTap
- 11. Leap Motion SDK 1. Various platform a. Mac / Linux / WIndows 2. Various language a. JavaScript / C# / C++ / Java / Python / Objective-C
- 12. Reference 1. http://blog.leapmotion.com/getting-started-leap-motion-sdk/ 2. https://developer.leapmotion.com/documentation/python/devguide/Leap_Tr acking.html 3. https://developer.leapmotion.com/documentation/java/devguide/Leap_Tou ch_Emulation.html 4. http://robotics.csie.ncku.edu.tw/InsideLab.htm 5. http://www.game.csie.ndhu.edu.tw/gamewiki/index.php/%E9%AB%94%E6 %84%9F%E4%BA%92%E5%8B%95%E5%A8%9B%E6%A8%82%E8%B B%9F%E9%AB%94%E8%A8%AD%E8%A8%88
- 13. 用這SDK看起來很痛苦啊 我們 QML 是快快樂樂系列課程 不是嗎!
- 15. QtLeapMotionLibrary QML component for Leap Motion integration 1. https://github.com/lemirep/QtLeapMotionLibr ary 2. https://lemirep.wordpress.com/ 3. 目前已完成 Hand, Gesture 兩個主要部份
- 16. 安裝 QtLeapMotion Library 1. 安裝Leap Motion SDK 2. 將安裝完畢後的 SDK 中的 Leap 資料夾複製一份到 QtLeapMotionLibrary/QtLeapMotion/Leap 中，照這目錄 結構放可以省掉不少調整 project file 的功夫 3. 原本的版本並不支援 Mac (project file 沒有處理mac build)，因此請在各 example 中的 .pro 檔中稍作修改 a. 好啦，我晚點會放上github..
- 17. 基礎用法 1. 直接用 QtLeapMotionQQuickVIew 取代原本的 QQuickView QtLeapMotion::QtLeapMotionQQuickView *view = new QtLeapMotion::QtLeapMotionQQuickView(); 1. 然後你的程式就直接可以用LeapMotion了 2. 一些設定 view->setLeapMouseEnabled(true); view->setLeapTouchEnabled(true);
- 18. 來試看看吧! SHOW TIME
- 19. 感謝作者 真的是太簡單了..
- 21. 運用sphere偵測握拳 // if sphereradius < 50 mm, we have a fist this->setFist(hand->sphereRadius() <= 50.0f);
- 27. 1. 基本款 a. 偵測現在環境的亮度 b. 取得可變電阻的電壓值 c. 取得土壤溼度 d. 開關LED燈 e. 透過繼電器開關大電流電器 2. 進階款 a. Wii 搖桿、紅外線遙控器、四軸飛行器 b. 還有超多應用，可以上網查，或著去隔壁房間聽 XD 讓電腦與外界互動！
- 28. 今天教大家做.. 1. QML 環境亮度感測器 2. 復古造型電腦音量控制器 3. QML 開關控制器
- 29. 用QML看起來就是比較潮
- 32. 合體後大概長這樣
- 34. 要讀到值有很多種管道 1. Serial Port a. 透過 Serial.println() & Serial.read() 互動 2. Network (wire/wireless) a. 透過 Web Server GET/POST 來互動 3. Bluetooth a. 歹勢，我沒用過 Orz..
- 36. 從 SerialPort 出發！
- 38. QSerialPortInfo 如何得到所有的 serial port 列表： QList<QSerialPortInfo> portlist = QSerialPortInfo::availablePorts(); foreach ( const QSerialPortInfo &serialPortInfo, portlist) { QObject::tr("Port: ") << serialPortInfo.portName() << endl; }
- 39. QSerialPort 開啟 serial port，並設定相關資訊 serial.setPortName("usbmodem1451"); serial.open(QIODevice::ReadWrite); if(!serial.isOpen()) { qDebug()<<"port is not open"<<endl; } serial.setBaudRate(QSerialPort::Baud9600); serial.setDataBits(QSerialPort::Data8); serial.setParity(QSerialPort::NoParity); serial.setStopBits(QSerialPort::OneStop); serial.setFlowControl(QSerialPort::NoFlowControl);
- 40. Read/Write Serial Port Read QObject::connect(&serial, &QSerialPort::readyRead, [=]() { QString databuf = serial.readAll(); } Write serial.write("HELLO WORLD!")
- 44. 第一步，先定義自己的通訊協定吧! 1. 亮度 BRIGHTNESS a. B:xxxx 2. 音量 VOLUME a. V:xxxx 3. TURN_ON a. CMD:TURN_ON_id 4. TURN_OFF a. CMD:TURN_OFF_id
- 45. 第二步，列出需要那些函式： 取得亮度及音量 qint32 brightness() qint32 volume(); 開關特定id void turnOn(qint32 id); void turnOff(qint32 id);
- 46. 第三步，包成一個 QObject class class ArduinoMgr : public QObject { Q_OBJECT Q_PROPERTY(qint32 brightness READ brightness NOTIFY brightnessChanged) Q_PROPERTY(qint32 volume READ volume NOTIFY volumeChanged) public: ArduinoMgr(QObject *parent); public slots: qint32 brightness(); qint32 volume(); void turnOn(qint32 id); void turnOff(qint32 id); signals: void brightnessChanged(); void volumeChanged(); private: QSerialPort serial; QString databuf; QString m_author; qint32 m_brightness; qint32 m_volume; };
- 51. 只要這樣，就會有一個很棒的UI幫你顯示環境亮度了： Dial { value:120 - (arduino.brightness / 1024) * 120; } 有了 property binding 的加持，寫 code 是快樂的一件事 接下來，輕輕鬆鬆..