学步园

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

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

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

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

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

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

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

toolbar {<br /> toolbarClassItems:"sendToolbarButton,cancelToolbarButton"<br /> }

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

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

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