<Window x:Class="TwoColumnListBox.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:TwoColumnListBox"
mc:Ignorable="d"
Title="MainWindow" Height="450" Width="800">
<Window.Resources>
<GridView x:Key="GridView">
<GridView.Columns>
<GridViewColumn Header="Name" DisplayMemberBinding="{Binding Path=ModelName}"/>
<GridViewColumn Header="Model" DisplayMemberBinding="{Binding Path=ModelNumber}"/>
<GridViewColumn Header="Price" DisplayMemberBinding="{Binding Path=UnitCost}"/>
</GridView.Columns>
</GridView>
<local:TileView x:Key="ImageView">
<local:TileView.ItemTemplate>
<DataTemplate>
<StackPanel Width="150" VerticalAlignment="Top">
<TextBlock Text="{Binding Path=MockImageStr}"/>
</StackPanel>
</DataTemplate>
</local:TileView.ItemTemplate>
</local:TileView>
</Window.Resources>
<Grid>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
<RowDefinition Height="30"/>
</Grid.RowDefinitions>
<ListView Grid.Row="0" Name="lstProducts">
<ListView.View>
<local:TileView/>
</ListView.View>
</ListView>
<ListBox Grid.Row="1" Name="lstProducts2">
<ListBox.ItemsPanel>
<ItemsPanelTemplate>
<WrapPanel/>
</ItemsPanelTemplate>
</ListBox.ItemsPanel>
<ListBox.ItemTemplate>
<DataTemplate>
<TextBlock Text="{Binding Path=MockImageStr}"/>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
<ComboBox x:Name="lstCombox" Grid.Row="2" SelectionChanged="ComboBox_SelectionChanged">
<ComboBoxItem Content="GridView"/>
<ComboBoxItem Content="ImageView"/>
</ComboBox>
</Grid>
</Window>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
namespace TwoColumnListBox
{
public class TileView : ViewBase
{
DataTemplate _itemTemplate;
public DataTemplate ItemTemplate
{
get
{
return _itemTemplate;
}
set
{
_itemTemplate = value;
}
}
protected override object DefaultStyleKey
{
get
{
return new ComponentResourceKey(GetType(),"TileView");
}
}
protected override object ItemContainerDefaultStyleKey
{
get
{
return new ComponentResourceKey(GetType(), "TileViewItem");
}
}
}
public class ModelInfo
{
public string ModelName
{
get;set;
}
public int ModelNumber
{
get;set;
}
public double UnitCost
{
get;set;
}
public string MockImageStr
{
get;set;
}
}
/// <summary>
/// MainWindow.xaml 的交互逻辑
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
var a = new List<ModelInfo>
{
new ModelInfo{ModelName="iPhone 6",ModelNumber=6,UnitCost=549.00,MockImageStr="Iphone6" },
new ModelInfo{ModelName="iPhone 5",ModelNumber=6,UnitCost=549.00,MockImageStr="Iphone5" },
new ModelInfo{ModelName="iPad",ModelNumber=6,UnitCost=549.00,MockImageStr="IPad" },
};
lstProducts.ItemsSource = a;
lstProducts2.ItemsSource = a;
}
private void ComboBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
ComboBoxItem selec = (ComboBoxItem)lstCombox.SelectedItem;
lstProducts.View = (ViewBase)this.FindResource(selec.Content);
}
}
}