WPF 实现类似C#中ListView大图标模式，加入链接

 近来，因为工作原因，要做wpf。学习并用wpf写了几天，发现wpf真的很灵活。

以WPF 实现类似C#中ListView大图标模式来说，虽然有人用滚动视图加WrapPanel的自定义方式实现，但是我觉得没必要把问题想的太复杂，因为wpf本身是很灵活的。

下面是我从msdn的论坛上copy过来的代码，看看就知道了。

 

<ListBox Name="AppListBox" Background ="Transparent" ItemsSource="{Binding}" ScrollViewer.CanContentScroll="True">

            <ListBox.ItemsPanel>

                <ItemsPanelTemplate>

                    <WrapPanel/>

                ItemsPanelTemplate>

            ListBox.ItemsPanel>

            <ListBox.ItemTemplate>

                <DataTemplate>

                    <Grid >

                        <Grid.RowDefinitions>

                            <RowDefinition Height="Auto" >RowDefinition>

                            <RowDefinition Height="Auto" >RowDefinition>

                        Grid.RowDefinitions>

                        <Image Source="{Binding Pic}"/>

                        <TextBlock Text="{Binding Name}" Grid.Row="1"/>

                    Grid>

                DataTemplate>

            ListBox.ItemTemplate>

        ListBox>

后台代码：

        namespace StyleWorkAround

{

    /// 

    /// Interaction logic for MainWindow.xaml

    /// 

    public partial class MainWindow : Window

    {

        ObservableCollection<LVData> LVDatas = new ObservableCollection<LVData>();

        public MainWindow()

        {

            InitializeComponent();

            LVDatas.Add(new LVData { Name = "图ª?片?1", Pic = "http://www.google.com/intl/en_ALL/images/logo.gif" });

            LVDatas.Add(new LVData { Name = "图ª?片?2", Pic = "http://www.google.com/intl/en_ALL/images/logo.gif" });

            AppListBox.ItemsSource = LVDatas;

        }

    }

 

    public class LVData

    {

        public string Name { get; set; }

        public string Pic { get; set; }

    }

}

这个代码是完全可以工作的。

来自：http://social.msdn.microsoft.com/Forums/zh-CN/wpfzhchs/thread/f9b5fb48-4373-4373-9609-01273dcd217f，感谢Sheldon _Xiao的为我们提供的代码。

 

其实，我想要的是下面的效果：

               
                   
                       
                           
                           
                       
                       
                       
                   
               
           

当然更改起来很简单了。
 

当然，你还有可以实现文件和链接的组合：

                                               
                                                   
                                                   
                                                       
                                                           
                                                       
                                                   
                                               
                                           

 

 

虽然上面用的都是listbox，我将其改为listview一样使用。