<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1.5*"/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Grid Grid.Column="0" Background="DarkCyan">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<ComboBox ItemsSource="{Binding Path=charList}" x:Name="comboBox" VerticalAlignment="Top" Width="Auto" Grid.ColumnSpan="2">
<ComboBoxItem>
<StackPanel Orientation="Horizontal">
<Image Source="Pictures\bagi_warrior.jpg" Width="100" Height="150"/>
<Grid>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition Height="6*"/>
</Grid.RowDefinitions>
<Label Grid.Row="0" Content="{Binding Path=Character.Name}" FontSize="30"/>
<Label Grid.Row="1" Content="{Binding Path=Character.Level}" FontSize="20"/>
</Grid>
</StackPanel>
</ComboBoxItem>
<ComboBoxItem>
<StackPanel Orientation="Horizontal">
<Image Source="Pictures\azure_knight.jpg" Width="100" Height="130"/>
<Grid>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition Height="6*"/>
</Grid.RowDefinitions>
<Label Grid.Row="0" Content="Azure Knight" FontSize="30"/>
<Label Grid.Row="1" Content="Level 158" FontSize="20"/>
</Grid>
</StackPanel>
</ComboBoxItem>
</ComboBox>
<Label x:Name="strLabel" Grid.Column="0" VerticalAlignment="Bottom" Height="30" Content="Str: " HorizontalContentAlignment="Center" FontSize="16"/>
<Label x:Name="intLabel" Grid.Column="1" VerticalAlignment="Bottom" Height="30" Content="Int: " HorizontalContentAlignment="Center" FontSize="16"/>
<Label x:Name="dexLabel" Grid.Column="0" Grid.Row="1" VerticalAlignment="Center" Height="30" Content="Dex: " HorizontalContentAlignment="Center" FontSize="16"/>
<Label x:Name="goldLabel" Grid.Column="1" Grid.Row="1" VerticalAlignment="Center" Height="30" Content="Gold: " HorizontalContentAlignment="Center" FontSize="16"/>
</Grid>
<Grid Grid.Column="1">
<Grid.RowDefinitions>
<RowDefinition/>
</Grid.RowDefinitions>
<DataGrid x:Name="MyGrid" ItemsSource="{Binding Path=Item}"></DataGrid>
</Grid>
</Grid>
我的XAML是这样的,它看起来像这样：
我的代码是：
public partial class MainWindow : Window
{
Character aloken;
Character azureKnight;
Character bagiWarrior;
Character incarMagician;
Character segitaHunter;
Character segnale;
Character viciousSummoner;
private List<Character> _charList = new List<Character>();
public MainWindow()
{
InitializeComponent();
charList.Add(new Character("Bagi Warrior"));
this.Item = new ObservableCollection<Item>();
this.Character = new ObservableCollection<Character>();
this.DataContext = this;
//Character.Add(new Character(name: "Bagi Warrior", level: 197, characterClass: CharacterClass.Bagi_Warrior, gender: Gender.Male, strength: 450, intelligence: 4, dexterity: 84, gold: 147203352));
//Character.Add(new Character(name: "Azure Knight", level: 158, characterClass: CharacterClass.Azure_Knight, gender: Gender.Male, strength: 390, intelligence: 120, dexterity: 92, gold: 204220567));
//Character.Add(new Character(name: "Incar Magician", level: 169, characterClass: CharacterClass.Incar_Magician, gender: Gender.Female, strength: 4, intelligence: 512, dexterity: 57, gold: 172223520));
//Character.Add(new Character(name: "Vicious Summoner", level: 203, characterClass: CharacterClass.Vicious_Summoner, gender: Gender.Male, strength: 423, intelligence: 89, dexterity: 45, gold: 114225587));
}
public List<Character> charList
{
get { return _charList; }
set { _charList = value; }
}
private ObservableCollection<Character> _Character;
public ObservableCollection<Character> Character
{
get { return _Character; }
set { _Character = value; }
}
private ObservableCollection<Item> _Item;
public ObservableCollection<Item> Item
{
get { return _Item; }
set { _Item = value; }
}
}
角色类(以防万一)：
http://pastebin.com/GFycKqDC
物品等级(以防万一)：
http://pastebin.com/RgXzbFHk
这是RPG上的一个项目,你必须使用数据绑定组合框并为组合框创建一个ObservableCollection并查看每个角色.
我遇到的问题是：
在我的组合框中,我希望能够用他们的“图像”显示角色,并在旁边显示他们的“级别”和“名称”
但我不希望它是静态的,我想创建一个字符列表并将ItemsSource绑定到我的ComboBox,这样无论我选择哪个字符,基于该字符的信息都会更新.
我该怎么做呢？
我被告知创建一个字符列表,然后为ComboBox项目创建一个数据模板,其中包含绑定到selectedItem的图片,名称和级别将执行该作业(我称之为charList)但是我是否在代码中执行此操作或者在XAML中,它会抛出一个异常,说明在绑定之前集合必须为空.
我想将datatemplate中的属性绑定到selectedItem,以便标签和信息将适当更新.
我做错了什么,为什么抛出这个异常？
编辑
好的,现在问题解决了！但是,为什么我的Label绑定仍不适用于Character.Name和Character.Level？
编辑2
public MainWindow()
{
的InitializeComponent();
Character.Add(新角色(“Bagi Warrior”));
Character.Add(新角色(“Azure Knight”));
this.Item = new ObservableCollection();
this.Character = new ObservableCollection();
this.DataContext = this;
//Character.Add(new Character(name: "Bagi Warrior", level: 197, characterClass: CharacterClass.Bagi_Warrior, gender: Gender.Male, strength: 450, intelligence: 4, dexterity: 84, gold: 147203352));
//Character.Add(new Character(name: "Azure Knight", level: 158, characterClass: CharacterClass.Azure_Knight, gender: Gender.Male, strength: 390, intelligence: 120, dexterity: 92, gold: 204220567));
//Character.Add(new Character(name: "Incar Magician", level: 169, characterClass: CharacterClass.Incar_Magician, gender: Gender.Female, strength: 4, intelligence: 512, dexterity: 57, gold: 172223520));
//Character.Add(new Character(name: "Vicious Summoner", level: 203, characterClass: CharacterClass.Vicious_Summoner, gender: Gender.Male, strength: 423, intelligence: 89, dexterity: 45, gold: 114225587));
}
//public List<Character> charList
//{
// get { return _charList; }
// set { _charList = value; }
//}
private ObservableCollection<Character> _Character;
public ObservableCollection<Character> Character
{
get { return _Character; }
set { _Character = value; }
}
然后是XAML：
<Grid Grid.Column="0" Background="DarkCyan">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<ComboBox ItemsSource="{Binding Path=Character}" x:Name="comboBox" VerticalAlignment="Top" Width="Auto" Grid.ColumnSpan="2">
<ComboBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<Image x:Name="image" Source="{Binding Source={StaticResource ImageConverter}}" Width="100" Height="150"/>
<Grid>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition Height="6*"/>
</Grid.RowDefinitions>
<Label Grid.Row="0" Content="{Binding Path=Character.Name}" FontSize="30"/>
<Label Grid.Row="1" Content="{Binding Path=Character.Level}" FontSize="20"/>
</Grid>
</StackPanel>
</DataTemplate>
</ComboBox.ItemTemplate>
解决方法:
您正在定义ItemsSource两次.
一旦使用
ItemsSource="{Binding charList}"
再一次
<ComboBoxItem>
您将需要使用ComboBox.ItemTemplate替换ComboBoxItem元素,并为您的ComboxItem创建一个DataTemplate.然后,您将要将Image Source绑定到Character类上的属性,或者使用ItemTemplateSelector让它为项目使用适当的DataTemplate.
如果只有图像源位置发生变化,您还可以使用绑定到定义字符类的属性的数据触发器.
标签：c,combobox,wpf 来源： https://codeday.me/bug/20190713/1454072.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。