使用Grid布局可以实现大多数页面布局,接下来实现图片+文字的平铺效果,可以使用到ListBox+WrapPanel,下面是效果图。
前端xaml代码,图片好文字是后台动态绑定。
<UserControl x:Class="zxgkkpt.Pages.Home"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="300" >
<Grid x:Name="LayoutRoot" Margin="5,-13,5,5" ShowGridLines="True" Style="{StaticResource ContentRoot}" ScrollViewer.VerticalScrollBarVisibility="Hidden">
<ListBox Height="409" HorizontalAlignment="Left" Margin="-10,10,-450,-111" Name="listBox1" VerticalAlignment="Top"
Width="750" Background="T