如何在UWP中循环使用XAML代码?

时间:2017-10-26 11:36:58

标签: c# xaml uwp uwp-xaml

我在XAML(UWP)中设计了一个UI。现在我想循环遍历它,因为相同的UI将生成特定次数,该数字来自SQLite。所以基本上我想用后面的代码来创建它 例如,假设我有以下XAML:

<Grid Background="Black">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="50"/>
    </Grid.RowDefinitions>

    <Button Grid.Row="0" Grid.Column="0" x:Name="btnBack" Click="btnBack_Click" HorizontalAlignment="Left" VerticalAlignment="Top" Background="Transparent" Height="50" Width="100">
        <StackPanel Orientation="Horizontal">
            <Image Source="Assets/arrow_left.png" Height="40" Width="50" />
        </StackPanel>
    </Button>

    <TextBlock Grid.Row="0" Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center" Text="TWS" Foreground="White" FontFamily="Gill Sans MT" />

    <Button Grid.Row="0" Grid.Column="2" x:Name="btnForward" Click="btnForward_Click" HorizontalAlignment="Right" VerticalAlignment="Top" Background="Transparent" Height="50" Width="100" >
        <StackPanel Orientation="Horizontal">
            <Image Source="Assets/arrow_right.png" Height="40" Width="50"/>
        </StackPanel>
    </Button>
</Grid>  

我必须一个接一个地生成它4次(这将每次都改变)。因为我们无法在.xaml文件中编写任何C#代码,所以我无法循环它 我也知道我可以在.xaml.cs文件中编写相应的C#代码然后它可以循环通过。有没有其他方法可以做到这一点?此外,如果任何人都可以建议任何可以将XAML转换为C#代码的工具(如果存在),将会非常有用。

0 个答案:

没有答案