Qml Bootstrap is a set of simple and beautiful components for qml mobile and desktop projects. It is inspired from Ionic framework components and use Font Awesome icons font.
Just clone the repository and create a new qml project base on this code. Then import components that you want to use. For example, to use ButtonDefault
import QtQuick 2.3
import QtQuick.Window 2.0
import "src/buttons"
Window {
visible: true
width: 640
height: 640
title: qsTr("Hello World !")
Column {
anchors.centerIn: parent
spacing: 10
ButtonDefault {
design: "light"
width: 100
height: 50
}
ButtonDefault {
design: "stable"
width: 100
height: 50
}
ButtonDefault {
design: "positive"
width: 100
height: 50
}
ButtonDefault {
design: "calm"
width: 100
height: 50
}
ButtonDefault {
design: "balanced"
width: 100
height: 50
}
ButtonDefault {
design: "energized"
width: 100
height: 50
}
ButtonDefault {
design: "assertive"
width: 100
height: 50
}
ButtonDefault {
design: "royal"
width: 100
height: 50
}
ButtonDefault {
design: "dark"
width: 100
height: 50
}
}
}
Qml-bootstrap requires Qt 5.3.2 or highter to work.
You can use these components Window, Linux, Max OS Android or IOS.
Ionic Framework - A hybrid mobile apps framework.
Font Awesome - The iconic font and CSS toolkit.
Qt Project - True cross-platform framework.
"Using Fonts Awesome in QML" by markg85.
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。