ใน Qt จะปรับแต่ง QTabWidget ด้านล่างผ่าน qss ได้อย่างไร

ฉันกำลังพยายามปรับแต่ง QTabWidget ดังต่อไปนี้ แต่ฉันไม่รู้ว่าจะแสดงเส้นที่มีสีแดงตามด้านล่างใน qss ได้อย่างไร

ป้อนคำอธิบายรูปภาพที่นี่


person ricky    schedule 15.12.2017    source แหล่งที่มา
comment
เป็นภาพพื้นหลัง   -  person Dmitry Sazonov    schedule 15.12.2017


คำตอบ (1)


คุณต้องจัดสไตล์การควบคุมย่อยที่แตกต่างกันสองแบบของ QTabWidget: บานหน้าต่างและแถบแท็บ

ให้บานหน้าต่างมีเส้นขอบด้านบนและด้านบนเป็นค่าลบ:

QTabWidget::pane{
  border-top: 1px solid red;
  margin-top: -1px;
}

ตอนนี้แท็บที่เลือกของแถบแท็บ:

QTabBar::tab:selected{
  border-top: 1px solid red;
  border-left: 1px solid red;
  border-right: 1px solid red;
  background-color: rgb(240, 240, 240);
}

โปรดทราบว่าแท็บที่เลือกไม่สามารถมีพื้นหลังโปร่งใส ไม่เช่นนั้นเส้นขอบด้านบนของบานหน้าต่างจะปรากฏขึ้นด้านหลัง (ในที่นี้ฉันได้ให้พื้นหลังสีเทาอ่อนไว้เป็นตัวอย่าง)

person p-a-o-l-o    schedule 16.12.2017