TextFlow Automatic Scroll

TinyCLR OS
1

Is it possible to have the TextFlow automatically scroll as the lines exceed the viewable area?

I tried to figure out ScrollViewer without much luck.

Thanks

2

What was the problem you hit with ScrollViewer, code to look at?

3

There isn’t any example code to follow for the ScrollViewer.

Basically I stuck a TextFlow inside a ScrollViewer during testing, then called LineDown and LineUp with no changes.

Thanks

4

Try this, it works well for us

static private Window mainWindow;

        static public Window CreateWindow() {
            // Create a window object and set its size to the
            // size of the display.
            mainWindow = new Window {
                Height = 272,
                Width = 480
            };


            // Create a scrollviewer
            var scrollViewer = new ScrollViewer {
                Background = new SolidColorBrush(Colors.Gray),
                // scroll line by line with 10 pixels per line
                ScrollingStyle = ScrollingStyle.LineByLine,
                LineWidth = 10,
                LineHeight = 10
            };

            // Create a canvas and add ellipse shapes
            var canvas = new Canvas();
            var font = Resources.GetFont(Resources.FontResources.droid_reg11);
            for (var x = 0; x <= 20; ++x) {
                    var textFlow = new TextFlow();

                    textFlow.TextRuns.Add("Line " + x, font, GHIElectronics.TinyCLR.UI.Media.Color.FromRgb(0xFF, 0xFF, 0xFF));
                    textFlow.TextRuns.Add(TextRun.EndOfLine);

                    canvas.Children.Add(textFlow);
                    Canvas.SetLeft(textFlow,  30);
                    Canvas.SetTop(textFlow, x * 30);
            }
            //we need to set the size of a canvas explicitly
            //because it doesn´t calculate the desired size from its content
            canvas.Width = 20 * 30 + 10 * 2;
            canvas.Height = 20 * 30 + 10 * 2;
            scrollViewer.Child = canvas;
            // Add the scroll viewer to the window.
            mainWindow.Child = scrollViewer;
            // Set the window visibility to visible.
            mainWindow.Visibility = Visibility.Visible;

            scrollViewer.TouchUp += ScrollViewer_TouchUp;

            return mainWindow;
        }

        private static void ScrollViewer_TouchUp(object sender, GHIElectronics.TinyCLR.UI.Input.TouchEventArgs e) {
            var s = (ScrollViewer)sender;

            s.LineDown();
        }
1 Like
5

image

ScrollingStyle enums are wrong.

6

Thanks, we will check.