Qt quick中,控件阴影效果
2016-04-26 16:13
567 查看
import QtQuick 2.0 import QtQuick.Controls 1.4 import QtQuick.Controls.Styles 1.4 import QtGraphicalEffects 1.0 //使用背景色的按钮 Item { width: 320; height: 480; Button{ id:btn; height: 40; width:100; anchors.left: parent.left text:"按钮"; style:component_btnstyle;//注意 用Component封装了!否则错误 layer.enabled: true layer.effect: DropShadow { transparentBorder: true//绘制边框阴影 color: "#80000000"; radius: 15.0; id:drop; //cached: true; horizontalOffset: 0; verticalOffset: 0; samples: 16; smooth: true; } } Component { id: component_btnstyle ButtonStyle{ id:btnstyle; background:Rectangle{ id:rect; width: control.windth height: control.height; color:setcolor(control) radius:2; border.color: "#ccc" antialiasing: true Rectangle { //再嵌套一层矩形 可用作内边框 颜色透。比用border灵活 anchors.fill: parent anchors.margins: 1 color: "transparent" antialiasing: true visible: !control.pressed //点击的时候隐藏 border.color: "#aaffffff" radius: height/2 } } } } function setcolor(mcontrol) { if(mcontrol.pressed===true) { return "#ccc"; } return "white" } }
相关文章推荐
- Anemometer和pt-query-digest结合将MySQL慢查询可视化
- [问题] UISearchBar 点击取消后跳动的问题[转载]
- 设置UIButton的Title在左,Image在右
- 动画:UIKitAnimation 简单动画学习 iOS (一) 渐变 、 移动 、翻页、来回翻转 ——转载
- [bzoj3675] [Apio2014]序列分割 Split the sequence dp+斜率优化
- uva1121 Subsequence(入门级)
- UIView 动画
- create sequence 序列号
- COM中GUID和UUID、CLSID、IID
- jni(ndk) 兼容问题
- 网页开发中文本编辑器UEditor的使用
- 当UITextField有内容时,button才能被点击
- javax.jms.JMSException: Failed to build body from content. Serializable class not available to broke
- RequireJS 配置理解
- RequireJS 配置理解
- Android 4.4 Kitkat Phone工作流程浅析(二)__UI结构分析
- 使用duilib开发半透明异形窗体程序(补充)
- 使用guestmount挂载KVM虚拟机的磁盘
- 算法Sedgewick第四版-第1章基础-2.3 Quicksort-001快速排序
- UE3名称结构(Name)