Author: Arun Pk

• May 8, 2021

  QML Circular Slider

  

  A highly customisable circular slider written in QML. Following is the list of properties of the Circular Slider. trackWidth progressWidth handleWidth handleHeight handleRadius startAngle endAngle minValue maxValue value angle [readonly] capStyle trackColor progressColor handleColor stepSize snap handle [Component] pressed [readonly] hideTrack hideProgress I have seen many Circular Dial implementation which were either written in C++…
• April 16, 2021

  QML RadialBarShape

  In my previous blog post I have shown how to create a RadialBar using QQuickPaintedItem. Now I have rewritten the RadialBar using the Qt Quick Shapes module which was available in Qt since the version Qt 5.10. Here in this post I will explain how to use Qt Quick Shapes to create the Radial Bar…
• July 25, 2020

  Shared QML Component Library

  Here is my latest post on QML after a long time. In this post I am going to explain how you can bundle a set of QML files to a module and make it shareable so that any other QML application can load and use it. If you have any of the component which is…
• March 31, 2017

  QML RadialBar component

  

  Radial Bar is a highly customizable QML component created using QQuickPaintedItem class. This is a useful component to be used for any QML application to show the status of progress. Following are the list of main properties supported by this component. startAngle spanAngle minValue maxValue value dialWidth backgroundColor foregroundColor progressColor textColor penStyle suffixText showText dialType…
• January 20, 2017

  QML User Login App with SQLite backend

  

  Qt Quick provides an option for reading and writing SQLite databases using the module “QtQuick.LocalStorage”.  These databases are user-specific and QML-specific, but accessible to all QML applications. They are stored in the Databases subdirectory of QQmlEngine::offlineStoragePath(), currently as SQLite databases. Database connections are automatically closed during Javascript garbage collection. In this blog post I am…
• January 13, 2017

  Custom Dial Item using QQuickPaintedItem

  

  Sometimes it is required for us to create some of the advanced controls apart from the basics which are provided by the QML. Qt provides a class called QQuickPaintedItem which can be used to create a custom item for the QML using QPainter API in the Scene Graph. We can see that nowadays Qt and QML…
• January 5, 2017

  Custom FileSystemModel display

  

  The QFileSystemModel class provides a fully featured data model for the local file system provides access to the local file system, providing functions for renaming and removing files and directories, and for creating new directories. A simple usage of this class is given below[ref: http://doc.qt.io/qt-5/qfilesystemmodel.html#details]. QFileSystemModel *model = new QFileSystemModel; model->setRootPath(QDir::currentPath()); QTreeView *tree = new…
• December 8, 2016

  QML List view Sort and Filter

  

  Adding support for sorting and filtering on a list view will always be useful if the list view is much bigger and/or complex. I have created a simple demo QML based application which shows a basic list view with text item on which user can perform the filtering and sorting of items. I have created…
• August 16, 2016

  QSysInfo

  

  This is the excerpt for your very first post.