共计 1096 个字符,预计需要花费 3 分钟才能阅读完成。
我在 SAP UI5 XML 视图里有一个 Button 控件,类型为 Accept:
运行时渲染进去的成果如下:
这个按钮对应生成的 HTML 视图代码里,起作用的 css:
span.sapMBtnInner.sapMBtnAccept {
background-image: none;
background-color: #ebf5cb;
border-color: #ebf5cb;
color: #256f3a;
}
对应的 css 文件地址:https://sapui5.hana.ondemand….
本地渲染:sapui5.hana.ondemand.com/resources/sap/ui/core/themes/sap_fiori_3
本地改成sap_horizon
会怎么?
胜利了:
用户通过单击或点击按钮或按下某些键盘键(例如 Enter)来触发操作。
对于按钮 UI,能够定义文本、图标或两者。您还能够指定是先显示文本还是先显示图标。
能够从一组预约义的 ButtonTypes 中进行抉择,这些 ButtonTypes 提供不同的款式以对应于触发的操作。
能够将按钮设置为启用或禁用。启用的 Button 能够通过单击或点击来按下,并且它会更改其款式以向用户提供视觉反馈,即它被按下或鼠标光标悬停在下面。禁用的 Button 显示为非活动状态且无奈按下。
SAP UI5 所有反对的 Button 类型,在这个枚举类型里能够找到:sap.m.ButtonType
button 的 ariaHasPopup
属性:指定 aria-haspopup 属性的值
如果值为 None,则不会出现该属性。否则它将应用选定的值出现。
仅当按钮与弹出窗口相干时才应用此属性。该值须要等于弹出窗口的次要 / 根 (main/root
) 角色,例如对话框、菜单或列表。
下图是在 XML 视图里嵌入 css style 的办法:
<mvc:View controllerName="sap.hcm.Address" xmlns="sap.m" xmlns:mvc="sap.ui.core.mvc"
xmlns:html="http://www.w3.org/1999/xhtml">
<html:style>
.mySuperRedButton {color: red;}
</html:style>
<Panel>
<Button class="mySuperRedButton" text="Press Me"/>
</Panel>
</mvc:View>
为了容许 XML 视图在内容安全策略回绝内联款式的环境中应用(即没有 style-src
指令的不平安内联源),则开发人员须要援用内部样式表,而不是将样式表嵌入到 SAP UI5 XML 视图。