2014-01-15 3 views
1

У меня есть горизонтальный ListView, как указано на рисунке initial stateQML ListView Overscrolls

Теперь, когда я прокручиваю это элемент управления ListView получает overscrolled, как показано на рисунке ниже overscoll

То, что я на самом деле нужно, даже если сопротивление больше, последний элемент должен оставаться в конце, как показано на рисунке ниже. correct scroll

Как это сделать.

EDIT

ListView Источник

ListView{ 

     id: list 
     width: 500 
     height: 100 
     clip: true 
     //anchors.bottom: parent.bottom 
     //anchors.bottomMargin: 10 
     snapMode: ListView.SnapToItem 
     anchors.centerIn: parent 
     highlightRangeMode: ListView.StrictlyEnforceRange 
     highlightFollowsCurrentItem: true 
     highlight: Rectangle { color: "#00000000" ;border.color: "red" ; radius: 5 } 
     anchors.horizontalCenter: parent.horizontalCenter 
     orientation: ListView.Horizontal 
     model: ListModel{ 
      id: listModel 
      ListElement{ name: "File"} 
      ListElement{ name: "Edit"} 
      ListElement{ name: "Build"} 
      ListElement{ name: "Debug"} 
      ListElement{ name: "Analyze"} 
      ListElement{ name: "Tools"} 
      ListElement{ name: "Window"} 
      ListElement{ name: "Help"} 
     } 

     delegate: Button{ 
      borderColor: buttonBorderColor;buttonColor: buttonFillColor 
      width: 100;height: 100 ;labelSize: 18 
      label: model.name 
      onButtonClick: { 
       list.currentIndex = model.index; 
       console.log("ListView Button clicked" + model.index) 
      } 
     } 
    } 
+0

Можете ли вы предоставить демонстрационное приложение? – Kakadu

+0

Я обновил свой вопрос –

+0

Вы уверены, что ваша кнопка - кнопка из QtQuick.Controls? У последнего нет свойств метки и labelSize ..... – Kakadu

ответ

4

Вы должны сказать ListView остановиться на границах объекта, установив его boundsBehavior свойство:

boundsBehavior: Flickable.StopAtBounds

По умолчанию, объекты, наследующие Flickable перерегулировать границы и вернуться назад.

См. boundsBehavior property description на веб-сайте Qt.

+0

Это сообщение автоматически помечено как низкое качество, потому что оно является коротким/единственным кодом. Не могли бы вы расширить его, добавив некоторый текст, чтобы объяснить, как он решает проблему? – gung

Смежные вопросы