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 |