如何设置QProgressBar的chunk不超出布局并解决圆角显示异常

问题1：Chunk方形超出进度条圆角范围 #

给QProgressBar添加clip: true属性，强制裁剪所有超出容器边界的子元素，配合基础圆角样式即可解决：

QProgressBar {
    border: 2px solid #ccc;
    border-radius: 10px;
    background-color: #f0f0f0;
    height: 20px;
    clip: true; /* 核心：裁剪超出圆角的Chunk部分 */
    text-align: center;
}

问题2：给Chunk设置圆角后消失 #

直接设置border-radius会因绘制区域冲突导致Chunk显示异常，需配合margin和调整圆角大小解决：

QProgressBar::chunk {
    background-color: #4CAF50;
    border-radius: 8px; /* 圆角值略小于父容器，避免边缘重叠 */
    margin: 2px; /* 与父容器边框保持间距，确保Chunk在圆角区域内绘制 */
    min-width: 10px; /* 防止进度极小时Chunk被压缩消失 */
}

完整样式表示例 #

QProgressBar {
    border: 2px solid #ccc;
    border-radius: 10px;
    background-color: #f0f0f0;
    height: 20px;
    clip: true;
    text-align: center;
}

QProgressBar::chunk {
    background-color: #4CAF50;
    border-radius: 8px;
    margin: 2px;
    min-width: 10px;
}

内容的提问来源于stack exchange，提问作者temp