当前位置: 首页 > Web前端 > HTML5

SAPUI5按钮类型及背景色设置示例

时间:2023-04-05 19:58:26 HTML5

我在SAPUI5XML视图中有一个Button控件,类型为Accept:运行时渲染效果如下:这个按钮对应生成的HTML视图代码,工程css:span.sapMBtnInner.sapMBtnAccept{背景图像:无;背景色:#ebf5cb;边框颜色:#ebf5cb;color:#256f3a;}对应的css文件地址:https://sapui5.hana.ondemand。...本地渲染:sapui5.hana.ondemand.com/resources/sap/ui/core/themes/sap_fiori_3如果本地更改为sap_horizo??n会发生什么情况?成功:用户通过单击或点击按钮或按某个键盘键(例如Enter)触发操作。对于按钮UI,您可以定义文本、图标或两者。您还可以指定是先显示文本还是先显示图标。您可以从一组预定义的ButtonTypes中进行选择,这些ButtonTypes提供不同的样式以对应于触发的操作。可以将按钮设置为启用或禁用。启用的Button可以通过单击或点击来按下,并且它会更改其样式以向用户提供按钮被按下或鼠标光标悬停在其上的视觉反馈。禁用的Button显示为非活动状态且无法按下。SAPUI5支持的所有Button类型都可以在这个枚举类型中找到:sap.m.ButtonTypebutton的ariaHasPopup属性:如果指定的aria-haspopup属性的值为None,则不会呈现该属性。否则它将使用选定的值呈现。仅当按钮与弹出窗口相关联时才使用此属性。该值需要等于弹出窗口的主要/根角色,例如对话框、菜单或列表。下图展示了在XML视图中嵌入css样式的方法:="http://www.w3.org/1999/xhtml">.mySuperRedButton{颜色:红色;}为了允许在内容安全策略的环境中使用XML视图拒绝内联样式(即没有style-src指令的不安全内联源),开发人员需要引用外部样式表而不是将样式表嵌入到SAPUI5XML视图中。