UI设计需求文档.docVIP

UI设计需求文档 样式表：参考文档如css.rar 图片风格：参考文档如skin.rar 软件界面修改样图参照： 要求提供修改样式的路径和样式名称，背景图片需要描述图片所在的路径；最好使用CSS样式，不要使用脚本方式；需要提供提页面整体样式文件的存放地址和文件名称并描述主要样式的作用以及使用到的地方。 页签样式:包含页签选中状态和不选中状态，以及鼠标放上去的样式，包括页签文字的样式。 页签风格修改需要参考TabStrip.htc里的源码 不选中状态，有下面3个js变量来分别存储页签的左角图片、背景图片和右角图片 TabStripDefaultLeftPic : 左角图片 TabStripDefaultBgPic: 背景图片 TabStripDefaultRightPic右角图片 签选中状态，有下面3个js变量来分别存储页签的左角图片、背景图片和右角图片 TabStripSelectedLeftPic: 左角图片 TabStripSelectedBgPic: 背景图片 TabStripSelectedRightPic右角图片 鼠标放上去的样式，有下面3个js变量来分别存储页签的左角图片、背景图片和右角图片 TabStripHoverLeftPic: 左角图片 TabStripHoverBgPic: 背景图片 TabStripHoverRightPic右角图片 页签文字的样式 在程序里控制的，可以查FONT-SIZE:8pt等 页签空白区域风格控制 也是源码里： element.style.cssText=padding-left:3px;padding-top:3px;background-color:transparent;background-image:url(+UCMLSkinPath+css/newportaltitle_bg.jpg);border-right:1px solid #306b96;border-left:1px solid #306b96;; 页签背景样式：页签背景图片和背景样式。 查源码tab.children[0].innerHTML=，里会有样式 树背景样式：背景图片和背景样式。 树的风格受ucmlapp.css里的.UCML-TreeBody控制 树选中节点样式:背景和文字。 Treeview.htc里由下面这行程序控制 g_styles[defaultstyle] = strFont + display:inline-block; color: black; text-decoration:none; cursor: hand; overflow:hidden;; 树非选中节点：背景和文字。 Treeview.htc里由下面这行程序控制 g_styles[selectedstyle] = color: highlighttext; background-color:redhighlight;; 工具栏：背景图片和样式以及工具栏包含的元素样式（如：文本框，按钮，下拉框）。 Toolbar.HTC源码里： Toolbar 背景控制 oBody.style.cssText=FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5 , endColorstr=#6c1c1, GradientType=0);; 变量 _BuiltInDefaultStyle：代表Toolbar按钮的缺省风格 变量 _BuiltInHoverStyle：代表Toolbar按钮的鼠标Hover的风格 变量 _BuiltInSelectedStyle：代表Toolbar按钮的选中风格 表格表头样式：背景图片和样式，以及各种选择状态的样式。 在UCMLApp.css里，.UCML-Grid-Header 表格单元格样式：背景图片和样式，以及各种选择状态的样式。 在UCMLApp.css里，由. UCML-Grid-Row (偶数行)和UCML-Grid-AltRow(奇数行)控制 列表下角提示信息：背景图片和样式。 在UCMLApp.css里，由.UCML-GRID-StatusBar控制 分割区选择样式：背景图片和样式（模板中引用样式的路径）。 样式在UCMLApp.css里，由.W1AEFC7控制 背景图片在 Images/WebDesktop/SplitterLeft.gif