公共样式使用

公共样式：公共样式是指把控件的一些公有样式提取出来形成一个样式类，便于主题管理（配置、切换）和代码复用，其定义方法类似HTML的CSS样式；公共样式包括系统公共样式和自定义公共样式。

系统公共样式：系统公共样式是指UAP Mobile在发版时系统内置的样式。

自定义公共样式：自定义公共样式是指用户自己定义的公共样式。

1、系统公共样式

由于系统公共样式已经内置，下面说明一下系统公共样式的如何使用：

当我们创建成功一个Window后，在Window的组件列表中系统已经自动为我们引入theme.css系统样式文件（如下图），该文件包含一部分系统内置的样式类。

当我拖入一个控件后（有些控件拖入后会有一个默认的样式），可以在控件属性-样式-样式类中设置该控件的样式（如下图）。当样式文件中样式类改变时，使用它的所有控件样式都会跟随着改变。

点击Choose…显示当前控件可以使用的所有已经定义的样式类（如下图）。

如果系统内置的公共样式文件不足够我们使用，我们可以在相应的主题创建自己的样式文件（如下图），在样式文件中定义自己的样式类。

注：下图的3个文件内容一样，但需要在designer、drawable和iphone4每个目录下都放一份。

定义一个样式类，并定义属性及属性值，如下图：

在Window的组件列表中点击增加，弹出组件增加对话框（如下图），选择类型text/css，然后选择刚才创建的样式文件。

同系统公共样式。

如果控件的某个属性已经在公共的样式类中定义，则默认使用公共样式类中的属性值；如果不想使用公共样式类中的属性值，则可以在控件的相应属性上修改即可。

控件样式>公共样式

如：按钮默认的公共样式中定义其字体大小为17（如下图），运行到手机上按钮的字体大小就是17。

如果我将控件的字体大小属性改为20（如下图），运行到手机上按钮的字体大小就是20

如需要支持多主题，在其它主题（如下图）下创建样式文件即可：

编辑、导入及使用方法同上述。

创建项目默认的是ios7主题，其它主题的自定义样式创建、编辑、配置好后可在组件下的application.xml中切换主题，如下图：

切换主题后重新打开DSL编辑器中的页面，即可看到页面使用了新的主题。如下图：

切换主题前（ios7主题）：

切换主题后（bule主题）：

文档更新时间: 2018-01-12 16:28