404 lines
18 KiB
QML
404 lines
18 KiB
QML
|
/****************************************************************************
|
||
|
|
**
|
||
|
|
** Copyright (C) 2016 The Qt Company Ltd.
|
||
|
|
** Contact: https://www.qt.io/licensing/
|
||
|
|
**
|
||
|
|
** This file is part of the Qt Quick Dialogs module of the Qt Toolkit.
|
||
|
|
**
|
||
|
|
** $QT_BEGIN_LICENSE:LGPL$
|
||
|
|
** Commercial License Usage
|
||
|
|
** Licensees holding valid commercial Qt licenses may use this file in
|
||
|
|
** accordance with the commercial license agreement provided with the
|
||
|
|
** Software or, alternatively, in accordance with the terms contained in
|
||
|
|
** a written agreement between you and The Qt Company. For licensing terms
|
||
|
|
** and conditions see https://www.qt.io/terms-conditions. For further
|
||
|
|
** information use the contact form at https://www.qt.io/contact-us.
|
||
|
|
**
|
||
|
|
** GNU Lesser General Public License Usage
|
||
|
|
** Alternatively, this file may be used under the terms of the GNU Lesser
|
||
|
|
** General Public License version 3 as published by the Free Software
|
||
|
|
** Foundation and appearing in the file LICENSE.LGPL3 included in the
|
||
|
|
** packaging of this file. Please review the following information to
|
||
|
|
** ensure the GNU Lesser General Public License version 3 requirements
|
||
|
|
** will be met: https://www.gnu.org/licenses/lgpl-3.0.html.
|
||
|
|
**
|
||
|
|
** GNU General Public License Usage
|
||
|
|
** Alternatively, this file may be used under the terms of the GNU
|
||
|
|
** General Public License version 2.0 or (at your option) the GNU General
|
||
|
|
** Public license version 3 or any later version approved by the KDE Free
|
||
|
|
** Qt Foundation. The licenses are as published by the Free Software
|
||
|
|
** Foundation and appearing in the file LICENSE.GPL2 and LICENSE.GPL3
|
||
|
|
** included in the packaging of this file. Please review the following
|
||
|
|
** information to ensure the GNU General Public License requirements will
|
||
|
|
** be met: https://www.gnu.org/licenses/gpl-2.0.html and
|
||
|
|
** https://www.gnu.org/licenses/gpl-3.0.html.
|
||
|
|
**
|
||
|
|
** $QT_END_LICENSE$
|
||
|
|
**
|
||
|
|
****************************************************************************/
|
||
|
|
|
||
|
|
import QtQuick 2.2
|
||
|
|
import QtQuick.Controls 1.2
|
||
|
|
import QtQuick.Controls.Private 1.0
|
||
|
|
import QtQuick.Controls.Styles 1.0
|
||
|
|
import QtQuick.Dialogs 1.1
|
||
|
|
import QtQuick.Dialogs.Private 1.1
|
||
|
|
import QtQuick.Layouts 1.1
|
||
|
|
import QtQuick.Window 2.1
|
||
|
|
import "qml"
|
||
|
|
|
||
|
|
AbstractFontDialog {
|
||
|
|
id: root
|
||
|
|
|
||
|
|
property alias font: content.externalFont
|
||
|
|
property alias currentFont: content.font
|
||
|
|
|
||
|
|
Rectangle {
|
||
|
|
id: content
|
||
|
|
SystemPalette { id: palette }
|
||
|
|
|
||
|
|
implicitWidth: Math.min(root.__maximumDimension, Math.max(Screen.pixelDensity * 100, mainLayout.implicitWidth + outerSpacing * 2))
|
||
|
|
implicitHeight: Math.min(root.__maximumDimension, Math.max(Screen.pixelDensity * 60, mainLayout.implicitHeight + outerSpacing * 2))
|
||
|
|
property real spacing: 6
|
||
|
|
property real outerSpacing: 12
|
||
|
|
color: palette.window
|
||
|
|
|
||
|
|
property font font: Qt.font({ family: "Helvetica", pointSize: 24, weight: Font.Normal })
|
||
|
|
property font externalFont
|
||
|
|
property string writingSystem
|
||
|
|
property string writingSystemSample
|
||
|
|
property var pointSizes
|
||
|
|
|
||
|
|
onExternalFontChanged: {
|
||
|
|
if (Component.status != Component.Ready)
|
||
|
|
return
|
||
|
|
|
||
|
|
if (content.font != content.externalFont) {
|
||
|
|
font = externalFont
|
||
|
|
wsComboBox.reset()
|
||
|
|
fontListView.reset()
|
||
|
|
weightListView.reset()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
Component.onCompleted: externalFontChanged()
|
||
|
|
|
||
|
|
onWritingSystemSampleChanged: { sample.text = writingSystemSample; }
|
||
|
|
|
||
|
|
Keys.onPressed: {
|
||
|
|
event.accepted = true
|
||
|
|
switch (event.key) {
|
||
|
|
case Qt.Key_Return:
|
||
|
|
case Qt.Key_Select:
|
||
|
|
updateUponAccepted()
|
||
|
|
break
|
||
|
|
case Qt.Key_Escape:
|
||
|
|
case Qt.Key_Back:
|
||
|
|
reject()
|
||
|
|
break
|
||
|
|
default:
|
||
|
|
// do nothing
|
||
|
|
event.accepted = false
|
||
|
|
break
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function updateUponAccepted() {
|
||
|
|
root.font = content.font
|
||
|
|
root.accept()
|
||
|
|
}
|
||
|
|
|
||
|
|
ColumnLayout {
|
||
|
|
id: mainLayout
|
||
|
|
anchors { fill: parent; margins: content.outerSpacing }
|
||
|
|
spacing: content.spacing
|
||
|
|
|
||
|
|
GridLayout {
|
||
|
|
columnSpacing: content.spacing; rowSpacing: content.spacing
|
||
|
|
columns: 3
|
||
|
|
|
||
|
|
Label { id: fontNameLabel; Layout.fillWidth: true; text: qsTr("Font"); font.bold: true }
|
||
|
|
Label { id: weightLabel; text: qsTr("Weight"); font.bold: true }
|
||
|
|
Label { id: sizeLabel; text: qsTr("Size"); font.bold: true }
|
||
|
|
TableView {
|
||
|
|
id: fontListView
|
||
|
|
focus: true
|
||
|
|
Layout.fillWidth: true
|
||
|
|
Layout.fillHeight: true
|
||
|
|
Layout.preferredWidth: fontColumn.width
|
||
|
|
headerVisible: false
|
||
|
|
function reset() {
|
||
|
|
fontModel.findIndex()
|
||
|
|
content.pointSizes = fontModel.pointSizes()
|
||
|
|
fontModel.findPointSizesIndex()
|
||
|
|
}
|
||
|
|
TableViewColumn{ id: fontColumn; role: "family"; title: qsTr("Font Family") }
|
||
|
|
model: FontListModel {
|
||
|
|
id: fontModel
|
||
|
|
scalableFonts: root.scalableFonts
|
||
|
|
nonScalableFonts: root.nonScalableFonts
|
||
|
|
monospacedFonts: root.monospacedFonts
|
||
|
|
proportionalFonts: root.proportionalFonts
|
||
|
|
Component.onCompleted: fontListView.reset()
|
||
|
|
onModelReset: { findIndex(); }
|
||
|
|
function findIndex() {
|
||
|
|
fontListView.selection.clear()
|
||
|
|
if (fontModel.count <= 0 || fontListView.rowCount <= 0)
|
||
|
|
return
|
||
|
|
|
||
|
|
var currentRow = 0
|
||
|
|
if (content.font.family != "") {
|
||
|
|
for (var i = 0; i < fontModel.count; ++i) {
|
||
|
|
if (content.font.family == fontModel.get(i).family) {
|
||
|
|
currentRow = i
|
||
|
|
break
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
content.font.family = fontModel.get(currentRow).family
|
||
|
|
fontListView.selection.select(currentRow)
|
||
|
|
fontListView.positionViewAtRow(currentRow, ListView.Contain)
|
||
|
|
fontListView.clicked(currentRow)
|
||
|
|
}
|
||
|
|
function findPointSizesIndex() {
|
||
|
|
pointSizesListView.selection.clear()
|
||
|
|
if (content.pointSizes.length <= 0 || pointSizesListView.rowCount <= 0)
|
||
|
|
return
|
||
|
|
|
||
|
|
var currentRow = -1
|
||
|
|
for (var i = 0; i < content.pointSizes.length; ++i) {
|
||
|
|
if (content.font.pointSize == content.pointSizes[i]) {
|
||
|
|
currentRow = i
|
||
|
|
break
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (currentRow != -1) {
|
||
|
|
content.font.pointSize = content.pointSizes[currentRow]
|
||
|
|
pointSizesListView.selection.select(currentRow)
|
||
|
|
pointSizesListView.positionViewAtRow(currentRow, ListView.Contain)
|
||
|
|
pointSizesListView.clicked(currentRow)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function select(row) {
|
||
|
|
if (row == -1)
|
||
|
|
return
|
||
|
|
currentRow = row
|
||
|
|
content.font.family = fontModel.get(row).family
|
||
|
|
positionViewAtRow(row, ListView.Contain)
|
||
|
|
}
|
||
|
|
onClicked: select(row)
|
||
|
|
onCurrentRowChanged: select(currentRow)
|
||
|
|
}
|
||
|
|
TableView {
|
||
|
|
id: weightListView
|
||
|
|
implicitWidth: (Component.status == Component.Ready) ? (weightColumn.width + content.outerSpacing) : (100)
|
||
|
|
Layout.fillHeight: true
|
||
|
|
Component.onCompleted: resizeColumnsToContents();
|
||
|
|
headerVisible: false
|
||
|
|
function reset() {
|
||
|
|
weightModel.findIndex()
|
||
|
|
}
|
||
|
|
TableViewColumn { id: weightColumn; role: "name"; title: qsTr("Weight") }
|
||
|
|
model: ListModel {
|
||
|
|
id: weightModel
|
||
|
|
ListElement { name: qsTr("Thin"); weight: Font.Thin }
|
||
|
|
ListElement { name: qsTr("ExtraLight"); weight: Font.ExtraLight }
|
||
|
|
ListElement { name: qsTr("Light"); weight: Font.Light }
|
||
|
|
ListElement { name: qsTr("Normal"); weight: Font.Normal }
|
||
|
|
ListElement { name: qsTr("Medium"); weight: Font.Medium }
|
||
|
|
ListElement { name: qsTr("DemiBold"); weight: Font.DemiBold }
|
||
|
|
ListElement { name: qsTr("Bold"); weight: Font.Bold }
|
||
|
|
ListElement { name: qsTr("ExtraBold"); weight: Font.ExtraBold }
|
||
|
|
ListElement { name: qsTr("Black"); weight: Font.Black }
|
||
|
|
Component.onCompleted: weightListView.reset()
|
||
|
|
function findIndex() {
|
||
|
|
var currentRow = 1
|
||
|
|
for (var i = 0; i < weightModel.count; ++i) {
|
||
|
|
if (content.font.weight == weightModel.get(i).weight) {
|
||
|
|
currentRow = i
|
||
|
|
break
|
||
|
|
}
|
||
|
|
}
|
||
|
|
content.font.weight = weightModel.get(currentRow).family
|
||
|
|
weightListView.selection.select(currentRow)
|
||
|
|
weightListView.positionViewAtRow(currentRow, ListView.Contain)
|
||
|
|
weightListView.clicked(currentRow)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function select(row) {
|
||
|
|
if (row == -1)
|
||
|
|
return
|
||
|
|
currentRow = row
|
||
|
|
content.font.weight = weightModel.get(row).weight
|
||
|
|
positionViewAtRow(row, ListView.Contain)
|
||
|
|
}
|
||
|
|
onClicked: select(row)
|
||
|
|
onCurrentRowChanged: select(currentRow)
|
||
|
|
}
|
||
|
|
ColumnLayout {
|
||
|
|
SpinBox {
|
||
|
|
id: pointSizeSpinBox;
|
||
|
|
implicitWidth: (Component.status == Component.Ready) ? (psColumn.width + content.outerSpacing) : (80)
|
||
|
|
value: content.font.pointSize
|
||
|
|
decimals: 0
|
||
|
|
minimumValue: 1
|
||
|
|
maximumValue: 512
|
||
|
|
onValueChanged: {
|
||
|
|
content.font.pointSize = Number(value);
|
||
|
|
updatePointSizesIndex();
|
||
|
|
}
|
||
|
|
function updatePointSizesIndex() {
|
||
|
|
pointSizesListView.selection.clear()
|
||
|
|
if (content.pointSizes.length <= 0 || pointSizesListView.rowCount <= 0)
|
||
|
|
return
|
||
|
|
var currentRow = -1
|
||
|
|
for (var i = 0; i < content.pointSizes.length; ++i) {
|
||
|
|
if (content.font.pointSize == content.pointSizes[i]) {
|
||
|
|
currentRow = i
|
||
|
|
break
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (currentRow < 0)
|
||
|
|
return
|
||
|
|
content.font.pointSize = content.pointSizes[currentRow]
|
||
|
|
pointSizesListView.selection.select(currentRow)
|
||
|
|
pointSizesListView.positionViewAtRow(currentRow, ListView.Contain)
|
||
|
|
pointSizesListView.clicked(currentRow)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
TableView {
|
||
|
|
id: pointSizesListView
|
||
|
|
Layout.fillHeight: true
|
||
|
|
headerVisible: false
|
||
|
|
implicitWidth: (Component.status == Component.Ready) ? (psColumn.width + content.outerSpacing) : (80)
|
||
|
|
Component.onCompleted: resizeColumnsToContents();
|
||
|
|
TableViewColumn{ id: psColumn; role: ""; title: qsTr("Size") }
|
||
|
|
model: content.pointSizes
|
||
|
|
property bool guard: false
|
||
|
|
function select(row) {
|
||
|
|
if (row == -1 || !guard)
|
||
|
|
return
|
||
|
|
currentRow = row
|
||
|
|
content.font.pointSize = content.pointSizes[row]
|
||
|
|
pointSizeSpinBox.value = content.pointSizes[row]
|
||
|
|
positionViewAtRow(row, ListView.Contain)
|
||
|
|
}
|
||
|
|
onClicked: select(row)
|
||
|
|
onCurrentRowChanged: {
|
||
|
|
select(currentRow)
|
||
|
|
if (!guard)
|
||
|
|
guard = true
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
RowLayout {
|
||
|
|
spacing: content.spacing
|
||
|
|
Layout.fillHeight: false
|
||
|
|
ColumnLayout {
|
||
|
|
spacing: content.spacing
|
||
|
|
Layout.rowSpan: 3
|
||
|
|
Label { id: optionsLabel; text: qsTr("Style"); font.bold: true }
|
||
|
|
CheckBox {
|
||
|
|
id: italicCheckBox
|
||
|
|
text: qsTr("Italic")
|
||
|
|
checked: content.font.italic
|
||
|
|
onClicked: { content.font.italic = italicCheckBox.checked }
|
||
|
|
}
|
||
|
|
CheckBox {
|
||
|
|
id: underlineCheckBox
|
||
|
|
text: qsTr("Underline")
|
||
|
|
checked: content.font.underline
|
||
|
|
onClicked: { content.font.underline = underlineCheckBox.checked }
|
||
|
|
}
|
||
|
|
CheckBox {
|
||
|
|
id: overlineCheckBox
|
||
|
|
text: qsTr("Overline")
|
||
|
|
checked: content.font.overline
|
||
|
|
onClicked: { content.font.overline = overlineCheckBox.checked }
|
||
|
|
}
|
||
|
|
CheckBox {
|
||
|
|
id: strikeoutCheckBox
|
||
|
|
text: qsTr("Strikeout")
|
||
|
|
checked: content.font.strikeout
|
||
|
|
onClicked: { content.font.strikeout = strikeoutCheckBox.checked }
|
||
|
|
}
|
||
|
|
Item { Layout.fillHeight: true; } //spacer
|
||
|
|
Label { id: writingSystemLabel; text: qsTr("Writing System"); font.bold: true }
|
||
|
|
}
|
||
|
|
|
||
|
|
ColumnLayout {
|
||
|
|
Layout.rowSpan: 3
|
||
|
|
spacing: content.spacing
|
||
|
|
Layout.columnSpan: 2
|
||
|
|
Layout.fillWidth: true
|
||
|
|
Layout.fillHeight: true
|
||
|
|
Label { id: sampleLabel; text: qsTr("Sample"); font.bold: true }
|
||
|
|
|
||
|
|
Rectangle {
|
||
|
|
clip: true
|
||
|
|
Layout.fillWidth: true
|
||
|
|
Layout.fillHeight: true
|
||
|
|
implicitWidth: Math.min(360, sample.implicitWidth + parent.spacing)
|
||
|
|
implicitHeight: Math.min(240, sample.implicitHeight + parent.spacing)
|
||
|
|
color: "white"
|
||
|
|
border.color: "#999"
|
||
|
|
TextInput {
|
||
|
|
id: sample
|
||
|
|
activeFocusOnTab: true
|
||
|
|
Accessible.name: text
|
||
|
|
Accessible.role: Accessible.EditableText
|
||
|
|
anchors.centerIn: parent
|
||
|
|
font: content.font
|
||
|
|
onFocusChanged: if (!focus && sample.text == "") sample.text = content.writingSystemSample
|
||
|
|
renderType: Settings.isMobile ? Text.QtRendering : Text.NativeRendering
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
RowLayout {
|
||
|
|
id: buttonRow
|
||
|
|
Layout.columnSpan: 3
|
||
|
|
spacing: content.spacing
|
||
|
|
ComboBox {
|
||
|
|
id: wsComboBox
|
||
|
|
function reset() {
|
||
|
|
if (wsModel.count > 0) {
|
||
|
|
currentIndex = 0
|
||
|
|
}
|
||
|
|
}
|
||
|
|
textRole: "name"
|
||
|
|
model: WritingSystemListModel {
|
||
|
|
id: wsModel
|
||
|
|
Component.onCompleted: wsComboBox.reset()
|
||
|
|
}
|
||
|
|
onCurrentIndexChanged: {
|
||
|
|
if (currentIndex == -1)
|
||
|
|
return
|
||
|
|
|
||
|
|
content.writingSystem = wsModel.get(currentIndex).name
|
||
|
|
fontModel.writingSystem = content.writingSystem
|
||
|
|
content.writingSystemSample = wsModel.get(currentIndex).sample
|
||
|
|
fontListView.reset()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
Item { Layout.fillWidth: true; } //spacer
|
||
|
|
Button {
|
||
|
|
text: qsTr("Cancel")
|
||
|
|
onClicked: root.reject()
|
||
|
|
}
|
||
|
|
Button {
|
||
|
|
text: qsTr("OK")
|
||
|
|
onClicked: {
|
||
|
|
content.updateUponAccepted()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|