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 - 如何獲得跑馬燈文字

回答

相關問題