横向布局

 

<Button Content="向左" Click="MoveLeft"/>

<ListView Margin="1,1,1,1" Name="lvDataBinding"  ScrollViewer.VerticalScrollBarVisibility="Hidden"  VerticalContentAlignment="Bottom"  ScrollViewer.HorizontalScrollBarVisibility="Hidden"   Width="200">
    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel/>
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>
    <ListView.ItemTemplate>
        <DataTemplate>
            <WrapPanel Orientation="Horizontal" VerticalAlignment="Center"  >

                <Border Margin="0" Height="30" VerticalAlignment="Bottom"  >
                    <!--<Image Source="{Binding thumb}"/>
                    <TextBlock Text="{Binding Name}" FontWeight="Bold"  />
                    <Button Name="btnLevel2"  Content="{Binding Name}" Tag="{Binding defectLocationId}"  Click="btnLevel2_Click"   Margin="0,0,0,0" ></Button>-->

               
                    <Button      BorderBrush="LightBlue" Margin="0,0,0,0" Click="btnLevel2_Click"  >
                        <Button.Template >
                            <ControlTemplate TargetType="{x:Type Button}" >
                                <Border x:Name="back"  Background="#FF4D9C0B"   BorderBrush="{TemplateBinding Control.BorderBrush}"   BorderThickness="1" CornerRadius="5,5,5,5">
                                    <ContentPresenter Content="{TemplateBinding ContentControl.Content}"   HorizontalAlignment="Center" VerticalAlignment="Center" ></ContentPresenter>
                                </Border>
                                <ControlTemplate.Triggers>
                                    <Trigger Property="IsMouseOver" Value="True">
                                        <Setter TargetName="back" Property="Background" Value="#FF609BB9"/>
                                    </Trigger>
                                    <Trigger Property="IsPressed" Value="True">
                                        <Setter TargetName="back" Property="Background" Value="#0191EA"/>
                                    </Trigger>
                                </ControlTemplate.Triggers>
                            </ControlTemplate>
                        </Button.Template>

                        <WrapPanel >
                            <Image Source="tmm.png" Width="15" Height="15" HorizontalAlignment="Right" Stretch="Fill">

                            </Image>
                            <TextBlock Text="{Binding Name}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White" FontSize="12" Margin="3,0,3,0"/>
                        </WrapPanel>

                    </Button>




                </Border>
            </WrapPanel>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>
<Button Content="向右" Click="MoveRight"/>