Кривая отрисовка в QtQuick 2?

[ksk-]

Всем привет. Есть такой QML-код:

Код

Javascript
import QtQuick 2.0
 
Rectangle {
    id: root;
    width: 400; height: 600;
 
    ListModel {
        id: listModel;
 
        ListElement {
            name: "Item 1";
        }
 
        ListElement {
            name: "Item 2";
        }
 
        ListElement {
            name: "Item 3";
        }
 
        ListElement {
            name: "Item 4";
        }
 
        ListElement {
            name: "Item 5";
        }
    }
 
    Component {
        id: itemDelegate;
 
        Rectangle {
            width: listView.width; height: 60;
            color: "transparent";
            border.color: "lightgray";
        }
    }
 
    ListView {
        id: listView;
        model: listModel;
        delegate: itemDelegate;
        anchors.fill: parent;
    }
}

Отрисовывается он как-то криво.

Если я буду использовать QtQuick 1, заменив "import QtQuick 2.0" на "import QtQuick 1.0", то рисует нормально.

Проверялось на разных машинах под Linux, Windows 7, Windows 8. Видеодрайвера установлены и исправно работают.

Почему так происходит? И можно ли это исправить?

[ecspertiza]

Если вы про толщину линий, то по идее все кошерно. Граница есть и с верху и с низу, там где происходит наложение границ линия получается толще. Рисуйте только нижнюю границу например.

[ksk-]

Рисуйте только нижнюю границу например.

А как это можно сделать?

[kibsoft]

Убрать

Код:

border.color: "lightgray";

и добавить

Код:

Rectangle {
   anchors {
      left: parent.left
      right: parent.right
      bottom: parent.bottom
   }
   height: 1
   color: "lightgray"
}

P.S. На втором скрине как раз отрисовка кривая, а на первом правильная

[ksk-]

P.S. На втором скрине как раз отрисовка кривая, а на первом правильная

Да, действительно.