UI5 - 如何获得跑马灯文字

我在研究UI5是否有任何内置功能来提供跑马灯文字，但我感觉没有找到。UI5 - 如何获得跑马灯文字

看来，我可能不得不使用jQuery或纯JavaScript来实现一个。但如果任何人已经有这方面的解决方案，你可以请分享它。

我的XML查看：

<core:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m"controllerName="marquee.MarqueeDemo" xmlns:html="http://www.w3.org/1999/xhtml"> 
    <Page title="Marquee Demo"> 
     <content> 
     <FlexBox height="100%" width="100%"> 
     <items> 
     <FlexBox direction="Column" justifyContent="Start" > 
     <Label id="idScrollText" design="Bold" text = "Hello World"></Label> 
     <Text text="How are you???"></Text> 
     </FlexBox> 
     </items> 
     </FlexBox> 
     </content> 
    </Page> 
</core:View>

我想OT有idScrollText文本有像HTML的滚动字幕文本滚动效果。

什么是在UI5中实现这一目标的最佳方式？

谢谢！

来源

2017-04-25 Soham Shah

[你可以用CSS做（http://jsfiddle.net/MaY5A/1/） – alexP

从MDN：过时此功能已经过时。虽然它可能在某些浏览器中仍然有效，但它的使用是不鼓励的，因为它可以在任何时候被删除。尽量避免使用它.https：//developer.mozilla.org/en/docs/Web/HTML/Element/marquee –

我想最好的方法是使用sap.ui.core.HTML： https://sapui5.hana.ondemand.com/#docs/api/symbols/sap.ui.core.HTML.html

例如，在探索应用 https://sapui5.hana.ondemand.com/explored.html#/sample/sap.ui.core.sample.Html/preview

来源

2017-04-25 19:26:44

是的，我能够实现它使用sap.ui.core.HTML –

我能够使用sap.ui.core实现滚动字幕文本。 HTML

笔者认为：

<FlexBox > 
<core:HTML id = "idScrollText" width="100%"></core:HTML> 
</FlexBox>

我的控制器：

// Scrolling Text 
var sPath = "Model/scrolltextdata.json"; 
$.ajax({ 
    url: sPath, 
    success: function (result, status, xhr) { 
     var oDataText = result.Rowsets.Rowset[0].Row; 
     that.byId("idScrollText").setContent('<marquee style="font-size: 3.0rem;color: white;font-weight: bold">' + oDataText[0].InputText +'</marquee>'); 
              } 
     });

来源

2017-04-26 19:50:44

UI5 - 如何获得跑马灯文字

回答

相关问题