动画播放及界面美化.ppt

第三讲 动画播放及界面美化 课程目标 本节目标 准备工作 添加新的资源文件 3.1 设置隐藏标题栏 //设置标题栏隐藏 this-setWindowFlags(Qt::FramelessWindowHint); 3.2 设置边框圆角 //设置窗体圆角 QPainterPath path; QRectF rect = QRectF(0,0,400,600); path.addRoundRect(rect,3,3); QPolygon polygon= path.toFillPolygon().toPolygon(); //获得这个路径上的所有的点 QRegion region(polygon);//根据这些点构造这个区域 setMask(region); 3.2 设置边框圆角 改进后： //设置窗体圆角 QPainterPath path; QRectF rect = QRectF(0,0,this-width(),this-height()); path.addRoundRect(rect,3,3); QPolygon polygon= path.toFillPolygon().toPolygon(); //获得这个路径上的所有的点 QRegion region(polygon);//根据这些点构造这个区域 setMask(region); 此段代码也有隐藏标题栏的作用！ 3.3 添加图标及效果 添加左下角的单用户登录按钮 添加右下角的二维码登录按钮 添加右上角的关闭、最小化、设置按钮 关闭按钮事件响应： this-close(); 鼠标在按钮上会改变效果 toolButton-icon-Active off-hover图标 3.4 ToolButton背景透明 方式1 代码实现： ui-toolButton-setStyleSheet(QToolButton{background-color: transparent;}); //设置背景透明 方式2 UI上设置属性： 属性-QWidget-styleSheet 中 添加如下语句 background: transparent; 附： PushButton加载图片 改进前： QPixmap mypixmap; mypixmap.load(res/seticon.png); ui-pushButton_2-setIcon(mypixmap); 改进后： QPixmap mypixmap; mypixmap.load(res/seticon.png); ui-pushButton_2-setFixedSize( mypixmap.width(), mypixmap.height() ); ui-pushButton_2-setIcon(mypixmap); 附 PushButton背景透明 代码： ui-pushButton_2-setFlat(true); 详见：/code/snippet_54100_627 附 PushButton背景透明 ui-pushButton_2-setFlat(true); //设置扁平 ui-pushButton-setStyleSheet(QPushButton{background-color: transparent;}); //设置背景透明 //ui-comboBox-setStyleSheet(QComboBox{background-color:rgba(0, 0, 0,0)});//也可以 按钮点击后会出现虚框！ 附： PushButton背景透明 改进后的代码： ui-pushButton_2-setFlat(true); //设置扁平 ui-pushButton-setStyleSheet(QPushButton{background-color: transparent;}); //设置背景透明 ui-pushButton_2-setFocusPolicy(Qt::NoFocus); //隐藏虚框 3.5 动画播放(1) QAxWidget *flash = new QAxWidget(this); flash-resize(380,150); //flash-setStyleSheet(QAxWidget{background-color: transparent;}); //设置背景透明 // flash-dynamicCall(WMode, transparent); flash-s