SAPUI主题设计器——UI Theme Designer（三）

这一篇主要讲一下命名规则，基本上是摘录来的。先做个铺垫，希望下次能写一下基本页面结构。

 

css类的命名
css类的命名遵循一定的规则：总结来说就是[“ ur” /“ ls”] [控制/语义] [属性] [状态] [扩展名]。其中['ur'/'ls']是指：定义的css类是在统一渲染的经典版本和Lightspeed版本（“ ur ”）中使用，还是仅在lightspeed版本（“ ls ”）中使用；
举个例子说明一下，urBtnStdDsbl是系统里定义的一个css类，ur 是指应用在经典版和光速版中，Btn是指按钮，Std是指标准的属性，Dsbl是禁用状态；

参数命名
参数命名遵循如下的规则：“ sap” [“ Ur”] [控制/语义] [属性] |状态] [扩展名]，基本上也css类的命名相同。

查找控制参数
1. 打开预览页面，或者添加一个包含要修改元素的应用程序，例如要修改按钮控件，可以打开UR控件预览中的“button”；

2. 获取控件名称或缩写；

3. 在专家模式中搜索对应的控件名或缩写；

控件名称与缩写

Control	Abbreviations
Accordion	Arc
BreadCrumb	Brc
Button	Btn
Calculator	Calc
Calendar	Cal
CheckBox	C, CB
CheckBoxGroup	Cbg
ColorItem	CoI
ColorPicker	Cp
ComboBox	Cob, Field, Edf
DatePicker	Cal
FlowLayout	Flow, Fw
GeoMap	Geo
Group	Grp
HorizontalDivider	HD
InputField	Field, Edf
ItemList	Lic
ItemListBox	Ilb
Label	Lbl
Legend	Leg
LoadingAnimation	Load
Link	Lnk
MessageBar	MsgBar
PageHeader	PageHeader, PgH
PanelLayout	PL
PanelStack	Pn, Pnst
PhaseIndicator	PhIn
PopupMenu	Mnu
PopupWindow	PW
RadioButton	R
RadioButtonGroup	Rbg
RoadMap	RM
RatingIndicator	RI
SectionHeader	SH
ScrollBar	SCB
Splitter	Sp
StickyNote	STN
Table	ST, SAPTable
TabStrip	Tbs
TextEdit	Ted
TextView	Txt
ToggleLink	TglLnk
Toolbar	Tbar
Tray	Trc
Tree	Tree
TresholdSLider	TSL
TriStateCheckbox	Tri
ValueComparison	VC