Marquee text character from left to write

Not sure I'd use a scrollable container for this. Try activating the MoveAnimator mixin on your textbox. Then you can have an animation that linearly moves the text from outside the screen on the left to outside the screen on the right. Add an animationComplete callback that calls a function that would move the text back to the left side and restart the animation.

Sidenote - for English text it's best to scroll it from the right side of the screen to the left.

MarqueeExampleView.hpp

#ifndef MARQUEEEXAMPLEVIEW_HPP
#define MARQUEEEXAMPLEVIEW_HPP
 
#include <gui_generated/marqueeexample_screen/MarqueeExampleViewBase.hpp>
#include <gui/marqueeexample_screen/MarqueeExamplePresenter.hpp>
 
class MarqueeExampleView : public MarqueeExampleViewBase
{
public:
 MarqueeExampleView();
 virtual ~MarqueeExampleView() {}
 virtual void setupScreen();
 virtual void tearDownScreen();
 void startAnimation();
 void animationCompleteHandler(const MoveAnimator<TextArea>& t);
protected:
 
 Callback<MarqueeExampleView, const MoveAnimator<TextArea>&> animationCompleteCallback;
};
 
#endif // MARQUEEEXAMPLEVIEW_HPP

MarqueeExampleView.cpp

MarqueeExampleView::MarqueeExampleView() : animationCompleteCallback(this, &MarqueeExampleView::animationCompleteHandler)
{
}
 
void MarqueeExampleView::setupScreen()
{
 MarqueeExampleViewBase::setupScreen();
 textArea1.setMoveAnimationEndedAction(animationCompleteCallback);
 textArea1.resizeToCurrentText();
 startAnimation();
}
 
void MarqueeExampleView::tearDownScreen()
{
 MarqueeExampleViewBase::tearDownScreen();
}
 
void MarqueeExampleView::startAnimation() {
 textArea1.setXY(800, textArea1.getY()); // replace 800 with your device screen width
 textArea1.startMoveAnimation(-textArea1.getWidth(), textArea1.getY(), 450, touchgfx::EasingEquations::linearEaseNone);
}
 
void MarqueeExampleView::animationCompleteHandler(const MoveAnimator<TextArea>& t) {
 startAnimation();
}