世界之窗论坛 - Powered by Discuz! Board

标题: [讨论] TW 的皮肤文件中项目的命名太混乱了，不知道有没有可能规范一下 [打印本页]

作者: pmt 时间: 2007-4-30 12:06 标题: TW 的皮肤文件中项目的命名太混乱了，不知道有没有可能规范一下

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

作者: elion 时间: 2007-4-30 12:12

皮肤中的参数应该是规范的，至于皮肤文件的命名是自定义的。

可以通过skin.ini设置。所以不存在混乱的问题，有什么皮肤制作上的问题，可以一起讨论~

作者: pmt 时间: 2007-4-30 12:20

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

作者: pmt 时间: 2007-4-30 12:21

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

作者: elion 时间: 2007-4-30 12:34 标题: 回复 #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所以参数注释。。

作者: pmt 时间: 2007-4-30 14:48

唉...
我就厚着脸皮说多几句吧。
下面是范例的 .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
#文字顶不空出高度

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

作者: phoenix 时间: 2007-4-30 15:28

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

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

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

作者: pmt 时间: 2007-4-30 16:14

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

作者: tianlijian 时间: 2007-4-30 17:16

高手

作者: folder 时间: 2007-4-30 17:38

TheWorld 3.0
哦天
2.0还没完呢

作者: Andever 时间: 2007-4-30 20:50

3.0?!晕啊~~~~

那又会是个什么概念啊

作者: avaww 时间: 2007-5-1 19:07

我也认同楼主意见
如果命名让不熟悉的人也明白那就好了。

作者: superlnts 时间: 2007-5-2 05:57

可以想象 TW 的源代码是怎样一种情况...

可以想象 TW 的源代码是怎样一种情况...

可以想象 TW 的源代码是怎样一种情况...

可以想象 TW 的源代码是怎样一种情况...

可以想象 TW 的源代码是怎样一种情况...

发人深思啊，高手果然不同，楼主你厉害，你绝对比开发组的人牛。

作者: superlnts 时间: 2007-5-2 05:58

有错误要及时改正
亡羊补牢，为时未晚。为什么要等到3.0，2.0做不好，还期待3.0有人用吗。

作者: Deepblue 时间: 2007-5-2 13:13 标题: 回复 #14 superlnts 的帖子

你觉得重新再修改还来得及吗?其实,这个也称不上是"错误"!!
也只是针对皮肤作者而言的,对一般用户是没有一点影响的.别归纳到2.0做不好的问题上!
开发组的意思是,只能再下次规划的时候再注意了.

作者: superlnts 时间: 2007-5-2 13:35

原帖由 Deepblue 于 2007-5-2 13:13 发表 http://bbs.ioage.com/images/common/back.gif
你觉得重新再修改还来得及吗?其实,这个也称不上是"错误"!!
也只是针对皮肤作者而言的,对一般用户是没有一点影响的.别归纳到2.0做不好的问题上!
开发组的意思是,只能再下次规划的时候再注意了.

真是无奈，您就不能深入理解一下楼主的问题吗？您以为楼主只是在讨论皮肤问题吗？您的理解能力如果停留在这个阶段，我和您讲这些道理就证明了我的2.所以我决定不2了，您请自己理解。

作者: Deepblue 时间: 2007-5-2 13:39

如果你是以用户的角度考虑,那么你觉得2.0用得舒服就用,不舒服,不用.
如果你是以程序开发的角度考试,那么有能力自己开发,没能力再努力~

作者: youdu 时间: 2007-5-2 13:51

呵呵~问题可大可小，只要官方提供标准的模板就不成问题；

相反，相比另一款浏览器，人家可没有一个官方的模板。仅一个ini文件定义说明，做过皮的应该知道，这不是很够。

作者: constantine 时间: 2007-5-4 23:42

人家，其实也很乱的。

不过TW的皮肤改动得很大，留下很多自相矛盾的地方

作者: elion 时间: 2007-5-7 12:55 标题: 回复 #18 youdu 的帖子

是不是配套制作教程就更好了~~

作者: asin888 时间: 2007-5-12 09:40

问题的确可大可小,不过,也不能以此就来否定TW,毕竟,对于更多的人来说,功能才是唯一需求.^^
至于代码是否有效精简,嘿,如温饱之后才开始考虑品味一样,温饱才是主题啊.^^^

作者: ywl12345 时间: 2007-5-15 13:58

不错哦

欢迎光临世界之窗论坛 (http://bbs.theworld.cn./)