进入Res\AppFramework\LoginPanel
删除safeminilogin_png_bkg.png删除safeminilogin_png_bkg2.png
修改图片\Res\LoginPanel
mini_defaultbanner2.gft大小335*270
2.修改QQ2011登录框左上角的QQ2011
修改目录QQ\I18N\2052\PreLoadStringBundle用记事本打开
修改<Stringid="Product_Name"fmt="true">
XXXX
</String>
<Stringid="MainFrame_Title"fmt="true">
XXXX
</String>
修改我写的XXXX的地方的字符然后保存
3,登录框“设置”处透明方法
在\Themes\文件夹里Default.rdb里,解包Default.rdb
在Default\AppFramework\Button里
删除这4个文件
btn_focus.gft
btn_down.gft
btn_highlight.gft
btn_normal.gft
登录框“安全登录”处透明方法
Res\AppFramework\LoginPanel\SafeButton\ComboButton
把里面的gft文件全部透明即可。
剩下的那些小箭头更具自己需要修改,可改成透明
4,登录框“小键盘”透明方法
Res\AppFramework\LoginPanelkeyboard.png大小20*20把这个图片改成透明即可
5,修改登录框的字
QQ2011\I18N\2052
右键记事本打开AFPreLoadStringBundle.xml用记事本打开
效果如下图
二、过度框的修改过度框文件图片存放在QQ2011\Misc\LoginPanel
1.过渡框的皮肤:图片名LoginPanel_window_windowBkg.png大小尺寸是300X600改好保存格式为png
2.过渡框左上角QQ2010图片:图片名Main_Title.png大小尺寸是151*43格式为png
3.过度框动画:QQ2011\Misc\LoginPanel\LogoFile\2052
图片名Logining和Logining_Vip大小尺寸是220X150用透明图替换
4.过度框的取消按钮:QQ2011\Misc\LoginPanel
图片名login_btn_focus.png和login_btn_highlight.png
login_btn_normal.png和login_btn_down.png
大小尺寸是86*30
三、聊天框部分1、聊天框背景
路径Res目录下:(可删除)ChatFrame
输入框aio_meg_in.gft--聊天输入框背景(透明化由这里设置)
输出框aio_meg_out..gft--聊天输出框背景(透明化由这里设置)
聊天框中部背景aio_quickbar_bkg..gft-聊天快捷栏背景(透明化由这里设置)
聊天框底部背景:Res\SkinMgr
aio_png_bkg.gft
聊天框右边QQ秀边框透明方法
路径Res\ChatFrame
aio_QQshow_bkg.gft
aio_qqshowlight_bkg.gft
aio_QQshowcut_bkg.gft
2.聊天窗口白色“发送按钮”修改成透明:
目录Res\ChatFrame里
aiobtn_down.gft——QQ聊天窗口发送按钮按下颜色
aiobtn_highlight.gft——QQ聊天窗口发送按钮滑过颜色
aiobtn_fouce.gft--------按下放弃颜色
aiobtn_normal.gft——QQ聊天窗口发送按钮默认颜色
以上用透明图片替换尺寸60X20
3,聊天窗口发送旁边的小箭头透明方法
aiobtn_right_down.gft
aiobtn_right_fouce.gft
aiobtn_right_highlight.gft
aiobtn_right_normal.gft
以上用透明图片替换尺寸20X20
四、主面板部分
1、主面板的背景图
路径:Res\SkinMgr
main_png_bkg_normal.gft透明删除即可但是主面板的皮肤和聊天框皮肤会一致
如果要换自己的喜欢的图片替换就行了尺寸300X600
2.主面板“搜素栏”的透明方法
目录:Default\MainPanel\search
删除图片或替换透明图片main_search_bkg.gft
3,.主面板“搜素栏”里的字修改方法
路径:QQ\I18N\2052用记事本打开StringBundle.xml使用查找功能查找“搜索联系人,网页信息和问问答案”找到后删除或修改,然后保存。
4..主面板联系人、群/讨论组、微薄、最近联系人的横条透明方法
目录Default\MainPanel
删除图片名:main_tab_bkg.gft(横条整体的透明)
删除图片名:main_tab_highlight.gft(鼠标掠过的透明)
删除图片名:main_tab_check.gft(鼠标按下的透明)
删除图片名:main_tabbtn_down.gft
删除图片名:main_tabbtn_highlight.gft
删除图版名:main_tabbtn_check.png
5..主面板联系人、群/讨论组、微薄、最近联系人的图标透明方法
目录:Default\MainPanel
图片名:icon_contacts_normal.png
图片名:icon_contacts_selected.png
图片名:icon_group_normal.png
图片名:icon_group_selected.png
图片名:icon_last_normal.png
图片名:icon_last_selected.png
目录:Plugin\Com.Tencent.WBlog\Bundle\Res\WBlog
图片名:WBlog_TabBtn_Focus.png
图片名:WBlog_TabBtn_Normal.png
图片名:WBlog_TabBtn_Normal_Msg.png
五、这个是修改把鼠标移动到好友的头像上时自动显示的小标签窗口
1.方法一:目录Res\AppFramework\ContactTips
material-bg.gft改成自己喜欢的图片尺寸280X190
方法二:《推荐》Res\appframework\contacttips
tips_white_bkg.gft改成自己喜欢的图片尺寸280X190
2.迷你资料卡上面的QQ空间游戏人生等的横条背景(包括群资料卡)
目录Res\ContactTips
buddytips_titil_close.gft
buddytips_titil_mouseover.gft
buddytips_titil_open.gft删除即可
3.迷你资料卡上面的QQ空间游戏人生等后面的上下小箭头(包括群资料卡)
目录Res\ContactTips
buddytips_arrow_down.gft
buddytips_arrow_up.gft删除即可
六、
1.修改主面板“主菜单”图标
目录Default\MainPanel\MainMenuButton
All_MainPanel_MainMenuButton_highlight_on.gft
menu_btn_highlight.png
menu_btn_normal.gft
找个小图片替换以上三个文件即可
2.修改主面板“主菜单”背景方法
目录Res\MainMenu
图片名:menu_topright_bkg.gft大小:137*285
二级菜单背景图修改
目录Default\AppFramework\Menu
menu_bkg.gft替换图片大小:127*232
七、1.修改QQ主面板分组前面小箭头的方法:
路径Default\MainPanel
未动状态--------------MainPanel_FolderNode_collapseTexture.png
按下状态--------------MainPanel_FolderNode_expandTextureHighlight.png
我的好友状态---------MainPanel_FolderNode_collapseTextureHighlight.png
划过状态--------------MainPanel_FolderNode_expandTexture.png
替换一个自己喜欢的图片大小尺寸:12*12
2.QQ分组鼠标滑过颜色--
目录Default\MainPanel
main_group_down.png
main_group_normal.png
main_group_highlight.gft
可以做一个300X24的透明图片,再在透明图片上加一个小图片
如图做一个样的图片,
这样当鼠标滑过QQ分组是出现这样的效果
总结,以上几部修改的地方,如下图
八、隐藏QQ分组数字+彩色分组修改方法
位置Default\MainPanel
修改文件(关键是做成透明图片大小330*15再把QQ分组前面的小箭头一起删除)
MainPanel_FolderNode_collapseTexture.png
MainPanel_FolderNode_collapseTextureHighlight.png
MainPanel_FolderNode_expandTexture.png
MainPanel_FolderNode_expandTextureHighlight.png
九、我的资料,系统设置,消息盒子,消息管理器面板透明方法
目录:Res\SkinMgr
all_inside_bkg.gft---系统设置640X460
all_inside05_bkg.gft--我的资料580X420
all_inside02_bkg.gft--消息管理790X500
all_inside04_bkg.gft--消息盒子745X570
以上用自己喜欢的图片替换
2、消息盒子白膜去除
Themes\Default\AppFramework\Common
删除list_bkg_border.gft
删除listitem_check.gft
删除list_bkg.gft
删除Res\InformationBox
MsgBoxQuickBarBkg.gft
我的资料,系统设置,消息盒子,消息管理器面板里面的蓝条透明方法
目录:Res\ConfigCenter
menu_highlight.png
目录:Res\MainMenu
menu_highlight.gft
目录:Res\AppFramework\ConfigCenter
menu_highlight.gft
目录:Default\AppFramework\Menu
menu_highlight.gft
目录:Default\AppFramework\Common
menu_highlight.png
qtcreator如何在stylesheet中设置图片项目建立完成后:
右键点你的项目 “Add New”->"QT Resource file" 生成一个qrc文件
然后双击它点add 然后Add Prefix 再Add file完事之后build一下
在你的ui上点右键 ->Change StyleSheet->add Resource ->backgroud-image顺着往下点就能看见你在qrc里添加的那张图片了
摘要:
QT Create中,对button或者window等部件设置背景、颜色、透明等样式时,需要用到style sheet,可以直接在代码里写,也可以在ui设计师里通过右键change style sheet的方法来设置,本人是使用的后面的方式,下面介绍几种常见的用法。
介绍:
作者使用的开发环境为:qt creator 201005, qt4.7。
1、利用style sheet给窗体设置背景
使用stylesheet设置背景图片还是有一些要注意的,如果是在mainwindow和dialog中,直接右键change style sheet在add resource中选择background-image或者border-image,选择资源文件中的图片就行了(前者是按像素显示图片,后者可根据窗体大小来自动缩放图片),如下图:
但在widget中就不行,你会发现,用同样的方法,背景并没有发生改变,而仅仅是它的子窗体背景图片发生了改变。
那么在widget中要如何做呢,我们在widget中放置一个frame,然后对frame通过stylesheet设置背景,后面窗体里所有的部件都放在这个frame里。
我们知道,子窗体会继承父窗体的属性,也就是说,父窗体的背景,在子窗体中也会有,那如何让子窗体不继承父窗体的背景呢,同样的,还是在Edit Style Sheet里,需下输入如下代码:
#desktop {
border-image: url(:/images/desktop.jpg)
}
#desktop * {
border-image:url()
}
desktop是你的窗体名。
2、menubar设置透明
我想做一个菜单按钮,像ubuntu的应用程序菜单一样,能在点击时d出一个下拉框,我选择了用mainwindow来实现,但我如现menuba显示在顶层很难看,如何才能不让它显示呢。
设置menuba的stylesheet,
background-color:transparent
将背景设置为透明。
3、tool button不显示边框
当我们设置button的icon时,发现icon的形状并不与button完全一致,如下图:
设置stylesheet
border-style: flat
效果如下:
注意,一定要选择tool button,而不要选择push button,因为push button活动的时候会有一个虚线框。
要达到上图的效果,除了设置border-style:flat,可不可以将style设置为transparent呢?设置成transparent后,显示上看,效果是和上图的一样,但当按下时,button没有被图片覆盖的地方就会显示被按下时的颜色。
4、在父窗体的stylesheet中设置子部件的属性
假设有多个button,且它们的样式是一样的,那是不是需要一个个设置呢?不需要的,我们可以在父窗体中进行设置,那么子部件都会继承它的属性。
如果某个button的样式特殊,再单独修改就行了,下面举个实例,在父窗体的stylesheet中设置如下
QDialog{background:rgb(229, 255, 239)}
QMenuBar{background:url(:/image/header.bmp)}
QStatusBar{background:url(:/image/header.bmp)}
QPushButton{background:url(:/image/header.bmp)}
QLCDNumber{background:url(:/image/lcd.bmp)}
QLabel{color: rgb(0, 0, 255)}
QDial{background-color: rgb(67, 67, 67)}
QGroupBox {
border-width:2px
border-style:solid
border-color:#FFFFFF
}
QGroupBox{color: rgb(255,255, 255)}
QToolButton{border-style: flat}
把background-image: url(Skins/Default/bg2.gif)
background-position:center
改成:
background-color: #996600
原代码中是背景图片,#996600是颜色代码,可换成其他值
或者你可以直接在Dreamweaver的"页面属性"中改背景颜色
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)