qtdesigner按钮凹陷

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了qtdesigner按钮凹陷相关的知识,希望对你有一定的参考价值。

qtdesigner按钮凹陷

Qt Designer没有提供直接设置按钮凹陷的选项,但是可以通过设置按钮的外观来实现凹陷的效果。

要设置按钮凹陷,首先需要在Qt Designer中打开要操作的界面文件,然后双击要设置凹陷的按钮,进入按钮属性编辑窗口。

在按钮属性编辑窗口中,找到“外观”选项,将外观设置为“陷入式”,即可实现按钮凹陷的效果。

最后,点击“应用”按钮,保存界面文件,即可完成按钮凹陷的设置。
参考技术A qtdesigner按钮凹陷的话,那么这个时候就可以用一些海绵把这个按钮垫起来,因为海绵是软的,所以就可以用海绵把这个按钮垫起来就可以了。 参考技术B 点击我的,点击设置,然后点击按钮设置凹陷的。设置按钮可以不凹陷了。 参考技术C 为什么要判断他是否点击呢,你可以添加钮点击事件的响应函数,在函数里改变某一个参数的值,然后根据参数值的改变与否,就可以知道按钮是否被点击了

css 这种凹陷下去的效果怎么做

就是边框凹陷下去 应该怎么写

谢谢 !

<div>
    <p>Test</p>
</div>

<style>
div
    width: 200px;
    height: 200px;
    background: #272727;
    border: 1px #272727 solid;


p
    width: 158px;
    line-height: 158px;
    color: #fff;
    text-align: center;
    margin: 20px auto;
    border-radius: 4px;
    box-shadow: inset 0px 2px 8px 2px #000000;
    border: 1px #666 solid;
    border-left: 1px #131313 solid;
    border-top: 1px #131313 solid;

</style>

当圆角过大时深色边和高光边交界处会露陷,要不露陷的话:


    边框渐变,貌似支持的浏览器少

    不用边框,用两个div嵌套,外面那个比里面那个大1px,然后外面那个用45度的斜方向背景渐变(支持的浏览器多),里面那个用背景色加内阴影。

参考技术A div 
    width: 130px;
    height: 130px;
    border-radius: 4px;
    border:1px solid #333;
    box-shadow:inset 0 0 5px 5px #ccc;

只能在支持css3的浏览器下工作


其中,模拟凹槽线的重要代码是最后一行,几个数值分别为

x轴的阴影偏移量

y轴的阴影偏移量

模糊度

模糊长度


我这里为了突出效果,长度写的比较大,要完全做到上面截图的效果只能您自己慢慢调了

本回答被提问者采纳
参考技术B css实现不了这样的效果
可以做成单独的图片形式
然后用css样式引入
参考技术C <body style="background:#272727;">
<div style="border-radius:5px; background:#1d1d1d; box-shadow:0px 1px 5px #000000 inset; width:200px; height:200px; border-bottom:1px solid #666666; border-left:1px solid #2b2b2b; border-right:1px solid #2b2b2b;"></div>
</body>

参考技术D <div class="lt">
<div class="mei">
</div>
</div>

.lt width:100px; height:100px; padding:10px; background:#272727;
.mei width:100px; height:100px; box-shadow:inset 0 0 5px #0c0c0c; border-bottom:1px solid #666; border-left:1px solid #2b2b2b;border-radius:5px; background:#1d1d1d

用到内阴影和圆角。

以上是关于qtdesigner按钮凹陷的主要内容,如果未能解决你的问题,请参考以下文章

QtDesigner怎么添加工具栏toolBar

pycharm里用qtdesigner做了两个界面a和b,如何用信号与槽从a点击按钮后跳转至b?

QtDesigner中如何制作导入图片的工具? [关闭]

pyqt5-QTDesigner--控件操作

Qt系列——Qt5自定义控件(插件)封装SDK集成到QtDesigner和QtCreaterFramework中

如何将 QtDesigner ui 表单加载到另一个 ui 表单的 QFrame 中?