UI5 - Wie erhält man Marquee Text

Question

Ich habe geforscht, ob UI5 irgendwelche eingebaute Funktionalität hat, um Marquee Text zu liefern, aber ich finde keine Kälte.

Es scheint, dass ich jQuery oder reines Javascript verwenden muss, um eines zu implementieren. Aber wenn jemand schon eine Lösung dafür hat, können Sie es bitte teilen.

Meine XML-Ansicht:

<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> 

würde Ich mag Text von idScrollText ot haben Wirkung wie Marquee Text von HTML zu haben, scrollen.

Was wäre der optimale Weg, um dies in Ui5 zu erreichen?

Danke!

Answer 1

Ich denke, der beste Weg, sap.ui.core.HTML verwendet: https://sapui5.hana.ondemand.com/#docs/api/symbols/sap.ui.core.HTML.html

Beispiel in der Explored App https://sapui5.hana.ondemand.com/explored.html#/sample/sap.ui.core.sample.Html/preview

Answer 2

Ich war in der Lage zu erreichen Marquee Text mit sap.ui.core. HTML

Meine Ansicht:

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

Mein Controller:

// 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>'); 
              } 
     });