风格和属性参考文档.docx

风格和属性参考文档.docx

《风格和属性参考文档.docx》由会员分享，可在线阅读，更多相关《风格和属性参考文档.docx（18页珍藏版）》请在冰豆网上搜索。

风格和属性参考文档

风格和属性参考文档

ht.Default

{

"baseZIndex":

"undefined，指定组件基准CSS的ZIndex值，改值仅在将HT与其他第三方组件混合使用时根据需要设置",

"isTouchable":

"false，判断是否为触屏可Touch方式交互，HT系统一般会自动判断，对于极少数HT无法正确识别的系统下，可以通过配置强制指定",

"devicePixelRatio":

"1，设备像素比，HT系统自动取至window.devicePixelRatio，某些特性情况需要为mobile应用牺牲精度节省内存时可以强制设置为较小值",

"reinvalidateCount":

"3，组件初次加载时界面宽高值可能会为0，HT会自动尝试等待下次延迟刷新，该参数一般无需改动",

"hitMaxArea":

"3000，进行框选判断时为了避免内存占用过大，HT会根据最大面积限制进行缩放判断，该参数一般无需改动",

"autoMakeVisible":

"true，决定Data元素被选中时，组件是否自动滚动到Data元素可见位置",

"autoHideScrollBar":

"true，决定组件的滚动条默认是否自动隐藏，true为自动显示和隐藏，false则需要滚动时一直显示不会自动隐藏",

"disabledOpacity":

"组件无效时的透明度",

"disabledBackground":

"组件无效时的背景色",

"toolTipDelay":

"800，决定组件的ToolTip显示的延迟间隔",

"toolTipContinual":

"false，决定组件的ToolTip显示的情况下，如果鼠标移动到新的位置时，ToolTip是否实时持续跟进",

"lineCap":

"butt，决定线条末端线帽的样式，可选参数为：

butt|round|square",

"lineJoin":

"round，决定当两条线交汇时创建边角的类型，可选参数为：

bevel|round|miter",

"imageGradient":

"linear.northeast，决定默认图片的渐进色类型",

"dashPattern":

"连线或多边形等图形的默认虚线样式",

"animDuration":

"200，决定默认动画周期",

"animEasing":

"function（i）{returni*i}，决定默认动画效果函数，可参考

"labelColor":

"#000，默认文字颜色",

"labelSelectColor":

"#FFF，默认选择状态下文字颜色",

"labelFont":

"12pxarial,sans-serif，默认文字字体",

"widgetIndent":

"20，该属性决定通用组件缩进，例如树组件每一层的缩进",

"widgetRowHeight":

"20，该属性决定通用组件行高，例如表格每行行高",

"widgetHeaderHeight":

"22，该属性决定通用组件抬头高度，例如TabView，TableHeader和Toolbar等的头部高度",

"widgetTitleHeight":

"24，该属性决定AccordionView和TabView等组件的Title默认高度",

"scrollBarColor":

"rgba（0,0,0,0.35），默认滚动条颜色",

"scrollBarSize":

"7，默认滚动条宽度",

"scrollBarTimeout":

"1000，默认滚动条隐藏间隔毫秒数",

"scrollBarMinLength":

"20，默认滚动条最小长度",

"scrollBarInteractiveSize":

"16，默认滚动条起作用区域大小",

"zoomIncrement":

"1.3，默认缩放步进",

"scrollZoomIncrement":

"1.05，默认滚轮缩放步进",

"pinchZoomIncrement":

"1.08，默认双指触屏Touch方式缩放步进",

"zoomMax":

"20，默认最大缩放倍数",

"zoomMin":

"0.01，默认最小缩放倍数",

"segmentResolution":

"12，默认曲线分段微分数",

"shapeResolution":

"24，默认模型分段微分数",

"shapeSide":

"24，默认模型边数",

"getVersion":

"function（）{return\"5.0\"}，getVersion（）获取HT系统版本号",

"setCompType":

"setCompType（type,function（g,rect,comp,data,view）{}）注册矢量组件类型",

"getCompType":

"getCompType（type）获取矢量组件类型",

"numberListener":

"数字类型监听器，该监听器将使得input文本输入框只允许输入数学相关字符",

"preventDefault":

"preventDefault（e）阻止默认行为函数，常用于屏蔽触屏上默认DoubleTap缩放等行为",

"getWindowInfo":

"getWindowInfo（）获取当前窗口left|top|width|height的参数信息",

"isDragging":

"判断目前是否处于拖拽状态，isDraging（）无输入参数，返回true|false",

"isLeftButton":

"判断是否鼠标左键被按下，isLeftButton（e），传入交互事件，返回true|false",

"getTouchCount":

"获取当前Touch手指个数，getTouchCount（e），传入交互事件，返回int类型个数",

"isDoubleClick":

"判断是否为双击事件，isDoubleClick（e），传入交互事件，返回true|false",

"isShiftDown":

"判断是否鼠标Shift键被按下，isShiftDown（e），传入交互事件，返回true|false",

"isCtrlDown":

"判断是否鼠标Ctrl键被按下，isCtrlDown（e），传入交互事件，返回true|false",

"getClientPoint":

"返回client属性坐标，getClientPoint（e），传入交互事件，返回{x:

clientX,y:

clientY}格式对象",

"getPagePoint":

"返回page属性坐标，getPagePoint（e），传入交互事件，返回{x:

pageX,y:

pageY}格式对象",

"createObject":

"createObject（clazz,attributes）构建类对象",

"setImage":

"setImage（name）|setImage（name,img）|setImage（name,src）|setImage（name,width,height,src）四种方式设置图片，HT数据模型设置图片只需设置注册图片的name名称即可",

"getImage":

"getImage（name,color）获取图片，name为图片名称，color为染色颜色",

"getId":

"getId（）获取全局下一个id编号，该函数用户自动生成新创建Data对象的id值",

"callLater":

"延迟回调函数callLater（func,scope,args,delay），scope|args|delay皆为可选项，返回处理句柄",

"clone":

"克隆函数clone（obj），传入一个对象参数，浅拷贝方式返回一个新的复制对象",

"handleImageLoaded":

"handleImageLoaded（name,img）系统图片在加载之后的回调函数",

"handleUnfoundImage":

"handleUnfoundImage（name,url）对系统内部找不到图片的情况下会调用该函数，默认访问空，可自定义返回一个默认的图片",

"sortFunc":

"默认排序函数sortFunc（v1,v2），传入两个比较值，返回-1|0|1的比较结果，例如用于默认的表头排序逻辑，可重载自定义",

"getClassMap":

"getClassMap（）函数返回所有HT预定义类的json结构信息，key为类全路径名，value为类定义",

"getClass":

"getClass（name），传入全路径类字符串名称，返回类定义",

"def":

"def（className,superClass,methods）定义类函数，例如ht.Default.def（\"com.hightopo.MyData\",ht.Data,{getAge:

function（）{return33;}}）;",

"startAnim":

"启动动画函数startAnim（params），参考入门手册详细说明",

"getTextSize":

"getTextSize（font,text）获取文本大小，返回{width:

100,height:

20}的结构信息",

"drawText":

"drawText（g,value,font,color,x,y,width,height,align,vAlign）绘制文字，align的可选值为left|center|right，vAlign可选值为top|middle|bottom",

"getDistance":

"getDistance（point1,point2）|getDistance（vec1,vec2）|getDistance（vec）获取两点之间距离，或矢量长度，point为{x:

x,y:

y}格式，vec为[x,y,z]数组",

"brighter":

"brighter（color,factor）返回比color更亮的颜色，factor缺省值为40，允许值为0~100",

"darker":

"darker（color,factor）返回比color更暗的颜色，factor缺省值为-40，允许值为0~-100",

"unionPoint":

"unionPoint（point1,point2）|unionPoint（points）函数返回点组合的矩形区域，可传入两个点，也可传入ht.List和Array类似的数组",

"unionRect":

"unionRect（rect1,rect2）函数返回两个矩形区域union融合后的新矩形区域",

"containsPoint":

"containsPoint（rect,point）函数判断point是否包含在rect的矩形区域里，返回true|false",

"containsRect":

"containsRect（rect1,rect2）函数判断矩形区域rect2是否包含在矩形区域rect1里面，返回true|false",

"intersectsRect":

"intersectsRect（rect1,rect2）函数判断矩形区域rect1和矩形区域rect2是否相交，返回true|false",

"intersection":

"intersection（rect1,rect2）函数判断矩形区域rect1和矩形区域rect2的相交矩形区域，无相交则返回null",

"grow":

"grow（rect,extend）函数改变rect大小，上下左右分别扩展extend的大小",

"getLogicalPoint":

"getLogicalPoint（e,view,translateX,translateY,zoomX,zoomY）获取交互点的逻辑坐标，一般View会提供getLogicalPoint（e）更便捷的函数",

"removeHTML":

"removeHTML（html）从界面删除指定的html元素",

"getToolTipDiv":

"getToolTipDiv（）函数返回ToolTip的相应div组件，可获取进行风格自定义",

"isToolTipShowing":

"isToolTipShowing（）函数判断当前ToolTip是否正在显示状态，返回true|false",

"hideToolTip":

"hideToolTip（）函数隐藏正在显示的ToolTip",

"showToolTip":

"showToolTip（eventOrPoint,innerHTML）显示ToolTip，第一个参数可为交互事件或指定坐标点，第二个参数为文字内容",

"startDragging":

"启动拖拽函数startDragging（interactor,e）",

"getImageMap":

"getImageMap（）返回所有注册的图片信息对象",

"toBoundaries":

"toBoundaries（points,segments,resolution）将不连续曲线转化成Graph3dView#setBoundaries（bs）设置边界需要的参数格式",

"getCurrentKeyCodeMap":

"getCurrentKeyCodeMap（）函数返回当前键盘按键信息，key为键的keyCode，如果按下则值为true",

"drawCenterImage":

"drawCenterImage（g,img,x,y,data,view,color）在指定的x,y为中心位置绘制img图片",

"drawStretchImage":

"drawStretchImage（g,img,stretch,x,y,w,h,data,view,color）在矩形位置内绘制图片，stretch参数可为uniform/centerUniform/fill",

"toCanvas":

"toCanvas（image,width,height,stretch,data,view,color）将图标转换成Canvas组件，image可为注册的图片或矢量",

"createElement":

"createElement（tagName,borderColor,font,value）创建html元素",

"containedInView":

"containedInView（event,view）判断交互事件所处位置是否在指定View组件之上，一般用于DrogAndDrop的拖拽操作判断",

"isIsolating":

"isIsolating（）判断目前系统是否处于隔离状态，处于隔离状态时host吸附和Group组等图元间的联动关系将会被停止",

"setIsolating":

"setIsolating（true）指定目前系统是否处于隔离状态，处于隔离状态时host吸附和Group组等图元间的联动关系将会被停止",

"toColorData":

"toColorData（color）传入字符串的color值，返回[r,g,b,a]四个颜色数组信息",

"toolTipLabelColor":

"#000，ToolTip的文字颜色",

"toolTipLabelFont":

"12pxarial,sans-serif，ToolTip的文字字体",

"toolTipBackground":

"#FFFFE0，ToolTip的背景颜色",

"toolTipShadowColor":

"rgba（0,0,0,0.35），ToolTip的阴影颜色",

"compStack":

"矢量组件comp嵌套堆栈，矢量组件comp可嵌套定义，通过改参数能得到当前嵌套层次信息",

"drawImage":

"drawImage（g,image,x,y,width,height,data,view,blendColor）绘制栅格图片和矢量图片的通用函数",

"getCurrentComp":

"getCurrentComp（）函数返回当前矢量组件comp，即ht.DpStack[0]，一般用于矢量值绑定func动态调用时使用",

"getParentComp":

"getParentComp（）函数返回当前矢量组件上一层comp，即ht.DpStack[1]，一般用于矢量值绑定func动态调用时使用",

"getInternal":

"getInternal（）返回HT系统内部状态参数信息，一般用于调试测试",

"edgeGroupAgentFunc":

"edgeGroupAgentFunc（edges）返回连线组的代理连线，edges为ht.List类型的ht.Edge对象数组，默认返回edges.get（0），可重载自定义规则",

"graphViewAutoScrollZone":

"16，GraphView组件中拖动图元到边缘时会自动滚动，该参数决定开始自动滚动的区域范围，设置为0或负数则代表关闭自动滚动功能",

"graphViewResettable":

"true，该属性决定GraphView组件按空格键是否允许复位，复位调用了GraphView#reset（）函数，该函数默认会调用setZoom

（1）和setTranslate（0,0）",

"graphViewPannable":

"true，该属性决定GraphView组件是否允许手抓图操作",

"graphViewRectSelectable":

"true，该属性决定GraphView组件是否允许按Ctrl键进行框选操作",

"graphViewScrollBarVisible":

"true，该属性决定GraphView组件是否显示滚动条",

"graphViewRectSelectBorderColor":

"#2C3E50，该属性决定GraphView组件框选边框颜色",

"graphViewRectSelectBackground":

"rgba（0,0,0,0.35），该属性决定GraphView组件框选背景颜色",

"graphViewEditPointSize":

"7，该属性决定GraphView组件编辑点大小",

"graphViewEditPointBorderColor":

"#2C3E50，该属性决定GraphView组件编辑点边框颜色",

"graphViewEditPointBackground":

"#D9D9D9，该属性决定GraphView组件编辑点背景颜色",

"setEdgeType":

"setEdgeType（type,function（edge,gap,graphView）{return{points:

points,segments:

segments};}）注册连线类型",

"getEdgeType":

"getEdgeType（type）获取连线类型函数",

"graph3dViewAttributes":

"null，该属性决定Graph3dView组件初始化WebGL上下文参数，一般无需改动",

"graph3dViewFirstPersonMode":

"false，该属性决定Graph3dView组件是否为第一人称交互方式，该值为false则以围绕中心点的交互方式",

"graph3dViewMouseRoamable":

"true，该属性决定Graph3dView组件在第一人称交互方式时，鼠标是否能漫游，为true时代表：

按左键前进，按右键后退；为false时代表：

左键保持原始操作功能，右键改变视角方向",

"graph3dViewMoveStep":

"15，该属性决定Graph3dView组件键盘控制移动的步进",

.0523********，该属性决定Graph3dView组件键盘控制旋转的步进",

"graph3dViewPannable":

"true，该属性决定Graph3dView组件是否允许按Shift键进行手抓图平移",

"graph3dViewRotatable":

"true，该属性决定Graph3dView组件是否允许进行旋转中心或方位操作",

"graph3dViewWalkable":

"true，该属性决定Graph3dView组件是否允许前进后退操作",

"graph3dViewResettable":

"true，该属性决定Graph3dView组件是否允许按空格键复位，复位调用了Graph3dView#reset（）函数，该函数会重置Graph3dView的eye|center|up三个参数",

"graph3dViewZoomable":

"true，该属性决定Graph3dView组件是否允许缩放",

"graph3dViewRectSelectable":

"true，该属性决定Graph3dView组件是否允许框选择",

"graph3dViewRectSelectBackground":

"rgba（0,0,0,0.35），该属性决定Graph3dView组件框选背景",

"graph3dViewGridVisible":

"false，该属性决定Graph3dView组件是否允许显示xz面网格",

"graph3dViewGridSize":

"50，该属性决定Graph3dView组件显示xz面的网格行列数",

"graph3dViewGridGap":

"50，该属性决定Graph3dView组件显示xz面的网格行列间距",

"graph3dViewGridColor":

"[0.4,0.75,0.85,1],该属性决定Graph3dView组件显示xz面的网格线颜色",

"graph3dViewOriginAxisVisible":

"false，该属性决定Graph3dView组件原点x|y|z三个轴线是否可见",

"graph3dViewCenterAxisVisible":

"false，该属性决定Graph3dView组件屏幕中心点x|y|z三个轴线是否可见",

"graph3dViewAxisXColor":

"[1,0,0,1],该属性决定Graph3dView组件显示x轴线颜色",

"graph3dViewAxisYColor":

"[0,1,0,1],该属性决定Graph3dView组件显示y轴线颜色",

"graph3dViewAxisZColor":

"[0,0,1,1],该属性决定Graph3dView组件显示z轴线颜色",

"graph3dViewEditSizeColor":

"[1,1,0,1],该属性决定Graph3dView组件在编辑状态图元拉伸标识颜色",

"graph3dViewOrtho":

"false，该属性决定Graph3dV