使用XAML文件中的复选框填充列表视图

时间:2013-06-12 14:37:22

标签: c# xaml listview checkbox

我有一个看起来像这样的列表视图(除了在拍摄此截屏后添加了一个加载按钮):

Listview image

这是XAML代码:

<Window.Resources>
    <DataTemplate x:Key="YoungPicCell">
        <StackPanel Orientation="Horizontal">
            <Image Height="200" Width="200" Stretch="None" Source="{Binding YoungPic}" />
        </StackPanel>
    </DataTemplate>
    <DataTemplate x:Key="MediumPicCell">
        <StackPanel Orientation="Horizontal">
            <Image Height="200" Width="200" Stretch="None" Source="{Binding MediumPic}" />
        </StackPanel>
    </DataTemplate>
    <DataTemplate x:Key="AdultPicCell">
        <StackPanel Orientation="Horizontal">
            <Image Height="200" Width="200" Stretch="None" Source="{Binding AdultPic}" />
        </StackPanel>
    </DataTemplate>

    <DataTemplate x:Key="TerrainCell">
        <StackPanel Orientation="Vertical">
            <CheckBox Content="Salt Water"  Name="SaltWaterCheckbox" IsThreeState="False" IsChecked="{Binding Saltwater}" />
            <CheckBox Content="Fresh Water"  Name="FreshWaterCheckbox" IsThreeState="False" IsChecked="{Binding Freshwater}" />
            <CheckBox Content="Grassland / Plains"  Name="GrasslandsCheckbox" IsThreeState="False"  IsChecked="{Binding Grassland}" />
            <CheckBox Content="Swamp"  Name="SwampCheckbox" IsThreeState="False" IsChecked="{Binding Swamp}" />
            <CheckBox Content="Tropical Forest"  Name="TropicalForestCheckbox" IsThreeState="False"  IsChecked="{Binding TropicalForest}" />
            <CheckBox Content="Forest"  Name="ForestCheckbox" IsThreeState="False" IsChecked="{Binding Forest}" />
            <CheckBox Content="Forest Edge"  Name="ForestEdgeCheckbox" IsThreeState="False"  IsChecked="{Binding ForestEdge}" />
            <CheckBox Content="Sand"  Name="SandCheckbox" IsThreeState="False" IsChecked="{Binding Sand}" />
            <CheckBox Content="Coastal"  Name="CoastalCheckbox" IsThreeState="False" IsChecked="{Binding Coastal}" />
            <CheckBox Content="River Border"  Name="RiverBorderCheckbox" IsThreeState="False" IsChecked="{Binding RiverBorder}" />
            <CheckBox Content="LakeBorder"  Name="LakeBorderCheckbox" IsThreeState="False"  IsChecked="{Binding LakeBorder}" />
            <CheckBox Content="Floodplain"  Name="FloodplainCheckbox" IsThreeState="False"  IsChecked="{Binding Floodplain}" />
        </StackPanel>
    </DataTemplate>

    <DataTemplate x:Key="PlacePlantsCell">
        <StackPanel Orientation="Vertical">
            <Label Margin="10"  Content="Random" HorizontalAlignment="Center" ></Label>
            <Slider Margin="10"  Width="190" Value="50" Orientation="Horizontal" HorizontalAlignment="Center" IsSnapToTickEnabled="True" Maximum="100" TickPlacement="BottomRight"  TickFrequency="5"> </Slider>
            <Button Margin="10"  Content="Randomly Seed Plants" HorizontalAlignment="Center"  Height="23" Name="SeedButton" ></Button>
        </StackPanel>
    </DataTemplate>
</Window.Resources>

<DockPanel>
    <Grid>
        <ListView ItemsSource="{Binding Path=lsvData, Mode=TwoWay}" Name="listView1">
            <ListView.View>
                <GridView>
                    <GridViewColumn Width="152" Header="Name" DisplayMemberBinding="{Binding Path=Name}"  />
                    <GridViewColumn Width="202" Header="Picture of Young Plant" DisplayMemberBinding="{Binding Path=YoungPic}" CellTemplate="{StaticResource YoungPicCell}" />
                    <GridViewColumn Width="202" Header="Picture of Medium Plant"  DisplayMemberBinding="{Binding Path=MediumPic}" CellTemplate="{StaticResource MediumPicCell}" />
                    <GridViewColumn Width="202" Header="Picture of Adult Plant"  DisplayMemberBinding="{Binding Path=AdultPic}" CellTemplate="{StaticResource AdultPicCell}" />
                    <GridViewColumn Width="202" Header="Terrain / Environments" CellTemplate="{StaticResource TerrainCell}" />

                    <GridViewColumn Width="202" Header="Place Plants" CellTemplate="{StaticResource PlacePlantsCell}" />
                </GridView>
            </ListView.View>
        </ListView>
        <Button Content="New Plant"  DockPanel.Dock="Bottom"  Height="23" HorizontalAlignment="Left" Margin="160,240,0,0" Name="NewPlant" VerticalAlignment="Top" Width="75" Click="NewPlant_Click" />
        <Button Content="Save" DockPanel.Dock="Bottom"   Height="23" HorizontalAlignment="Center" Margin="1099,240,15,0" Name="SavePlant" VerticalAlignment="Top" Width="75" Click="SavePlant_Click"/>
        <Button Content="Load" DockPanel.Dock="Bottom" Height="23" HorizontalAlignment="Left" Margin="26,240,0,0" Name="LoadPlants" VerticalAlignment="Top"  Click="LoadPlants_Click" Width="75" /> 
    </Grid>
</DockPanel>

以下是单击“加载”按钮时加载的XML文件:

<?xml version="1.0" encoding="UTF-8"?>
<Plants>
<Species>
    <Name>Alethopteris</Name>
    <YoungPic>AlethopterisYoung.bmp</YoungPic>
    <MediumPic>AlethopterisMedium.bmp</MediumPic>
    <AdultPic>AlethopterisAdult.bmp</AdultPic>
    <Saltwater>true</Saltwater>
    <FreshWater>False</FreshWater>
    <Grasslands>False</Grasslands>
    <Swamp>False</Swamp>
    <TropicalForrest>False</TropicalForrest>
    <Forest>False</Forest>
    <ForestEdge>False</ForestEdge>
    <Sand>False</Sand>
    <Coastal>False</Coastal>
    <RiverBorder>False</RiverBorder>
    <LakeBorder>False</LakeBorder>
    <Floodplain>False</Floodplain>
</Species>
</Plants>

最后,这里是相关代码:

      public PlantDisplay()
    {
        InitializeComponent();
        _wvm = new WindowViewModel();
        this.DataContext = _wvm;
    }

    public class LVData
    {
        public string Name { get; set; }
        public string YoungPic { get; set; }
        public string MediumPic { get; set; }
        public string AdultPic { get; set; }
        public bool SaltWater { get; set; }
        public bool FreshWater { get; set; }
        public bool Grasslands { get; set; }
        public bool Swamp { get; set; }
        public bool TropicalForrest { get; set; }
        public bool Forest { get; set; }
        public bool ForestEdge { get; set; }
        public bool Sand { get; set; }
        public bool Coastal { get; set; }
        public bool RiverBorder { get; set; }
        public bool LakeBorder { get; set; }
        public bool Floodplain { get; set; }
    }


    public class WindowViewModel : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;
        //called when a property is changed
        protected void RaisePropertyChanged(string PropertyName)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(PropertyName));
            }
        }

        private ObservableCollection<LVData> _plantList = new ObservableCollection<LVData>();
        public ObservableCollection<LVData> lsvData
        {
            get { return _plantList; }
            set { _plantList = value; RaisePropertyChanged("lsvData"); }
        }

        public void PopulateDataFromXML()
        {
            XDocument loaded = XDocument.Load(@"DinoIslandPlants.xml");

            var Plants = from x in loaded.Descendants("Plants")
                          select new
                          {
                              Name = x.Descendants("Name").First().Value,
                              YoungPic = x.Descendants("YoungPic").First().Value,
                              MediumPic = x.Descendants("MediumPic").First().Value,
                              AdultPic = x.Descendants("AdultPic").First().Value,
                              SaltWater = x.Descendants("SaltWater").First().Value 
                          };
            foreach (var _plant in Plants)
            {
                _plantList.Add(new LVData { 
                    Name = _plant.Name, 
                    YoungPic = _plant.YoungPic, 
                    MediumPic = _plant.MediumPic, 
                    AdultPic = _plant.AdultPic, 
                    SaltWater = Convert.ToBoolean(_plant.SaltWater) });
            }

            RaisePropertyChanged("lsvData");
        }

    }

我遇到两个问题:

  1. 它在这一行崩溃:SaltWater = Convert.ToBoolean(_plant.SaltWater)});
  2. 它没有加载工厂的图像,而是显示路径字符串。
  3. 有什么想法,建议吗?我在XAML文件中保存布尔值的方式是正确的吗?

1 个答案:

答案 0 :(得分:2)

关于问题1的问题是,在您的XML中,您有项目Saltwater。 在你的代码中你有这一行。

SaltWater = x.Descendants("SaltWater").First().Value 

注意SaltWater和Saltwater之间的区别?如果你修复你的情况,我相信你会解决这个问题。

我不确定为什么.First()。值不会抛出异常。也许另一个人可以为你解答。