Book Image

Hands-On Mobile and Embedded Development with Qt 5

By : Lorn Potter
Book Image

Hands-On Mobile and Embedded Development with Qt 5

By: Lorn Potter

Overview of this book

Qt is a world-class framework, helping you to develop rich graphical user interfaces (GUIs) and multi-platform applications that run on all major desktop platforms and most mobile or embedded platforms. The framework helps you connect the dots across platforms and between online and physical experience. This book will help you leverage the fully-featured Qt framework and its modular cross-platform library classes and intuitive APIs to develop applications for mobile, IoT, and industrial embedded systems. Considerations such as screen size, device orientation changes, and small memory will be discussed. We will focus on various core aspects of embedded and mobile systems, such as connectivity, networking, and sensors; there is no IoT without sensors. You will learn how to quickly design a flexible, fast, and responsive UI that looks great. Going further, you will implement different elements in a matter of minutes and synchronize the UI elements with the 3D assets with high precision. You will learn how to create high-performance embedded systems with 3D/2D user interfaces, and deploy and test on your target hardware. The book will explore several new features, including Qt for WebAssembly. At the end of this book, you will learn about creating a full software stack for embedded Linux systems using Yocto and Boot to Qt for Device Creation.
Table of Contents (23 chapters)
Title Page
Dedication
About Packt
Foreword
Contributors
Preface
Index

Places of interest


At this point, I am going to switch to the HERE maps plugin. I tried to get the OpenStreetMaps places to work, but it could not find anything around.

In the next step of the construction of our map, we use PlaceSearchModel to search for places. As with the RouteModel before, MapItemView can display this model on our map.

Just like RouteModel, PlaceSearchModel needs some way of displaying the data; we could choose a ListView, which is useful for some purposes, but let's choose MapItemView for the visual effect.

We need to state which plugin we are using with searchArea and searchTerm:

PlaceSearchModel{
id:searchModel
plugin:mapPlugin
searchTerm:"coffee"
searchArea:QtPositioning.circle(startCoordinate)
Component.onCompleted:update()
}

Our MapItemView and delegate code look like this. The searchView delegate will show up as an icon with its title text, from the resulting place :

MapItemView{
id:searchView
model:searchModel
delegate:MapQuickItem{
coordinate:place.location.coordinate...