返回列表 发帖

[讨论] TW 的皮肤文件中项目的命名太混乱了,不知道有没有可能规范一下

相比另一浏览器的皮肤,人家那是井井有条啊。

皮肤中的参数应该是规范的,至于皮肤文件的命名是自定义的。
可以通过skin.ini设置。所以不存在混乱的问题,有什么皮肤制作上的问题,可以一起讨论~
Follow ME
---------------
我的博客

TOP

我说的不是文件的命名,而正是参数的命名,以及分类。
当然用起来是不会有什么问题,但觉得没有一个统一的规范的命名,给人不是很正规的感觉,较为混乱。

TOP

如果参数名能做到望文生义,一看就知道某参数是设置那方面的这样,制作皮肤的时候就舒服很多了哈,是吧

TOP

回复 #4 pmt 的帖子

参数基本上都能“望文生义”了啊。
如AddressButtonSpace,
SearchRightPad,
ItemLeft,
FAV_DIRECTORY,
BTN_SIDEBAR,
BG_ADDRESS,
TabFocusText,
等等。而且skin.inib也作了分类啊。如[ICON],[IMG],[COLOR]。
另外,这里有http://bbs.ioage.com/viewthread.php?tid=32447&extra=page%3D1
skin.ini所以参数注释。。
Follow ME
---------------
我的博客

TOP

唉...
我就厚着脸皮说多几句吧。
下面是范例的 .ini 文件,看看吧,混乱的分类,混乱的称谓。
归根结底,是项目管理的混乱,设计过程中的随意性。
可以想象 TW 的源代码是怎样一种情况...

下面的建议,不是针对某个参数,而是想说明整体的普遍情况。
看贴者就不要在某个名称上面作什么争论了。


#read only
[General]
Name=IE7p
Author=
Comment=TW 2.0 skin
Version=p4

[Wnd]
Corner=9                                                        Corner=9,这是一个尺寸,数量值。而下面,BottomBorder=1,是一个真假值。   这样的话,这里用CornerSize=9 这样是不是更明晰?
#标题条的园角大小
Border=5
#边框宽度
BottomCorner=1                                              在 [titlebar] 这一节中也有这个定义,哪一个才是有用的呢?
#边框的底边是否园角(0不用1开启园角)

[TitleBar]
Super=0
Height=25                                                      在这里,titlebar 的高度叫做 Height,而在下面的 [ToolBar] 中,高度却又叫做 mainCY
#标题条高度
BottomCorner=1
#窗口下方是否使用园角(0不用1开启)

[SideBar]
Super=0
AlignSuperTitle=1

[Rebar]
RowLine=0
#工具栏分割线是否开启(0为隐藏,1为开启)
GripperCX=6
AddressButtonSpace=4
#转到按钮和网址输入框的距离
SearchButtonSpace=4
#搜索按钮和输入框的距离
BackMode=2
#顶部工具条和底部状态条区域的背景填充方式
#背景支持五种填充方式:
#1-缩放自适应
#2-平铺
#3-三段式图片的填充,左右部分原始,中部缩放, 横向
#4-三段式图片的填充,左右部分缩放,中部居中原始, 横向
#5-三段式图片的填充,左右部分原始,中部平铺, 横向和纵向

[ToolBar]
MaskNormal=0
#标准四态按钮底图,0只画悬停和按下,1四态全画
MainCY=35                                                          maincy,源于 WinAPI 的参数名吧? 为什么不能向其他高度参数那样叫做 height 呢?
#主工具条高度
AddressCY=35
#地址栏高度
SearchCY=35
#搜索框高度
ProgressLeft=4                                                    状态栏的参数,和 ToolBar 的参数放在一起了,怎么就不能给 StatusBar 单独起一节?
#状态栏进度条,进度填充离边框的距离

[COMBOBOX]                                                      ComboBox,地址栏不也是一个 ComboBox 么?
LeftPad=6
#所有输入框中图标与左边对齐的距离
SearchLeftPad=5
#搜索输入框中图标与左边对齐的距离
SearchRightPad=10
#搜索框编辑框右边的偏移
AdressLeftPad=6                                                 原来地址栏的东西也在这里,怪不得这一节叫 ComboBox。究竟参数的分类是按照什么来分的?
#地址输入框中图标与左边对齐的距离
AdressRightPad=0
#地址栏编辑框右边的留空
AddressBtnRightPad=4
#地址栏状态按钮与右边下拉按钮的距离
HisSearchRightPad=20
#历史搜索框的右边留空
HisSearchLeftPad=10
#历史搜索框的左边留空

[TabBar]
ItemLeft=20
ItemRight=20
#标签左边、右边区域宽度(绘制的时候使用标签图原始尺寸绘制左边)
#中间的宽度为标签实际宽度减左右宽度,绘制的时候用标签图中部拉伸绘制
VBorder=1                                                        Border。按照其他参数的习惯,命名为 Padding 之类的好些吧?
#标签上文字和图标的Y方向的边界高度
PBorder=0
#激活的标签,压住未激活的标签的宽度
cBorder=0
#激活的标签的关闭按钮与右边的距离(与上个参数保持一致,可以在切换标签时图标不产生移动)

[Browser]
Border=2
#当同时显示多个页面的时候,每个页面的边界尺寸
Spliter=2
#当同时显示多个页面的时候,页面之间的距离

[ICON]
FAV_DIRECTORY=fav_directory.ico
#收藏夹目录图标
FAV_URL=fav_url.ico
#收藏链接默认图标
ADDRESS_URL=fav_url.ico
#输入框和标签默认图标

[IMG]
BTN_NEW=tool_new.png
#工具图标-新建标签
BTN_BACKWARD=tool_backward.png
#工具图标-返回上一步
BTN_FORWARD=tool_forward.png
#工具图标-继续下一步
BTN_STOP=tool_stop.png
#工具图标-停止
BTN_REFRESH=tool_refresh.png
#工具图标-刷新
BTN_HOME=tool_home.png
#工具图标-主页
BTN_SIDEBAR=tool_sidebar.png
#工具图标-侧边栏
BTN_RESTORE=tool_restore.png
#工具图标-恢复
BTN_GO=tool_go.png
#转到按钮
BTN_NAVIHISTORY=tool_navihistory.png
#浏览历史下拉按钮
BTN_SEARCH=tool_search.png
#搜索按钮
BTN_SEP=btn_sep.png
#工具栏分割线
BTN_TITLE_MIN=btn_title_min.png
#窗口最小化按钮
BTN_TITLE_MAX=btn_title_max.png
#窗口最大化按钮
BTN_TITLE_CLOSE=btn_title_close.png
#窗口关闭按钮
BTN_THUMB=thumb.png
#地址输入框的历史下拉按钮
BTN_MASK=btn_mask.png
#通用按钮效果(包括四等份,四种状态)
BTN_MASK_MINI=btn_mask.png
#按钮效果(小工具栏)
BTN_SIDECLOSE=btn_sideclose.png
#侧边栏关闭按钮
BTN_DROPDOWN=btn_dropdown.png
#侧边栏菜单下拉标记
BTN_SIDEMENU=btn_sidemenu.png
#侧边栏下拉菜单按钮
BTN_SIDEMODE=btn_sidemode.png
#侧边栏模式切换按钮
BTN_SELECT=btn_select.png
#侧边栏,下载时的选中项
BG_ADDRESS_SAFE=bg_address_safe.png
#safe模式的address背景
BTN_ADDRESS_THUMB_SAFE=thumb.png
#safe模式下拉按钮的图
BG_FRAME_BORDER_HT=bg_frame_ht.png
#边框背景图上
BG_FRAME_BORDER_HB=bg_frame_hb.png
#边框背景图下
BG_FRAME_BORDER_VL=bg_frame_vl.png
#边框背景图左
BG_FRAME_BORDER_VR=bg_frame_vr.png
#边框背景图右(垂直的是拉伸绘制,水平的是三段式图片的填充,左右部分原始,中部缩放,园角以水平的为准)
BG_ADDRESS=bg_address.png
#地址输入框
BG_ADDRESSEDIT=bg_edit.bmp
#地址输入框底图
BG_HISTORYEDIT=bg_edit.bmp
历史输入框底图
BG_TOPBAR=bg_topbar.png
#主工具栏背景
BG_BOTTOMBAR=bg_topbar.png
#底部状态栏背景
BG_TOOLBAR=bg_topbar.png
#附属工具栏背景
BG_TITLEBAR=bg_topbar.png
#标题条背景
BG_COMBOCOOL=bg_combocool.png
#搜索框图
BG_SEARCHEDIT=bg_edit.bmp
#搜索框底图
BG_STATUSTOOLBAR=statustoolbar.png
#状态条上的工具背景(可以没有)
BG_MENUBAR=bg_menubar.png
#标题条上的菜单背景
BG_SIDETOOLBAR=bg_topbar.png
#侧边栏标题条底色
REBAR_GRIP=rb_band.png
#工具栏拖动把手
REBAR_CHEVRON=chevron.png
#小工具条(收藏栏)更多显示下拉按钮
SIZE_STATUSBAR=size_status.png
#右下角面板拉伸把手
ICON_APP=TheWorlds.ico
#程序显示图标
ICON_APP_SMALL=TheWorlds.ico
#程序显示图标
IL_SEARCHITEM=il_searchitem.png
#搜索框选择搜索引擎图标
IL_STATUSITEM=il_statusitem.png
#状态栏显示图标
IL_MENUICON=il_menuicon.png
#菜单选择提示图标
IL_SIDEBARITEM=il_sidebaritem.png
#侧边栏收藏夹工具按钮图标
IL_SEARCHHISTORY=il_searchhistory.png
#历史查询分类图标
IL_FINDBARITEM=il_findbaritem.png
#页面搜索工具图标
IL_MINITOOLBAR=il_minitoolbar.png
#小工具栏图标
IL_DOWNLOAD=il_download.png
#侧边栏下载工具图标
IL_SIDEDEFITEM=il_sidedefitem.png
#侧边栏分类图标
TAB_BG=tab_bg.png
#页面标签背景
TAB_ITEM=tab_item.png
#标签图(四种状态1.正常2.悬停3.激活4.副窗口,每个标签三等分,中间为拉伸宽度)
TAB_BGB=tab_bgb.png
#页面标签背景(标签置下显示状态)
TAB_ITEMB=tab_itemb.png
#标签图(标签置下显示状态)
TAB_CLOSE=tab_close.png
#标签关闭
TAB_BTNLEFT=tab_btnleft.png
#标签整体滚动,向左
TAB_BTNRIGHT=tab_btnright.png
#标签整体滚动,向右
TAB_BTNCLOSE=tab_btnclose.png
#标签关闭
TAB_BTNNEW=tab_btnnew.png
#新建标签
TAB_BTNNEWB=tab_btnnewb.png
#新建标签(标签置下显示状态)
TAB_BTNLIST=tab_btnlist.png
#所有标签显示列表按钮
TAB_PROGRESS=tab_progress.png
#标签页面调入进度显示
IMG_DROP=img_drop.png
#搜索框,选择搜索引擎的下拉箭头,没有生效(?)
IMG_SIDEBAND=img_sideband.png
#侧边栏宽度拉伸把手
IMG_PROGRESS=img_progress.png
#状态栏页面调入进度
IMG_SIDEOLS=img_sideols.png
#侧边栏堆叠工具栏时的把手显示

[COLOR]                                                Color,本来以为所有颜色都在这里定义了,没想到下面 [MENU] 一节中,还有 menu 自己的颜色定义
                                                            而且 [MENU] 中不仅有颜色,还有尺寸等东西
FRAME_BORDER=0x3e73af
#程序窗口边框颜色
TitleTextColor=0x000000
#程序标题文本颜色
TitleTextColor2=0x52677a
#设定标题条在窗口处于未激活状态的时候的文字颜色
ToolBarTextColor=0x
#工具栏和侧边栏文本颜色
STATUSBAR_TEXT=0x0
#状态栏文本颜色
REBAR_LINE=0xb6b3c1
#工具栏分割线颜色(RowLine=1才能开启)
REBAR_LINE2=0xffffff
#工具栏分割线颜色2(RowLine=1才能开启)
SIDEBAR_TOOLBARBK=0x95bde3
#侧边栏面板底色
SIDEBAR_ITEMBKHOT=0xc1d2e9
#侧边栏面板悬停时底色
SIDEBAR_ITEMBKCUR=0xe3e9f1
#侧边栏面板激活时底色
COMBOTEXT=0x
#输入框文本颜色
COMBOBK=0xffffff
#输入框底色
COMBOTEXTSAFE=0x0
#安全提示时,输入框文本颜色
COMBOBKSAFE=0xffffef
#安全提示时,输入框底色
COMBOFLOATTEXT=0x306bab
#输入框提示文字颜色,浮动的
BROWSER_BORDER=0x818181
#浏览区边框颜色
BROWSER_BORDERA=0x716ef6
#浏览区边框颜色(双屏时主窗口)
TabFocusText=0x0
#当前浏览的标签文字颜色
TabHotText=0x0
#悬停的标签文字颜色
TabText=0x404040
#未浏览的标签文字颜色

[Menu]
BKColor=0xcde2f6
#菜单底色
HorzBarColor=0xcde2f6
#菜单左列图标区底色
TextColor=0x000000
#菜单正常文本颜色
HilightTextColor=0xffffff
#菜单悬停文本颜色
GrayTextColor=
#菜单无效文本颜色
SeparatorColor=0xb6b3c1
#分割线颜色
HilightBorder=0xe7e6eb
#悬停区域边框
HilightBKColor=0x5b7ed4
#悬停区域底色
GrayHilightBKColor=0xd0e0f5
#无效菜单悬停区底色
HightlightGray=0xd0e0f5
#无效菜单悬停色
ImgSize_X=
#图标宽度
ImgSize_Y=
#图标高度
ImagePadding_left=2
#图标左侧空出宽度
ImagePadding_right=2
#图标右侧空出宽度
ImagePadding_top=2
#图标顶部空出高度
TextPadding_left=2
#文字左侧空出宽度
TextPadding_right=16
#文字右侧空出宽度
TextPadding_tb=2
#文字顶不空出高度


不知道开发者有没有时间看看这些建议,希望版主能代为转告。

TOP

看到了,很惭愧
这确实是个问题,而且是个大问题

首先,我们的命名是有些随意了
其次,即使我们现在想悔过,似乎也晚了,因为有大量使用这些名字皮肤已经制作出来了

如果可能,我们一定会在TheWorld 3.0的开发中注意这个问题的

TOP

是有点晚了。
当然用起来也没什么大问题的,只是,人家看到了怕会影响 TheWorld 的形象

TOP

高手

TOP

TheWorld 3.0
哦 天
2.0还没完呢

TOP

3.0?!晕啊~~~~

那又会是个什么概念啊
[shadow=140,pink,3]晚枫饮霞娇欲醉[/shadow]
[glow=140,black,7]万千星光入画舫[/glow]

TOP


我也认同楼主意见
如果命名让不熟悉的人也明白那就好了。
[size=6]老烟枪[/size]

TOP

返回列表