【问题标题】：C# Windiws IoT core - Display and Scroll text in Textblock over an Image GridC# Windows IoT 核心 - 在图像网格上的 Textblock 中显示和滚动文本
【发布时间】：2017-10-17 18:44:43
【问题描述】：

使用 Windows IoT 核心开发 IoT 项目。到目前为止，图像、视频和音频都能够在显示器上显示。需要在底部添加滚动文本

到目前为止开发的 XAML 代码是：

<Page
x:Class="Digital_Notiec_Board_V1._2.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:Digital_Notiec_Board_V1._2"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">

<Grid Background="#FF222222" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">



    <Image x:Name="imageInstance" Visibility="Collapsed" />
    <MediaElement x:Name="audioInstance" Visibility="Collapsed" />
    <MediaElement x:Name="videoInstance" Visibility="Collapsed" />
    <TextBlock x:Name="ScrollText" HorizontalAlignment="Left" Height="63" Margin="0,1017,0,0" TextWrapping="Wrap" Text="TextBlock" VerticalAlignment="Top" Width="1910" FontSize="36" Foreground="White"/>


    <!--
    <WebView x:Name="webViewInstance" Visibility="Collapsed"/>
    -->
</Grid>

请帮我提出建议。如果可能的话，任何 Base 都可以检查。

提前致谢

【问题讨论】：

标签： c# windows visual-studio iot

【解决方案1】：

您可以使用ScrollViewer来表示文本区域。请参考以下XAML代码。为了使您的应用具有响应性和自适应性，使用XAML属性和布局面板是一个不错的选择。请参考Define page layouts with XAML。

<Page
x:Class="Digital_Notiec_Board.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:Digital_Notiec_Board"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">

<Grid Background="#FF222222" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">

    <Grid.RowDefinitions>
        <RowDefinition MaxHeight="200"></RowDefinition>
        <RowDefinition MaxHeight="200"></RowDefinition>
        <RowDefinition MaxHeight="200"></RowDefinition>
        <RowDefinition Height="*"></RowDefinition>
    </Grid.RowDefinitions>

    <Image x:Name="imageInstance" Visibility="Collapsed" Grid.Row="0"/>
    <MediaElement x:Name="audioInstance" Visibility="Collapsed" Grid.Row="1"/>
    <MediaElement x:Name="videoInstance" Visibility="Collapsed" Grid.Row="2"/>
    <ScrollViewer Grid.Row="3">
        <TextBlock x:Name="ScrollText" TextWrapping="Wrap" Foreground="White" Text="TextBlock" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Auto" ScrollViewer.VerticalScrollMode="Auto">

        </TextBlock>
    </ScrollViewer>
</Grid>

【讨论】：