2020-09-05 04:31发布
加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)
尊敬的Sappies,
我在应用程序中使用了ToggleButton。
根据其按下状态,应该显示图标"箭头顶部"或"箭头底部"。
这部分工作正常,但它仍会更改其颜色。
有没有一种方法可以防止ToggleButton根据按下状态更改其样式?
谢谢您的帮助!
我不认为button.getPressed() 是必需的,因为您已经触发了新闻事件。 您还可以检查button.getIcon()...并切换所需的图标。 确保该图标在您正在使用的ui5版本上也可用。 (我相信上下箭头相当普遍,但其他箭头可能并不常见)
嗨,
您可以共享代码吗?
请注意,
约瑟夫
嗨弗洛里安,
解决方法:您可以编写自定义CSS来覆盖预定义的UI5样式。 但是,在SAP开发指南中不建议这样做。 由于它可能会在您当前的ui5版本中工作,但将来不会出现任何变化,因为预定义的CSS可能会更改。
如果您找到其他更好的方法,请告诉我。
我在这里创建一个示例,该示例以红色(任何颜色)显示一个按下的切换按钮。 您可以使用浏览器调试器找出:hover状态并对其进行增强。
示例-红色切换按钮 >
调试并找出预定义的CSS:
确定:
onPress:function(){ var button = this.getView()。byId(" button") if(button.getPressed()){ button.setIcon(" sap-icon://arrow-bottom"); }其他{ button.setIcon(" sap-icon://arrow-top"); } }
您好,弗洛里安·伯姆
您 可以尝试根据您的颜色要求创建自定义css类,并将其与已经必须更改图标的代码一起应用。 您可以像下面那样添加自定义css来进行控件。
很可能" .sapMBtnInner"是按钮的标准CSS类。 您可以使用以下自定义CSS扩展/覆盖。
yourCssClass .sapMBtnInner { //设置按钮所需的所有属性 }
将新的CSS类添加到Button
YourBtn.addStyleClass('yourCssClass');
希望这会有所帮助。
感谢-
Abhishek
感谢您的帮助!
我使用getIcon()将代码更改为标准Button。
对我来说很好:
onPress:function(){ var button = this.getView()。byId(" button") if(button.getIcon()===" sap-icon://arrow-top"){ button.setIcon(" sap-icon://arrow-bottom"); }其他{ button.setIcon(" sap-icon://arrow-top"); } }
嗨,弗洛里安·伯姆,
我误解了您的问题,我想您已经知道如何更改图标,但是不知道颜色。 如果您只想更改图标,则强烈建议 Sergio Guerrero 的解决方案。 :)
最多设置5个标签!
嗨,
您可以共享代码吗?
请注意,
约瑟夫
嗨弗洛里安,
解决方法:您可以编写自定义CSS来覆盖预定义的UI5样式。 但是,在SAP开发指南中不建议这样做。 由于它可能会在您当前的ui5版本中工作,但将来不会出现任何变化,因为预定义的CSS可能会更改。
如果您找到其他更好的方法,请告诉我。
我在这里创建一个示例,该示例以红色(任何颜色)显示一个按下的切换按钮。 您可以使用浏览器调试器找出:hover状态并对其进行增强。
示例-红色切换按钮 >
调试并找出预定义的CSS:
确定:
您好,弗洛里安·伯姆
您 可以尝试根据您的颜色要求创建自定义css类,并将其与已经必须更改图标的代码一起应用。 您可以像下面那样添加自定义css来进行控件。
很可能" .sapMBtnInner"是按钮的标准CSS类。 您可以使用以下自定义CSS扩展/覆盖。
将新的CSS类添加到Button
希望这会有所帮助。
感谢-
Abhishek
感谢您的帮助!
我使用getIcon()将代码更改为标准Button。
对我来说很好:
嗨,弗洛里安·伯姆,
我误解了您的问题,我想您已经知道如何更改图标,但是不知道颜色。 如果您只想更改图标,则强烈建议 Sergio Guerrero 的解决方案。 :)
一周热门 更多>