代码之家 › 专栏 › 技术社区 › AJ Crytek

C#Windiws IoT core-在图像网格上的文本块中显示和滚动文本

iot visual-studio windows c#

AJ Crytek · 技术社区 · 7 年前

到目前为止,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>

提前感谢

1 回复 | 直到 7 年前

Michael Xu 7 年前

您可以使用 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>