Установить иконку в строке в TreeView в QML

Question

Sept. 28, 2018, 7:40 p.m.

Установить иконку в строке в TreeView в QML

Добрый день!

За отсутствием в QML нормального диалога открытия файла для Android написал его сам.

Только столкнулся с тем, что не могу установить иконку в строке в TreeView в зависимости от того отображается в строке файл или папка.

Использую TreeView с моделью FolderListModel.

Сейчас это имеет такой вид:

А должна вместо иконки папки в последней строке отображаться иконка файла (ptc_licFile.dat - файл).

Код:

TreeView {
     id: treeView
     anchors.fill: parent
     clip: true
     headerVisible: false
     model: FolderListModel {
          id: fileSystemModel
     }
     TableViewColumn {
          width: 38
          delegate: Image {
               fillMode: Image.PreserveAspectFit
               source: if (fileSystemModel.isFolder(treeView.currentIndex)) { // Определить это папка или файл
                          return "qrc:/pict/folder.png"
                       }
                       else {
                          return "qrc:/pict/file.png"
                       }
                }
     }
     TableViewColumn {
          role: "fileName"
     }
}

Как возможно это реализовать?

Если писать if (fileSystemModel.isFolder(treeView.currentIndex)) - не работает как нужно.

treeView.currentIndex - всегда 0, а нужно получить именно индекс текущей записи.

We recommend hosting TIMEWEB

Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.

Subscribe to the discussion2

Section subscription99

Do you like it? Share on social networks!

1K

6

0

Sept. 29, 2018, 9:18 p.m.

Еще столкнулся с такой проблемой в модели для TreeView пишу:

import QtQuick 2.0
import QtQuick.Controls 2.4
import QtQml.Models 2.3
import Qt.labs.folderlistmodel 2.2
import QtQuick.Dialogs 1.2
 
...............
 
model: FolderListModel {
   id: fileSystemModel
   showDirsFirst: true
   sortField: FolderListModel.Name
   nameFilters: [ "*.*" ]
   folder: shortcuts.home  // Home
}

В ответ при компиляции получаю:

ReferenceError: shortcuts is not defined

Я что-то забыл добавить? В документации на диалоги написано только добавить import QtQuick.Dialogs 1.2 ( FileDialog ).

shortcuts не работает и в самом FileDialog.

0

Sept. 30, 2018, 6:09 p.m.
The answer was marked as a solution.

Добрый день!

По моему, currentIndex показывает текущий выбранный элемент, хотя могу и ошибаться.

Попробуйте получить индекс через styleData, это более гарантированно возвращает правильный индекс.

fileSystemModel.isFolder(styleData.index)

Что касается shortcuts , то тут думаю, что лучше будет использовать StandardPaths из QML, просто в вашем случае возможно какие-то проблемы из-за самого модуля QtQuick.Controls 2.

0

Sept. 30, 2018, 6:32 p.m.

Спасибо! Все работает.

0

Oct. 1, 2018, 6:12 p.m.

Попробовал в диалоге писать:

TableViewColumn {
            width: 38
            delegate: Image {
                id: img
                fillMode: Image.PreserveAspectFit
                source: if (fileSystemModel.isFolder(styleData.index)) {
                            return "qrc:/pict/folder.png"
                        }
                        else {
                            return "qrc:/pict/file.png"
                        }
            }
        }

По console.log() индексы выводит правильные, только isFolder выдает не верный результат.

Может есть другой способ, кроме isFolder?

0

Evgenii Legotckoi → Arrow
#

Oct. 1, 2018, 6:20 p.m.

ммм... я сейчас посмотрел описание метода isFolder и там оказывается принимается значение int в качестве индекса, возможно он ожидает номер строки, а currentIndex возвращал QModelIndex, также как и styleData.index

Попробуйте передать туда номер строки, то есть так

fileSystemModel.isFolder(styleData.row)

или так

fileSystemModel.isFolder(treeView.currentIndex.row)

0

Oct. 1, 2018, 6:33 p.m.

Спасибо!

Корректно отрабатывает вариант

fileSystemModel.isFolder(styleData.row)

Если использовать

fileSystemModel.isFolder(treeView.currentIndex.row)

во всех строках каждый раз меняется иконка при переходе по строкам в treeView.

Установить иконку в строке в TreeView в QML

We recommend hosting TIMEWEB

Comments

Actions