qt编写网易云界面(2)---- 音乐条与搜索框

抽了一点时间,把今日的界面完善了一下,界面如下:

 其实主要是找ui比较麻烦,核心的qss:

/*标题输入框*/
QLineEdit#line_Search
{
    
	background: rgb(225,62,62);
	border-radius: 10px;
	padding: 0px 0px 0px 30px;
	font-size: 14;
	font-family: "微软雅黑";
	color: rgb(241,120,120);
}

QLineEdit::pressed#line_Search
{
	font-size: 14;
	font-family: "微软雅黑";
	color:rgb(255,255,255);
	
}


/*搜索按钮*/
QPushButton#pushButton_search
{
	border-image:url(images/搜索.png);
}


QPushButton#pushButton_like
{
	border-image:url(images/心动.png);
}

QPushButton::pressed#pushButton_like
{
	border-image:url(images/心动2.png);
}

/*音乐播放条*/
QSlider::add-page:Horizontal#horizontalSlider_music
{
	background-color: rgb(205,205,205);height:4px;
}
QSlider::sub-page:Horizontal#horizontalSlider_music
{
	background-color: rgb(255,78,78);height:4px;
}
QSlider::handle:Horizontal#horizontalSlider_music
{
	width:14px;border-image: url(images/point_music.png);margin:-4 px -4px;
}
QSlider::groove:Horizontal#horizontalSlider_music
{
	background:rgb(0, 255, 0);height:4px;
}

QWidget#widget_tail
{  

	border-top-style: solid;
	border-top-color:  rgb(205,205,205);
	border-top-width: 1;
}

QPushButton#pushButton_bz
{
	border-image:url(images/标准.png);
}

QPushButton#pushButton_voice
{
	border-image:url(images/voice.png);
}

QPushButton#pushButton_voice2
{
	border-image:url(images/voice2.png);
}

QPushButton#pushButton_listen_all
{
	border-image:url(images/all.png);

}

QPushButton#pushButton_list
{
	border-image:url(images/listall.png);
	
}

QPushButton#pushButton_ci
{
	border-image:url(images/词.png);
	
}
/*上一曲*/
QPushButton#pushButton_life_music
{
	border-image:url(images/上一曲1.png);
}

QPushButton::hover#pushButton_life_music
{
	border-image:url(images/上一曲2.png);
}

QPushButton::pressed#pushButton_life_music
{
	border-image:url(images/上一曲1.png);
}

/*下一曲*/
QPushButton#pushButton_right_music
{
	border-image:url(images/下一曲1.png);
}

QPushButton::hover#pushButton_right_music
{
	border-image:url(images/下一曲2.png);
}

QPushButton::pressed#pushButton_right_music
{
	border-image:url(images/下一曲1.png);
}

/*暂停*/
QPushButton#pushButton_stop
{
	border-image:url(images/暂停.png);
}

QLabel#label_pro
{
	border-image:url(images/pro1.png);
}

/*音乐条时间*/
QLabel#label_time
{
	color: rgb(175, 175, 175);
}
/*音乐条总时间*/
QLabel#label_time_long
{
	color: rgb(175, 175, 175);
}

 喜欢我的博客可以,关注我,让我们一起进步,让我们更加快乐的了解对应东西。

 

 

 

  • 2
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值