app can ui框架实例讲解54642818.ppt

弹性盒子 弹性盒子模型布局例子5 子元素采用纵向布局， 父元素使用ub-ver div class=ub ub-ver uba umh6 div class=ub-f1 uba AAA/div div class=ub-f1 uba BBB/div /div 分配率适配 分辨率适配 为了使手机应用能够根据访问设备的不同分辨率自动调整页面效果。 AppCan UI框架设计原理是为不同的分辨率，选取人直观感受最舒适的字体大小作为参考量，再用相对长度单位em进行页面布局。 如：页面中设置font-size:1em;在320x480分辨率下显示字体大小为16px，在480x800分辨率下显示字体大小为24px。目前参照Andorid屏幕密度划分为低密度、普通密度、高密度、超高密度、超超高密度，分别定义字体为14px 16px 24px 32px 48px。 UI 控件 -- Button 按钮 JS对象 ??appcan.button(selector, css, callback) ????selector 按钮的选择器，例如 .btn、div或#id。可同时处理多个按钮? ????css 按钮点击后的效果CSS类名称。预置 ani-act和 btn-act? ????callb