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的顯示效果

                            

IE9的顯示效果，ie9不支持漸變背景

IE9兼容模式，連圓角都沒了…

 

在線演示

 

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專欄