arkpar
10 years ago
13 changed files with 339 additions and 6 deletions
@ -0,0 +1,5 @@ |
|||
<RCC> |
|||
<qresource prefix="/"> |
|||
<file alias="qml/QFileDialog.qml">qml/MacFileDialog.qml</file> |
|||
</qresource> |
|||
</RCC> |
|||
@ -0,0 +1,298 @@ |
|||
import QtQuick 2.2 |
|||
import QtQuick.Controls 1.2 |
|||
import QtQuick.Controls.Private 1.0 as ControlsPrivate |
|||
import QtQuick.Dialogs 1.2 |
|||
import QtQuick.Dialogs.Private 1.1 |
|||
import QtQuick.Layouts 1.1 |
|||
import QtQuick.Window 2.1 |
|||
import Qt.labs.folderlistmodel 2.1 |
|||
import Qt.labs.settings 1.0 |
|||
|
|||
AbstractDialog { |
|||
|
|||
id: root |
|||
|
|||
property string folder: view.model.folder |
|||
property var nameFilters: [] |
|||
property bool selectFolder: false |
|||
property bool selectExisting: true |
|||
property int selectedNameFilterIndex: -1 |
|||
property var selectedNameFilterExtensions: [] |
|||
property string selection: "" |
|||
property alias fileUrl: root.selection |
|||
|
|||
|
|||
function selectNameFilter(text) { |
|||
} |
|||
|
|||
function clearSelection(text) { |
|||
selection = ""; |
|||
} |
|||
|
|||
function addSelection(text) { |
|||
selection = text; |
|||
} |
|||
|
|||
onVisibleChanged: { |
|||
if (visible) { |
|||
view.needsWidthAdjustment = true |
|||
view.selection.clear() |
|||
view.focus = true |
|||
} |
|||
} |
|||
|
|||
Component.onCompleted: { |
|||
folder = fileIo.pathToUrl(fileIo.homePath); |
|||
view.model.nameFilters = root.selectedNameFilterExtensions |
|||
filterField.currentIndex = root.selectedNameFilterIndex |
|||
root.favoriteFolders = settings.favoriteFolders |
|||
} |
|||
|
|||
Component.onDestruction: { |
|||
settings.favoriteFolders = root.favoriteFolders |
|||
} |
|||
|
|||
property Settings settings: Settings { |
|||
category: "QQControlsFileDialog" |
|||
property alias width: root.width |
|||
property alias height: root.height |
|||
property variant favoriteFolders: [] |
|||
} |
|||
|
|||
property bool showFocusHighlight: false |
|||
property SystemPalette palette: SystemPalette { } |
|||
property var favoriteFolders: [] |
|||
|
|||
function dirDown(path) { |
|||
view.selection.clear() |
|||
root.folder = "file://" + path |
|||
} |
|||
function dirUp() { |
|||
view.selection.clear() |
|||
if (view.model.parentFolder != "") |
|||
root.folder = view.model.parentFolder |
|||
} |
|||
function acceptSelection() { |
|||
// transfer the view's selections to QQuickFileDialog |
|||
clearSelection() |
|||
if (selectFolder && view.selection.count === 0) |
|||
addSelection(folder) |
|||
else { |
|||
view.selection.forEach(function(idx) { |
|||
if (view.model.isFolder(idx)) { |
|||
if (selectFolder) |
|||
addSelection(view.model.get(idx, "fileURL")) |
|||
} else { |
|||
if (!selectFolder) |
|||
addSelection(view.model.get(idx, "fileURL")) |
|||
} |
|||
}) |
|||
} |
|||
accept() |
|||
} |
|||
|
|||
property Action dirUpAction: Action { |
|||
text: "\ue810" |
|||
shortcut: "Ctrl+U" |
|||
onTriggered: dirUp() |
|||
tooltip: qsTr("Go up to the folder containing this one") |
|||
} |
|||
|
|||
Rectangle { |
|||
id: window |
|||
implicitWidth: Math.min(root.__maximumDimension, Math.max(Screen.pixelDensity * 100, view.implicitWidth)) |
|||
implicitHeight: Math.min(root.__maximumDimension, Screen.pixelDensity * 80) |
|||
color: root.palette.window |
|||
|
|||
Binding { |
|||
target: view.model |
|||
property: "folder" |
|||
value: root.folder |
|||
} |
|||
Binding { |
|||
target: currentPathField |
|||
property: "text" |
|||
value: fileIo.urlToPath(root.folder) |
|||
} |
|||
Keys.onPressed: { |
|||
event.accepted = true |
|||
switch (event.key) { |
|||
case Qt.Key_Back: |
|||
case Qt.Key_Escape: |
|||
reject() |
|||
break |
|||
default: |
|||
event.accepted = false |
|||
break |
|||
} |
|||
} |
|||
Keys.forwardTo: [view.flickableItem] |
|||
|
|||
|
|||
TableView { |
|||
id: view |
|||
sortIndicatorVisible: true |
|||
width: parent.width |
|||
anchors.top: titleBar.bottom |
|||
anchors.bottom: bottomBar.top |
|||
|
|||
property bool needsWidthAdjustment: true |
|||
selectionMode: root.selectMultiple ? |
|||
(ControlsPrivate.Settings.hasTouchScreen ? SelectionMode.MultiSelection : SelectionMode.ExtendedSelection) : |
|||
SelectionMode.SingleSelection |
|||
onRowCountChanged: if (needsWidthAdjustment && rowCount > 0) { |
|||
resizeColumnsToContents() |
|||
needsWidthAdjustment = false |
|||
} |
|||
model: FolderListModel { |
|||
showFiles: !root.selectFolder |
|||
nameFilters: root.selectedNameFilterExtensions |
|||
sortField: (view.sortIndicatorColumn === 0 ? FolderListModel.Name : |
|||
(view.sortIndicatorColumn === 1 ? FolderListModel.Type : |
|||
(view.sortIndicatorColumn === 2 ? FolderListModel.Size : FolderListModel.LastModified))) |
|||
sortReversed: view.sortIndicatorOrder === Qt.DescendingOrder |
|||
} |
|||
|
|||
onActivated: if (view.focus) { |
|||
if (view.selection.count > 0 && view.model.isFolder(row)) { |
|||
dirDown(view.model.get(row, "filePath")) |
|||
} else { |
|||
root.acceptSelection() |
|||
} |
|||
} |
|||
onClicked: currentPathField.text = view.model.get(row, "filePath") |
|||
|
|||
|
|||
TableViewColumn { |
|||
id: fileNameColumn |
|||
role: "fileName" |
|||
title: qsTr("Filename") |
|||
delegate: Item { |
|||
implicitWidth: pathText.implicitWidth + pathText.anchors.leftMargin + pathText.anchors.rightMargin |
|||
|
|||
Text { |
|||
id: fileIcon |
|||
width: height |
|||
verticalAlignment: Text.AlignVCenter |
|||
font.family: iconFont.name |
|||
property alias unicode: fileIcon.text |
|||
FontLoader { id: iconFont; source: "qrc:/QtQuick/Dialogs/qml/icons.ttf"; onNameChanged: console.log("custom font" + name) } |
|||
x: 4 |
|||
height: parent.height - 2 |
|||
unicode: view.model.isFolder(styleData.row) ? "\ue804" : "\ue802" |
|||
} |
|||
Text { |
|||
id: pathText |
|||
text: styleData.value |
|||
anchors { |
|||
left: parent.left |
|||
right: parent.right |
|||
leftMargin: 36 + 6 |
|||
rightMargin: 4 |
|||
verticalCenter: parent.verticalCenter |
|||
} |
|||
color: styleData.textColor |
|||
elide: Text.ElideRight |
|||
renderType: ControlsPrivate.Settings.isMobile ? Text.QtRendering : Text.NativeRendering |
|||
} |
|||
} |
|||
} |
|||
TableViewColumn { |
|||
role: "fileSuffix" |
|||
title: qsTr("Type", "file type (extension)") |
|||
// TODO should not need to create a whole new component just to customize the text value |
|||
// something like textFormat: function(text) { return view.model.get(styleData.row, "fileIsDir") ? "folder" : text } |
|||
delegate: Item { |
|||
implicitWidth: sizeText.implicitWidth + sizeText.anchors.leftMargin + sizeText.anchors.rightMargin |
|||
Text { |
|||
id: sizeText |
|||
text: view.model.get(styleData.row, "fileIsDir") ? "folder" : styleData.value |
|||
anchors { |
|||
left: parent.left |
|||
right: parent.right |
|||
leftMargin: 4 |
|||
rightMargin: 4 |
|||
verticalCenter: parent.verticalCenter |
|||
} |
|||
color: styleData.textColor |
|||
elide: Text.ElideRight |
|||
renderType: ControlsPrivate.Settings.isMobile ? Text.QtRendering : Text.NativeRendering |
|||
} |
|||
} |
|||
} |
|||
TableViewColumn { |
|||
role: "fileSize" |
|||
title: qsTr("Size", "file size") |
|||
horizontalAlignment: Text.AlignRight |
|||
} |
|||
TableViewColumn { id: modifiedColumn; role: "fileModified" ; title: qsTr("Modified", "last-modified time") } |
|||
TableViewColumn { id: accessedColumn; role: "fileAccessed" ; title: qsTr("Accessed", "last-accessed time") } |
|||
} |
|||
|
|||
ToolBar { |
|||
id: titleBar |
|||
RowLayout { |
|||
anchors.fill: parent |
|||
ToolButton { |
|||
action: dirUpAction |
|||
//style: IconButtonStyle { } |
|||
Layout.maximumWidth: height * 1.5 |
|||
} |
|||
TextField { |
|||
id: currentPathField |
|||
Layout.fillWidth: true |
|||
function doAccept() { |
|||
root.clearSelection() |
|||
if (root.addSelection(fileIo.pathToUrl(text))) |
|||
root.accept() |
|||
else |
|||
root.folder = fileIo.pathFolder(text) |
|||
} |
|||
onAccepted: doAccept() |
|||
} |
|||
} |
|||
} |
|||
Item { |
|||
id: bottomBar |
|||
width: parent.width |
|||
height: buttonRow.height + buttonRow.spacing * 2 |
|||
anchors.bottom: parent.bottom |
|||
|
|||
Row { |
|||
id: buttonRow |
|||
anchors.right: parent.right |
|||
anchors.rightMargin: spacing |
|||
anchors.verticalCenter: parent.verticalCenter |
|||
spacing: 4 |
|||
ComboBox { |
|||
id: filterField |
|||
model: root.nameFilters |
|||
visible: !selectFolder |
|||
width: bottomBar.width - cancelButton.width - okButton.width - parent.spacing * 6 |
|||
anchors.verticalCenter: parent.verticalCenter |
|||
onCurrentTextChanged: { |
|||
root.selectNameFilter(currentText) |
|||
view.model.nameFilters = root.selectedNameFilterExtensions |
|||
} |
|||
} |
|||
Button { |
|||
id: cancelButton |
|||
text: qsTr("Cancel") |
|||
onClicked: root.reject() |
|||
} |
|||
Button { |
|||
id: okButton |
|||
text: root.selectFolder ? qsTr("Choose") : (selectExisting ? qsTr("Open") : qsTr("Save")) |
|||
onClicked: { |
|||
if (view.model.isFolder(view.currentIndex) && !selectFolder) |
|||
dirDown(view.model.get(view.currentIndex, "filePath")) |
|||
else if (!(root.selectExisting)) |
|||
currentPathField.doAccept() |
|||
else |
|||
root.acceptSelection() |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,5 @@ |
|||
import QtQuick 2.2 |
|||
import QtQuick.Controls 1.2 |
|||
import QtQuick.Dialogs 1.2 |
|||
|
|||
FileDialog { } |
|||
Loading…
Reference in new issue