Learning By Doing

What
- 선택할 수 없는 영역의 있는 TableWidget

Usage
- QTableWidget을 재정의하여 개발

구현 해야 할 UI는 리스트 위젯이다. 그런데, 그림에서 보면 일단 버튼이 보인다.

그럼 리스트 위젯이 아닌, 리스트 위젯과 유사한 QTableWidget을 사용하여 구현한다.

테이블의 row hover
윈도우 크기에 따른 테이블 row의 삽입 / 삭제 기능
실제 클릭할 row는 5개 이고, 그 외의 row에 대해서는 어떠한 이벤트도 발생하지 않는다.

[1] 테이블의 Row Hover 기능

기본적인 Table 위젯의 기능 외에 추가적으로 구현 해야하는 기능은 위와 같다. Row열에 대한 Hover 기능을 어떻게 구현해야 할 것인가? QTableWidget에는 Item에 대한 Hover 기능은 있지만, Item의 Row에 대한 hover 기능은 없는 듯 하다. (Selection Row는 있는데..) 그래서 직접 구현해야 한다. ㅠ_ㅠ

호버 이벤트가 발생되는 signal을 캡쳐하여, Row에 대한 hover 이벤트가 발생되도록 한다.

void itemEntered(QTableWidgetItem * item) 라는 signal 에 대해서 row hover 이벤트가 발생되도록 한다.
버튼은 tableitem의 cellwidget으로 구현해야 한다. 그렇기 때문에, 버튼에 대해서는 itemEnter이벤트가 발생되지 않으므로,

해당 버튼의 enterEvent를 통해서 hover이벤트를 전달한다.

[2] 윈도우 크기에 따른 테이블 row의 삽입 / 삭제 기능

- 위 그림 처럼 보이기 위해선 실제 row를 삽입해야만 위 처럼 보일 수 있다. Table Widget의 ResizeEvent를 override 하여 크기에

따라서 row를 삽입 / 삭제 할지를 판단해야 한다.

[3] 실제 클릭할 row는 5개 이고, 그 외의 row에 대해서는 어떠한 이벤트도 발생하지 않는다.

그림처럼 row가 보일려면 실제 row를 삽입해야만 하고, 존재하는 row이므로, 선택은 반드시 되게 되어 있다. 그럼 이것을 어떻게 우회 할 수 있을까?! 처음에는 선택시, 해당 row > 5 는 조건일 때, 해당 이벤트를 무시하도록 했으나, 언제나 그렇듯 한방에 되지는 않는다. 그렇다면? QTableWidget의 선택모드를 강제로 비활성화 하고, MousePressEvent는 HoverEvent가 발생한 뒤 발생하는 것이므로, Hover시 현재 row에 대해서 선택 가능 상태를 판단하고, MousePressEvent에서 hover된 row를 선택 하도록 한다.

[4] 삭제 기능시 cellwidget의 정의된 아이템이 visible이 true가 되는 상태.

Hover시에만 삭제 버튼이 보여서 클릭이 가능하다. 처음 시도한 방법은 cellWidget의 visible 상태를 변경하는 것이였다.

그러나, removeRow만 하면, cellWidget이 살아나는 것이다. 심지어 removeRow 후에 다시 상태를 변경해도 변경이 되지 않았다. 결국 setVisible 상태 변경으로 위 문제를 해결하기는 힘들었다. 과연 방법은 무엇일까?! TableWidget을 Qwidget으로 완전 새로이 만들 수도 있지만, 결국 난 상태에 따라서 버튼의 visible 상태만 변경하면 되므로, styleSheet 상태를 변경하는 것을 선택하였다.

기본 UI