XAF响应式布局皮肤界面展示

时间:2023-12-25 21:24:25

XAF为了对手机、平板电脑的支持,增加了新的响应式布局皮肤支持,这个功能已经出来很久了,对于平板电脑、PC的支持已经很不错了,对于手机的界面还不是很完美。

本篇展示一下当前的效果,让有需要的同学、还没有尝试过的同学感受一下。

如何配置

我使用的是版本是最新版15.2.7,对于15.2.7新建出来的项目,在项目的global.asax中自动多了一句话,这句话是用来切换到新皮肤下面的。

XAF响应式布局皮肤界面展示

如果想切换回老的界面样式,可以将上图中的语句注释掉。

登陆效果

XAF响应式布局皮肤界面展示

列表页面

XAF响应式布局皮肤界面展示

详细编辑界面

XAF响应式布局皮肤界面展示

弹出窗口的样式

XAF响应式布局皮肤界面展示

可以合并展开的分组框

XAF响应式布局皮肤界面展示

被收起来的按钮

XAF响应式布局皮肤界面展示

隐藏导航栏之后

XAF响应式布局皮肤界面展示

页面下拉时,工具栏停靠在了顶端

XAF响应式布局皮肤界面展示

手机上的效果,有些界面手机上显示还有问题,当前是beta版,以后会弄好的。

XAF响应式布局皮肤界面展示

XAF响应式布局皮肤界面展示

XAF响应式布局皮肤界面展示

XAF响应式布局皮肤界面展示