Как сделать всю строку GridView вертикально развернутой.

Question

Так что я хочу, чтобы развернуть одну строку GridView щелчком мыши. Он должен выглядеть примерно как this. Представьте себе, что строки одинаково удалены друг от друга до щелчка мыши, а затем строка расширяется вертикально, когда меню закрывается, строки возвращаются к их нормальному интервалу.

Возможно ли это с помощью стандартного GridView, или я должен создать свой собственный? Я играл с cellHeight, но это меняет высоту каждой строки, а не только текущей.

Answer 1

Это, вероятно, будет проще, если вы не используете GridView и вместо этого используете столбец, содержащий три строки. Вы можете просто сделать средний ряд невидимым, когда это не нужно. Это позволит UI быть более гибким.

Это должно нравится как это:

property bool informationsVisible: false 
Column { 
    anchors.fill: parent 
    Row { 
     id: firstRow 
     Repeater { 
      model: firstHalfOfYourData 
      delegate: MouseArea { 
       //Your item representation 
      } 
     } 
    } 

    Row { 
     id: informationsRow 
     visible: informationsVisible 
      //Display informations on the selected element here 
    } 

    Row { 
     id: secondRow 
     Repeater { 
      model: secondHalfOfYouData 
      delegate: MouseArea { 
       //Your item representation 
      } 
     } 
    } 
}