openlaszlo 组件重用设计

Openlaszlo的基础库有很多UI的基本控件。Button,Combox等等。在进行项目开发的时候，其实很多基础组件是不能满足需求的，因为设计比较复杂的UI的话，复杂的控件是需要自己去设计。控件还要能做到定制化。

 

laszlo组件定制化的基本设计大概有几点。

 

1.通过样式能够处理控件的style。比如字体，颜色，图片。

<class name="mtext" extends="text"> <attribute name="fontstyle" style="textFontStyle" mce_style="textFontStyle" inherit="true" /> <attribute name="fgcolor" style="textFontColor" mce_style="textFontColor" inherit="true" /> ...... </class> css: mtext { textFontStyle:"plain"; textFontColor:"#000"; }

 

2.有可以复写的接口或者方法。比如一个表格组件。排序的规则在不同的场景不一样。所以，基类的组件应该有一个可以实现复写的排序方法。

 

.. <!---@override--> <method name="setSort" args="clo:GridColumn,asc:Boolean"> //do your things </method>

 

3.布局可以定制化。比如toolbar控件上面的button。可以通过css进行定制。然后button组件自动适应宽度。

toolbar { toolbarClassItems:"sendToolbarButton,cancelToolbarButton" }

 

 

而在toolbar的init方法里，就可以根据对css定制的button组件进行初始化和布局。

 

 

4.在新的项目中，可以使用基础控件，继承后进行扩展。然后沿用原来的css定制化方式。

 

更多的实例，可以在后续中提供一些更详细的具体的例子。