Fixjs实践——标签、按钮控件

时间:2023-03-08 15:36:17
Fixjs实践——标签、按钮控件

Fixjs介绍

Fixjs是一款javascript界面基础框架,主要为开发复杂组件提供底层的框架支持。

Fixjs 0.3.0主要增加了文本显示类fixjs.text.TextField

支持的主要属性/方法有:text,selectable,wordWrap,defaultTextFormat

TextFormat是文本字体样式的数据类,用于封装字体样式属性,例如:font,align,bold,color,size,italic,underline等

标签、按钮控件

标签控件:支持对平、垂直对齐属性设置,能够实现文本在指定的width和height内进行水平对齐(left, center, right)和垂直对齐(top, middle, bottom)

按钮控件:内部包含了一个标签控件,文本居中对齐。采用了css3实现按钮皮肤。

Chrome的显示效果

Fixjs实践——标签、按钮控件

IE9的显示效果,ie9不支持渐变背景

Fixjs实践——标签、按钮控件

IE9兼容模式,连圆角都没了…

Fixjs实践——标签、按钮控件

在线演示

Fixjs 0.3.0下载

release 0.3.0

--新增功能:新增类fixjs.text.TextFormatAlign

--新增功能:新增类fixjs.text.TextFormat

--新增功能:新增类fixjs.text.TextField

--新增功能:新增静态方法fixjs.text.TextField.measureSize

--新增功能:新增静态方法fixjs.text.TextField.measureHeight

--新增功能:新增类fixjs.LayoutUtil

release 0.2.5

--新增功能:新增全局函数fixjs.util.getPageSize

--新增功能:新增类fixjs.display.Stage

--新增功能:新增类fixjs.display.Sprite

--新增功能:事件注册支持caller参数,派发时设置caller值

--新增功能:事件支持冒泡

Javascript组件/控件技术还是值得深入研究的。

相关文章

Fixjs专栏