5

ウィジェットクラスが1つしかない画像表示のダイアログウィンドウQTableWidget。私の問題は、ヘッダーの下の境界線（赤い正方形、QHeaderViewクラス）が左/右の色付きの境界線と重なっていることです！私が欲しいのは、赤い四角のセクションを緑の四角として正しく表示することです。

ここに画像の説明を入力してください

Qt Designerこれが私が使用しているCSSコードです：

QTableView#tableWidget QHeaderView::section:horizontal
{
    height: 24px;

    border-style: none;

    border-left: 1px solid #ecedef;
    border-top: 1px solid #161618;
    border-right: 1px solid #b1b1b5;
    border-bottom: 1px solid #161618;

    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #f4f4f6, stop:1 #ceced6);
 }

/*
QTableView#tableWidget QHeaderView::section:horizontal:first,
QTableView#tableWidget QHeaderView::section:horizontal:last
{
    border-left-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #f4f4f6, stop:1 #ceced6);
}
*/

ありがとう！

更新：念のため、これが拡大画像です...

ここに画像の説明を入力してください

4

1 に答える 1

7

私はこのようなものがどのように機能するかを理解していました！

解決策：

QTableView#tableWidget QHeaderView
{
    /* draw the hole hor top & bottom line for the header */
    height: 24px;

    border-top: 1px solid #161618;
    border-bottom: 1px solid #161618;
}

QTableView#tableWidget QHeaderView::section:horizontal:first
{
    border-left-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #f4f4f6, stop:1 #ceced6);
}

QTableView#tableWidget QHeaderView::section:horizontal:last
{
    border-right-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #f4f4f6, stop:1 #ceced6);
}

QTableView#tableWidget QHeaderView::section:horizontal
{
    /* for each section draw ONLY left & right lines */
    height: 24px;

    border-style: none;

    border-left: 1px solid #ecedef;
    border-right: 1px solid #b1b1b5;

    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #f4f4f6, stop:1 #ceced6);

 }

さらに、結果の図については、次のようになります。

ここに画像の説明を入力してください

とにかくみんなに感謝します！

于 2012-04-05T10:41:24.907 に答える