All Projects → OlivierLDff → QaterialGallery

OlivierLDff / QaterialGallery

Licence: MIT license
🖼️ Qaterial Library Showcase.

Programming Languages

QML
638 projects
CMake
9771 projects
C++
36643 projects - #6 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to QaterialGallery

Qaterial
🧩 Collection of Material Components based on QtQuickControls2.
Stars: ✭ 110 (+29.41%)
Mutual labels:  qml, material-components, qtquick
Chart.qml
Chart.qml like Chart.js
Stars: ✭ 100 (+17.65%)
Mutual labels:  qml, qtquick
Kaidan
[Replaced by https://invent.kde.org/network/kaidan] Kaidan, a simple and user-friendly Jabber/XMPP client for every device and platform.
Stars: ✭ 67 (-21.18%)
Mutual labels:  qml, qtquick
qt-qrcode
Qt/C++ library for encoding and visualization of data in a QR Code symbol
Stars: ✭ 35 (-58.82%)
Mutual labels:  qml, qtquick
Spix
UI test automation library for QtQuick/QML Apps
Stars: ✭ 48 (-43.53%)
Mutual labels:  qml, qtquick
Osgqtquick
Intergation OpenSceneGraph to Qt Quick
Stars: ✭ 53 (-37.65%)
Mutual labels:  qml, qtquick
QtMobileApp
This repository contains basic template for Qt for mobile app development using QML and C++ as backend to access RESTful API's
Stars: ✭ 16 (-81.18%)
Mutual labels:  qml, qtquick
Fluid
📖 Library for QtQuick apps with Material Design
Stars: ✭ 601 (+607.06%)
Mutual labels:  qml, material-components
Autoannotationtool
A label tool aim to reduce semantic segmentation label time, rectangle and polygon annotation is supported
Stars: ✭ 113 (+32.94%)
Mutual labels:  qml, qtquick
Flat.qml
FlatUI by qml, 参考FlatUI设计的一套qml控件
Stars: ✭ 164 (+92.94%)
Mutual labels:  qml, qtquick
Wellchat
WellChat is a Application that is a WeChat-like APP by qml.好吧~原谅我的英语。这个一个使用qml来仿制安卓微信的Qt程序,可以运行在安卓上。
Stars: ✭ 174 (+104.71%)
Mutual labels:  qml, qtquick
Sddm
QML based X11 and Wayland display manager
Stars: ✭ 1,031 (+1112.94%)
Mutual labels:  qml, qtquick
Scihubeva
A Cross Platform Sci-Hub GUI Application
Stars: ✭ 683 (+703.53%)
Mutual labels:  qml, qtquick
Awesome Qt Qml
A curated list of awesome Qt and QML libraries, resources, projects, and shiny things.
Stars: ✭ 1,118 (+1215.29%)
Mutual labels:  qml, qtquick
Qtquickexamples
QtQuick相关的技术分享
Stars: ✭ 657 (+672.94%)
Mutual labels:  qml, qtquick
Qtquickvcp
A Virtual Control Panel for Machinekit written in Qt/C++/QML
Stars: ✭ 104 (+22.35%)
Mutual labels:  qml, qtquick
Qtquickexample
基于QtQuick的入门例子,方便大家入门学习
Stars: ✭ 457 (+437.65%)
Mutual labels:  qml, qtquick
Taoquick
a cool QtQuick/qml component library and demo(一套酷炫的QtQuick/Qml基础库和示例)
Stars: ✭ 481 (+465.88%)
Mutual labels:  qml, qtquick
qml-ar
Seamless Augmented Reality module for QML using UchiyaMarkers
Stars: ✭ 32 (-62.35%)
Mutual labels:  qml, qtquick
Qml Box2d
Box2D QML plugin
Stars: ✭ 223 (+162.35%)
Mutual labels:  qml, qtquick

Qaterial Gallery

Configuration Status
Windows Installer 👷 Windows CI
Linux AppImage 👷 AppImage CI
MacOs Dmg 👷 MacOs CI
Android Apk 👷 Android CI
iOs Ipa 👷 iOs CI
Wasm 👷 Wasm CI

downloadappstore

QaterialGallery is a showcase application and contains example for the library Qaterial . It is still under development. This library is hard fork of previous library QQuickMaterialHelper.

This project also showcase multiplatform deployment with Qt.

Components

Main Page

screen3

Menu Bar

screen4

Buttons

screen5

Icons

screen6

Floating Action Button

screen7

Controls Buttons

screen8

Typography

screen9

Text Field

screen10

Tab

screen11

Cards

screen12

Frame

screen13

Group Box

screen14

Snackbars

screen15

Dialogs

screen16

DOC TODO

Build

QaterialGallery is a cross platform application that can be build natively or cross compiled. Qt precompiled binary are required and can be download from the official website. Then simply use the qt manager to install the toolchain that you need. Minimum Qt version is 5.12.

Windows

To build the application for windows it is required to already be on a windows machine. It is recommended to export the path as global variable.

export QT_WIN_VERSION=5.12.0
export QT_DIR_MINGW32=C:/Qt/$QT_WIN_VERSION/mingw53_32
export QT_DIR_MINGW64=C:/Qt/$QT_WIN_VERSION/mingw53_64
export QT_DIR_MSVC32=C:/Qt/$QT_WIN_VERSION1/msvc2017_32
export QT_DIR_MSVC64=C:/Qt/$QT_WIN_VERSION/msvc2017_64

Then simply clone the repository and create an in source build folder.

git clone https://github.com/OlivierLdff/QaterialGallery
cd QaterialGallery && mkdir build && cd build

MinGw 32 bits - Make

cmake -DCMAKE_PREFIX_PATH=$QT_DIR_MINGW32 \
-G "Unix Makefiles" -DCMAKE_BUILD_TYPE=$QT_BUILD_TYPE path/to/CMakeLists/

MinGw 64 bits - Ninja

cmake -DCMAKE_PREFIX_PATH=$QT_DIR_MINGW64 \
-G "Ninja" -DCMAKE_BUILD_TYPE=$QT_BUILD_TYPE path/to/CMakeLists/

Msvc 32 bits (Default)

cmake -DCMAKE_PREFIX_PATH=$QT_DIR_MSVC32 \
-G "Visual Studio 15 2017" path/to/CMakeLists/

Msvc 64 bits

cmake -DCMAKE_PREFIX_PATH=$QT_DIR_MSVC64 \
-G "Visual Studio 15 2017 Win64" path/to/CMakeLists/

Linux

TODO

Mac

TODO

Android

Requirement

Environment variable

You need to the following environment variable to be set.

  • ANDROID_SDK : Path to the Android Sdk.
  • ANDROID_NDK : Path to the Android Ndk
  • JAVA_HOME : Path to the Java (mainly to use the jarsigner utility).

To build the application for windows it is required to already be on a windows machine. It is recommended to export the path as global variable.

export QT_ANDROID_VERSION=5.12.0
## On Windows
export QT_DIR_ARMV7A=C:/Qt/$QT_ANDROID_VERSION/android_armv7
export QT_DIR_ARM64V8A=C:/Qt/$QT_WIN_VERSION1/android_arm64_v8a
export QT_DIR_X86=C:/Qt/$QT_WIN_VERSION/android_x86
## On UNIX system
export QT_DIR_ARMV7A=Path/To/Qt/$QT_ANDROID_VERSION/android_armv7
export QT_DIR_ARM64V8A=Path/To/Qt/$QT_WIN_VERSION1/android_arm64_v8a
export QT_DIR_X86=Path/To/Qt/$QT_WIN_VERSION/android_x86
## On macOs
export QT_USER_ID=$(id -un)
export QT_DIR_ARMV7A=/Users/$QT_USER_ID/Qt/$QT_ANDROID_VERSION/android_armv7
export QT_DIR_ARM64V8A=/Users/$QT_USER_ID/Qt/$QT_WIN_VERSION1/android_arm64_v8a
export QT_DIR_X86=/Users/$QT_USER_ID/Qt/$QT_WIN_VERSION/android_x86

CMAKE_BUILD_TYPE can be set to multiple values. Debug | Release | MinSizeRel | RelWithDebInfo.

Tip for windows: If you don't have make installed you can use the one in the ndk:

-DCMAKE_MAKE_PROGRAM="$ANDROID_NDK/prebuilt/windows-x86_64/bin/make.exe"

Arm v7a

mkdir build-android-armeabi-v7a && cd build-android-armeabi-v7a
cmake -DQT_DIR=$QT_DIR_ARMV7A -G "Unix Makefiles" \
-DCMAKE_TOOLCHAIN_FILE=$ANDROID_NDK/build/cmake/android.toolchain.cmake \
-DCMAKE_BUILD_TYPE=Release \
-DANDROID_ABI=armeabi-v7a \
-DANDROID_NATIVE_API_LEVEL=27 \
-DANDROID_STL=c++_shared \
-DANDROID_TOOLCHAIN=clang \
-DQATERIALGALLERY_BUILD_SHARED=ON \
-DQATERIALGALLERY_ANDROID_KEYSTORE=Path/To/Keystore \
-DQATERIALGALLERY_ANDROID_KEYSTORE_ALIAS=KeystoreAlias \
-DQATERIALGALLERY_ANDROID_KEYSTORE_PASSWORD=xxxx \
..
make -j8

The resulted apk will be in QaterialGallery-armeabi-v7a/build/outputs/apk/release/.

Arm64 v8a

mkdir build-android-arm64-v8a && cd build-android-arm64-v8a
cmake -DQT_DIR=$QT_DIR_ARM64V8A -G "Unix Makefiles" \
-DCMAKE_TOOLCHAIN_FILE=$ANDROID_NDK/build/cmake/android.toolchain.cmake \
-DCMAKE_BUILD_TYPE=Release \
-DANDROID_ABI=arm64-v8a \
-DANDROID_NATIVE_API_LEVEL=27 \
-DANDROID_STL=c++_shared \
-DANDROID_TOOLCHAIN=clang \
-DQATERIALGALLERY_ANDROID_KEYSTORE=Path/To/Keystore \
-DQATERIALGALLERY_ANDROID_KEYSTORE_ALIAS=KeystoreAlias \
-DQATERIALGALLERY_ANDROID_KEYSTORE_PASSWORD=xxxx \
..
make -j8

The resulted apk will be in QaterialGallery-arm64-v8a/build/outputs/apk/release/.

x86

mkdir build-android-x86 && cd build-android-x86
cmake -DQT_DIR=$QT_DIR_X86 -G "Unix Makefiles" \
-DCMAKE_TOOLCHAIN_FILE=$ANDROID_NDK/build/cmake/android.toolchain.cmake \
-DCMAKE_BUILD_TYPE=Release \
-DANDROID_ABI=x86 \
-DANDROID_NATIVE_API_LEVEL=27 \
-DANDROID_STL=c++_shared \
-DANDROID_TOOLCHAIN=clang \
-DQATERIALGALLERY_BUILD_SHARED=ON \
-DQATERIALGALLERY_ANDROID_KEYSTORE=Path/To/Keystore \
-DQATERIALGALLERY_ANDROID_KEYSTORE_ALIAS=KeystoreAlias \
-DQATERIALGALLERY_ANDROID_KEYSTORE_PASSWORD=xxxx \
..
make -j8

The resulted apk will be in QaterialGallery-x86/build/outputs/apk/release/.

Ios

Prerequisite:

Prepare Environment:

If you installed official Qt binary, Qt Sdk binary is located in:

export QT_USER_ID=$(id -un)
export QT_IOS_VERSION=5.15.1
export QT_IOS_DIR=/Users/$QT_USER_ID/Qt/$QT_IOS_VERSION/ios

Run CMake:

Then simply run CMake with this toolchain. Read the toolchain README for more information.

cmake -DCMAKE_PREFIX_PATH=$QT_IOS_DIR \
-DDEPLOYMENT_TARGET=12.0 \
-DCMAKE_TOOLCHAIN_FILE=/path/to/ios.toolchain.cmake \
-DPLATFORM=OS64COMBINED \
-DENABLE_BITCODE=FALSE \
-DTEAM_ID=AAAAAAAA \
-G "XCode" \
path/to/Projet/

Build:

Then you can simply build your app:

cmake --build . --config Release

or launch the generated XCode project.

Ipa will be located in QaterialGalleryIpa/Qaterial.ipa.

Configuration

Input

Note: Exe, Shared and Static can't be ON at the same time.

  • QATERIALGALLERY_BUILD_SHARED : Build as a shared library [ON OFF]. Default: OFF.
  • QATERIALGALLERY_BUILD_STATIC : Build as a static library [ON OFF]. Default: OFF.
  • QATERIALGALLERY_BUILD_EXE : Build as an executable [ON OFF]. Default: ON.
  • QATERIALGALLERY_PROJECT : Name of the project. Default: QaterialGallery.
  • QATERIALGALLERY_TARGET : Name of the project. Default: QaterialGallery.

Dependencies

Output

  • QATERIALGALLERY_TARGET : Output target to link to. Default: QaterialGallery

Versions

To create a new release:

  • Update in CMakelist.txt variables QATERIALGALLERY_VERSION_MAJOR, QATERIALGALLERY_VERSION_MINOR, QATERIALGALLERY_VERSION_PATCH.
  • Increment in platform/PostBuildPlatform.cmake the parameter VERSION_CODE in the android apk macro

Authors

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].