QQ透明皮肤:多层算法 一键适配各种背景

时间:2022-04-30 01:47:09 其他范文 收藏本文 下载本文

“嗑药姬驾到”为你分享7篇“QQ透明皮肤:多层算法 一键适配各种背景”,经本站小编整理后发布,但愿对你的工作、学习、生活带来方便。

QQ透明皮肤:多层算法 一键适配各种背景

篇1:QQ透明皮肤:多层算法 一键适配各种背景

那些流连过的风景,那个长存于心的人,那些一心向往的美好,或是那句曾让人恍然的话语,动人的画面,我们不止想要印在脑海,更希望它们跃然屏幕。当QQ变为生活的一部分,特别的皮肤也可以是记忆的指针,希望的灯塔,点亮心情的阳光。透明皮肤:透一下,心悠扬。

1. 什么是透明皮肤

透明皮肤,顾名思义就是实现QQ主要窗口皮肤的透明化,使得主面板和会话窗口的可以完全展现皮肤的图像,提升QQ的视觉效果,满足用户个性需求。

2. 需求背景

a) 来自70万的用户呼声

根据后台数据监测(忽略无法监测到版本用户不计)显示,有70万QQ用户使用网友制作的补丁修改QQ配置文件,以实现透明皮肤的美化效果。

b) 透明皮肤补丁的用户分析

我们对通过70万用户的分析,发现使用透明皮肤补丁的用户主要是网络活跃度高、追求独特个性和渴望表达自我的青少年。他们要么追逐潮流:喜爱装扮、迷恋明星、酷爱自拍;要么有着强烈的自我意识:叛逆、情绪化、特立独行。透明皮肤不仅具有趣味性,更能够彰显个性,表达自己。

c) 补丁的3大弊端

弊端1:补丁的视觉效果粗糙。网友通过修改配置文件,直接删除了QQ主面板和会话窗口的白色质感层,无法很好满足用户的审美需求,无法提供对白色质感层透明度的性调节。

弊端2:无法适应各种背景。网友制作的补丁只可以全透,不可以调节透明度。当选择的背景颜色偏重时,主面板和会话窗口的文字将无法阅读。

弊端3:使用补丁存在安全隐患,给用户带来潜在的危害。

所以,基于用户需求的考虑,我们实现了这一需求,并在多个方面实现了功能的创新突破。特别是开发技术上,我们巧妙的运用了分层控制的算法,不仅实现了各控件视觉效果的特定优化,并解决了设置极值时出现黑色色带的难题。

3. 技术创新

(图2 分层技术说明)

a) 分层绘制窗口及各控件

现有QQ各主要窗口是通过背景层、质感层和内容层进行分别绘制。背景层上修改皮肤的图像,质感层透明度的调节决定背景透明效果,而内容层上显示内容的透明度亦可调节。

如果细致考量美化效果,会发现窗口和各控件的透明要求其实并不一致。窗口追求高透效果以实现背景的完全展示;而部分控件,如Tab区需要相对低透,使用户在操时作清晰易辨。

细化到单个控件,各部分的透明变化也不一致,以滚动条为例,前景(滚动条拉杆、按钮)应尽量不透明,用户可辨识;而背景则尽量透明,提升美化效果。

为了追求最佳的透明效果,我们创新地将窗口的质感和各控件的质感分开绘制,为窗口和不同控件设置特定的变化率。使得用户仅需调节一个设置项,便能的任意调节整体透明度,并始终保证窗口和各控件的优化显示。

b) 分层绘制的逻辑算法

通过修改质感层的Alpha值来实现透明效果的调节,并分开控制窗口及各控件的质感层:在转换过程中增加一个控制参数dbPercent(与透明度变化率成正比),主要窗体采用默认值,特定控件赋予各部分不同数值,使得窗体及各控件实现不同变化率。为突出特殊控件(如滚动条)的显示,我们也对内容层的Alpha参数进行了修改。统一公式为:

realAlpha(真实应用质感透明度) =

255 - ( 255 – MaterialAlpha(全局质感透明度) ) * dbPercent

注:dbPercent默认等于 1

其中,窗口及各控件特定参数设置如下:

窗口/控件

dbPercent (=)

会话窗口主体(aio、会话区、输入区)

默认

主面板主体

默认

会话窗口>小工具栏

0.8

主面板>Tab区前景(icon)

0.3

主面板>Tab区背景

0.5

滚动条前景(拉杆、按钮)

0.08

滚动条背景

0.9

(图3 图示说明)

c) RichEdit黑色色带修复算法

RichEdit的TxDraw接口未返回Alpha通道,所以采用三遍绘制的方式确定Alpha通道,

但在ClearType开启的情况下,这种方法会无法准确获取Alpha通道,所以会有花屏的状况出现。

为了解决此问题,我们在RichEdit绘制结束后强制用一个画刷,把所有像素点的Alpha通道打成255,此方法的后遗症是当窗口背景较黑的时候,RichEdit部分会较其他控件部分显黑,出现黑色色带。

为追求极致的美化效果,必须克服这个后遗症。于是在窗口质感层之前,增加了一层纯白色的混合层,这层质感层的Alpha计算公式为:

revertAlpha = sqrt(255 * 255 – MaterialAlph * MaterialAlpha)

从而将RichEdit的背景色维持在一个较白的效果,较好修复RichEdit黑色色带。

(图4修复前后效果对比)

d) 好的算法带来的效果突破

对比网友补本版粗暴地去掉质感层,不仅造成透明程度不可调节,各部分显示不协调,某些区域辨识度低,甚至还出现黑显,美化效果并不理想。由于用户无法对各窗体进行分开调节,盲目地将透明效果推广到各个窗体,反而会影响美观。而如果增加个窗体的分开调节,会大大增加用户的精力成本,降低功能的易用性。所以,我们利用技术上的创新,实现了效果上的突破。效果美化:搜索框的黑显消;Tab区、滚动条、会话窗口等操作区的显示清晰,不影响用户操作。

(图5 网友版透明皮肤) (图6 QQbeta2 透明皮肤效果)

4. 操作便捷,一键适配各种背景

虽然为了实现了透明皮肤,我们对技术作了很多的改造,但是呈现出来的东西却是最简单操作:用户仅需调整一个设置项,即可实现上述所说的各部分透明度协调变化。如果用户同时使用毛玻璃效果,将会增加透明皮肤的可玩性。

(图7 QQ2012beta2设置透明皮肤入口)

之所以将透明皮肤设置为可调节透明度的交互设计,是为了可以给用户可以调节白色质感层的控制权利,可以根据不一样的背景,调节到最适合的透明度。

(图8背景颜色较影响文字阅读时将透明度调20%透明)

(图9背景颜色不影响文字阅读时将透明度调100%全透明)

5. 惊喜发现:用户扩展,潜力无限

透明皮肤其实具有庞大的潜在用户群。上线后,我们发现透明皮肤的用户群其实不止局限于我们预想的青少年群体,已扩展到大量QQ活跃用户中去。根据观察同事们的使用情况,看到摄影发烧友换上了自己的得意之作,已为人父母的家长换上了宝贝的可爱照片。每个人都有追求趣味、美观和个性的客观需求。用户的普遍肯定也更加坚定了团队迎接新挑战的信心。

(图10用户微博反馈)

篇2:QQ透明皮肤教程

很多QQ网友喜欢上了把QQ皮肤背景搞成透明的,所以本站,站长,亲自试验过程,

得出最实际的结果写给大家分享一下,

如果你对,QQ透明皮肤怎么弄,及QQ透明皮肤怎么替换还不明白的话,请看下我自学的经过,

首先,要把你的QQ下线,就是你的电脑所有QQ占时,不能挂在电脑里上线,然后,下载QQ透明皮肤补丁,

下载补丁地址:http://www.jsqq.net/qqxw/1.rar

在换QQ透明皮肤补丁,把原前的QQ皮肤补丁做下备份,

当然下载完以后,用你电脑鼠标,点一下你的QQ右键,下图示例↓↓

找到QQ里面的这个文件Resource.1.65.2228 后,打开里面的文件,下图示例↓↓

然后在把从本站下载的文件里面三个换过去,下图示例↓↓

就是这三个内容,把你的原来互换过去。就这样你所做的QQ皮肤就可以透明了,请看下图↓↓,我刚做的

希望本文的QQ透明皮肤教程对你有帮助。

篇3:qq透明皮肤制作教程

情人节快到了,我决定给女朋友一个惊喜,因为她要来看我,我就制作了一个自定义透明的QQ主面板,把我们两个的QQ主面板都换成了情侣装。

这个实质就是透明皮肤的方法哦

工具/原料

QQskin软件,情侣照片一张,RDB文件打包解包工具,软件.Net Framework4.0,QQ安装文件夹

步骤/方法

首先关闭QQ,去网站下载一个QQskin.exe的软件,这个软件可以自动换主面板大部分的皮肤。

运行这个软件,点击更换透明。

然后运行QQ,会发现皮肤变成下图的样式了

QQ技巧

更换自己选好的照片,我们会发现中间的搜索框和联系人、群/讨论组、微薄、最近联系人的横条还不是透明的,人物被中间分成了两部分,十分的不好看。

为了解决这个问题,我们还要下载一个RDB文件打包解包工具。

运行UniversalPackageBuilder3.exe,我们会发现初始化异常,是因为我们的Framework软件版本太低,下载Framework4,下载后运行安装,自动重启电脑。

安装完成后可以运行UniversalPackageBuilder3.exe了。

点击打开,选择QQ安装文件夹:QQResource.1.71.5074Themes的Default.rdb文件。

然后删除以下文件,点击保存。

DefaultMainPanelsearchmain_search_bkg.gft

DefaultMainPanelmain_tab_bkg.gft

DefaultMainPanelmain_tab_highlight.gft

DefaultMainPanelmain_tab_check.gft

DefaultMainPanelmain_tabbtn_down.gft

DefaultMainPanelmain_tabbtn_highlight.gft

DefaultMainPanelicon_contacts_normal.png

DefaultMainPanelicon_contacts_selected.png

DefaultMainPanelicon_group_normal.png

DefaultMainPanelicon_group_selected.png

DefaultMainPanelicon_last_normal.png

DefaultMainPanelicon_last_selected.png

再打开:QQPluginCom.Tencent.WBlogBundle.rdb这个文件,删除以下文件,然后保存,

ResWBlogWBlog_TabBtn_Focus.png

ResWBlogWBlog_TabBtn_Normal.png

ResWBlogWBlog_TabBtn_Normal_Msg.png

然后消除搜索栏的“搜索联系人”的汉字,用记事本方式打开QQI18N2052StringBundle.xml这个文件,找到“搜索联系人,网页信息和问问答案”这行字,删除后保存。

现在登录QQ,点击更换外观的按钮,添加自己准备好的情侣照片,选择合适的位置后点击确定就行了。

给大家看一下做完的效果图。

注意事项

适用于QQ版

前4步是总结网上的经验

篇4:qq透明皮肤怎么弄

看到别人的qq皮肤是透明的,很酷很时尚,是不是很羡慕啊!?现在就教大家怎么弄QQ2011透明皮肤,这个教程超级简单的一看就会,不像网上搜的一些教程需要改好多文件,看的叫人头疼啊~~

qq2011透明皮肤补丁:Res.rdb和Default.rdb 文件

这两个文件是必须的,如果没有可以在网上搜索一下看能不能找到,但是要小心网上下载的是不是带有木马或者病毒。

下载或者准备好Res.rdb和Default.rdb 文件

关闭所有QQ程序(最好重启下电脑);

1.打开QQ程序所在文件夹(一般默认是:C:Program FilesTencentQQResource.1.65.2221)

2.把系统中的 Res.rdb 文件重命名为 Res原文件.rdb ,把新 Res.rdb 文件剪切至Resource.1.65.2221文件夹;

3.把系统中的 Default.rdb 文件重命名为 Default原文件.rdb ,把新 Default.rdb 文件剪切至Resource.1.65.2221文件夹;

4.打开QQ,点击“更改外观”更换皮肤图片,

完成。

篇5:更换QQ音乐的皮肤背景

登录QQ音乐播放器,点击“换肤”图标,选择喜欢的皮肤便可以进行切换,

更换QQ音乐的皮肤背景

温馨提示:

1、目前QQ音乐播放器暂不支持自定义上传皮肤;

2、若您使用的QQ音乐软件中没有“换肤”选项,版的QQ音乐暂不支持下载皮肤。

篇6:qq透明皮肤怎么弄,qq透明皮肤补丁安装教程

第一步、右键QQ图标-属性后的图片

选择查找目标!这个就是找到你的QQ安装目录啦!不要找错哦

教程

2.点击查找目标后会出这个安装目录、返回上一级.

3.这个就QQ根目录、找到Resource开头的文件夹!不一定和我的文件名字一样!

Resource开头的就对了!

4.然后打开下载好的透明皮肤补丁文件包、找到Res.rdb文件

直接解压覆盖到

5.在打开Themes文件夹、看到Default.rdb文件、然后覆盖下载好的补丁即可.

覆盖前要关闭QQ!和备份下~~~这样觉得不好可以恢复!

下面是进一步修改、可以不弄!

6.这个是修改登录界面图片、返回、找到Mis文件夹

6.看图、依次打开

7.这步是对有登录界面的补丁用的!如果补丁文件包里没有下面的几个文件就直接跳过~~~

8.这个是登录时等待的界面图片、可以自己制作、也可以直接删除!就变透明的了

这样就完成了QQ透明皮肤补丁覆盖的过程、大家可以去下载个补丁试试看

篇7:QQ透明皮肤修改器使用指南

看到其他人在QQ中使用透明皮肤是不是很羡慕,其实我们可以通过QQ透明皮肤修改器来实现,该软件不需要掌握任何复杂的知识就可以让你瞬间拥有超炫的QQ透明皮肤,支持自定义图片,支持多种透明皮肤补丁切换,支持拖放操作,个性化十足,支持QQ2011、QQ2012版本。

查看其他人分享的透明皮肤并分享我喜爱的透明皮肤

本软件是通过分析QQ皮肤文件的结构来实现透明皮肤的,不同于网上的替换文件的方法,绝不会出现由于QQ版本变更而导致的QQ皮肤文件损坏或异常的问题,全面兼容QQ各个版本,即使在下一个QQ版本中,此软件也不会失效!

it项目开发计划书

培训项目开发计划书

旅游开发项目计划书

市场开发项目计划书

项目开发计划书范文

光纤实习报告优选推荐

项目开发计划书

浅析智能光网络技术及发展

大学生安全教育总结

百度云、阿里云、盛大云和腾讯云哪个适合托管网站?

QQ透明皮肤:多层算法 一键适配各种背景
《QQ透明皮肤:多层算法 一键适配各种背景.doc》
将本文的Word文档下载到电脑,方便收藏和打印
推荐度:
点击下载文档

【QQ透明皮肤:多层算法 一键适配各种背景(共7篇)】相关文章:

美图秀秀批处理工具新版发布 一键上传QQ空间2022-07-29

河南党课app2022-09-21

数字电视传输技术研究的论文2022-06-07

大学大学计算机实验报告2023-04-10

高等院校档案信息网络研究论文2022-10-02

东芝Toshiba笔记本免费送QQ秀四款2023-09-19

计算机网络综合实验报告参考2022-05-26

root教程~2分钟搞定,你值得拥有~~~~~2022-07-21

宽带接入技术 光纤接入技术的说明和应用2023-07-20

豆瓣FM产品体验小结交互设计2022-11-09

点击下载本文文档