请勿在按下时更改ToggleButton的颜色

2020-09-05 04:31发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


尊敬的Sappies,

我在应用程序中使用了ToggleButton。

根据其按下状态,应该显示图标"箭头顶部"或"箭头底部"。

这部分工作正常,但它仍会更改其颜色。

有没有一种方法可以防止ToggleButton根据按下状态更改其样式?

谢谢您的帮助!

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


尊敬的Sappies,

我在应用程序中使用了ToggleButton。

根据其按下状态,应该显示图标"箭头顶部"或"箭头底部"。

这部分工作正常,但它仍会更改其颜色。

有没有一种方法可以防止ToggleButton根据按下状态更改其样式?

谢谢您的帮助!

付费偷看设置
发送
7条回答
wang628962
1楼 · 2020-09-05 04:41.采纳回答
我不认为button.getPressed()
 是必需的,因为您已经触发了新闻事件。


 您还可以检查button.getIcon()...并切换所需的图标。 确保该图标在您正在使用的ui5版本上也可用。  (我相信上下箭头相当普遍,但其他箭头可能并不常见)
葫芦娃快救爷爷
2楼-- · 2020-09-05 04:50

嗨,

您可以共享代码吗?

请注意,

约瑟夫

My梦
3楼-- · 2020-09-05 04:44

嗨弗洛里安,

解决方法:您可以编写自定义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");
     }
 } 
派大星 ヾ
5楼-- · 2020-09-05 04:38

您好,弗洛里安·伯姆

您 可以尝试根据您的颜色要求创建自定义css类,并将其与已经必须更改图标的代码一起应用。 您可以像下面那样添加自定义css来进行控件。

很可能" .sapMBtnInner"是按钮的标准CSS类。 您可以使用以下自定义CSS扩展/覆盖。

 yourCssClass .sapMBtnInner {
//设置按钮所需的所有属性
 }
 

将新的CSS类添加到Button

 YourBtn.addStyleClass('yourCssClass'); 

希望这会有所帮助。

感谢-

Abhishek

jovirus
6楼-- · 2020-09-05 04:49

感谢您的帮助!

我使用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");
     }
 } 
愤怒的猪头君
7楼-- · 2020-09-05 04:38

嗨,弗洛里安·伯姆

我误解了您的问题,我想您已经知道如何更改图标,但是不知道颜色。 如果您只想更改图标,则强烈建议 Sergio Guerrero 的解决方案。 :)

一周热门 更多>