数据未显示在 Text={Binding} 上？

Question

我对 silverlight 和 windows 7 手机开发非常陌生。 而且我不确定我错过了什么，但显然我错过了一些东西，因为它没有按预期工作。

我的目标是显示一个生物列表，只有它们的名字和生命值。 但是整个 Text={Binding} 显然不起作用。 所以我想知道你们中是否有人可以帮助我解决这个问题。

当我说它不起作用时，这是因为数据在生物列表中，但不在页面/文本块中 - 它显示了正确数量的生物，但不是数据。

XAML

<phone:PhoneApplicationPage 
x:Class="RPG_Assistent.Pages.DamageTrackerPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
SupportedOrientations="Portrait" Orientation="Portrait"
mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480"
shell:SystemTray.IsVisible="True">

<!--LayoutRoot is the root grid where all page content is placed-->
<Grid x:Name="LayoutRoot" Background="Transparent">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <!--TitlePanel contains the name of the application and page title-->
    <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
        <TextBlock x:Name="ApplicationTitle" Text="MY APPLICATION" Style="{StaticResource PhoneTextNormalStyle}"/>
    </StackPanel>

    <!--ContentPanel - place additional content here-->
    <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
        <!--<Button Content="Damage" Height="72" HorizontalAlignment="Left" Margin="0,618,0,0" Name="btnDamage" VerticalAlignment="Top" Width="160" Click="btnDamage_Click" />
        <TextBox Height="72" HorizontalAlignment="Left" Margin="158,618,0,0" Name="txtDamage" Text="" VerticalAlignment="Top" Width="286" KeyUp="NumericOnlyTextBox_KeyUp"></TextBox>-->
        <ListBox ItemsSource="{Binding creatureList}" Height="500" HorizontalAlignment="Center" Margin="6,6,0,0" Name="listBox1" VerticalAlignment="Top" Width="400">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Button Width="400" Height="120" >
                        <Button.ContentTemplate>
                            <DataTemplate>
                                <StackPanel Orientation="Horizontal" Height="80" Width="200">
                                    <StackPanel Orientation="Vertical" Height="40">
                                        <TextBlock Width="100" FontSize="22" Text="Name:" Height="40"/>
                                        <TextBlock Width="100" Text="{Binding Name}" Height="40"/>
                                    </StackPanel>
                                    <StackPanel Orientation="Vertical" Height="40">
                                        <TextBlock Width="100" FontSize="22" Text="Hitpoints:" Height="40"/>
                                        <TextBlock Width="100" Text="{Binding HitPoints}" Height="40"/>
                                    </StackPanel>
                                </StackPanel>
                            </DataTemplate>
                        </Button.ContentTemplate>
                    </Button>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
    </Grid>
</Grid>

<!--Sample code showing usage of ApplicationBar-->
<!--<phone:PhoneApplicationPage.ApplicationBar>
    <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
        <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
        <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
        <shell:ApplicationBar.MenuItems>
            <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
            <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
        </shell:ApplicationBar.MenuItems>
    </shell:ApplicationBar>
</phone:PhoneApplicationPage.ApplicationBar>-->

CS - 在页面完成加载内容时调用。（在 InitializeComponent(); 在我的 DamageTracker 页面上调用）

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using Microsoft.Phone.Controls;
namespace RPG_Assistent.Pages
{
    public partial class DamageTrackerPage : PhoneApplicationPage
    {
        List<Models.Creature> creatureList { get; set; }

        public DamageTrackerPage()
        {
            InitializeComponent();
            creatureList = new List<Models.Creature>();


            #region ApplicationTitle Setup
            ApplicationTitle.Text = Constants.AppName;
            ApplicationTitle.TextAlignment = Constants.AppName_TextAlignment;
            ApplicationTitle.FontSize = Constants.AppName_FontSize;
            ApplicationTitle.FontWeight = Constants.AppName_FontWeight;
            #endregion

           //SetInputScope(txtDamage);


            LoadCreatures();
            DataContext = this;
        }

        public void LoadCreatures()
        {


            string name;

            for (int i = 0; i < 10; i++)
            {
                name = "Monster " + i + 1;
                creatureList.Add(new Models.Creature(name));

            }

        }

        public void btnDamage_Click(object sender, RoutedEventArgs e)
        {

        }

        #region textbox control - makes numeric only
        private void SetInputScope(TextBox textBoxControl)
        {
            InputScopeNameValue digitsInputNameValue = InputScopeNameValue.TelephoneNumber;
            textBoxControl.InputScope = new InputScope()
            {
                Names = {
                    new InputScopeName()
                    {
                        NameValue = digitsInputNameValue
                    }
                }
            };
        }

        private void MaskNumericInput(TextBox textBoxControl)
        {
            string[] invalidCharacters = { "*", "#", ",", "(", ")", "x", "-", "+", " ", "@", "." };

            for (int i = 0; i < invalidCharacters.Length; i++)
            {
                textBoxControl.SelectionStart = textBoxControl.Text.Length;
            }
        }

        private void NumericOnlyTextBox_KeyUp(object sender, KeyEventArgs e)
        {
            MaskNumericInput((TextBox)sender);
        }
        #endregion


    }
}

CS - 生物 class，放置在“模型”文件夹中 - 因为我认为我会很聪明

using System;

using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace RPG_Assistent.Models
{
    public class Creature
    {
        public string Name { get; set; }
        public int HitPoints { get; set; }
        public string Type { get; set; }

        public Creature(string name)
        {
            this.Name = name;
            this.HitPoints = 0;
            this.Type = "Images/mob.jpg";

        }
        public void Damage(int damage)
        {
            HitPoints += damage;
        }
        public void Bloodied()
        {
            switch (this.Type)
            {
                case "Images/mob.jpg":
                    this.Type = "Images/mobhurt.jpg";
                    break;
                case "Images/mobhurt.jpg":
                    this.Type = "Images/mob.jpg";
                    break;
            }
        }

    }
}

Answer 1

由于您绑定到 Creature 列表，因此您不需要输入 Creature.Name。 您应该能够将其更改为 Text={Binding Name} 和 Text={Binding Hitpoints}

Answer 2

看起来应该是 Text={Binding Name} 或 Text={Binding HitPoints}

编辑：但是， Text={Binding Path=Name} 或 Text={Binding Path=HitPoints} 也可以。

编辑2：对不起，我没有注意到你的评论。 我电脑里没有VS，所以不能自己尝试，但是尝试将DataTemplate上的DataType设置为Creature。

Answer 3

将您的绑定更新为以下内容。 我已经从绑定路径中删除了 Creature。 然后它应该工作

<StackPanel Orientation="Vertical" Height="40">
  <TextBlock Width="100" FontSize="22" Text="Name:" Height="40"/>
  <TextBlock Width="100" Text="{Binding Path=Name}" Height="40"/>
</StackPanel>
<StackPanel Orientation="Vertical" Height="40">
   <TextBlock Width="100" FontSize="22" Text="Hitpoints:" Height="40"/>
   <TextBlock Width="100" Text="{Binding Path=HitPoints}" Height="40"/>
 </StackPanel>

Answer 4

您始终使用直接绑定绑定到 DataContext，并且当将 ItemsSource 设置为列表时，DataContext 将成为列表中它将代表的每一行的每个项目。 所以你这里的想法是完全正确的！

但是： ContentControl 的行为相同。 当您设置ContentControl的Content时，您基本上会覆盖内容的 DataContext。 因此， DataContext被设置为您的 StackPanel，它将自己呈现为您的 StackPanel，但您还将尝试绑定到您的 StackPanel，而不是您的 Creature object。

所以你可能想要这样做：

将内容 StackPanel 移动到 DataTemplate，将此 DataTemplate 设置为 Button 上的 ContentTemplate，并将 Button 的内容设置为 Creature object 的绑定，如下所示：

<Button Width="400" Height="120" Content="{Binding}">
    <Button.ContentTemplate>
    <DataTemplate>
        <StackPanel Orientation="Horizontal" Height="80" Width="200">
            <StackPanel Orientation="Vertical" Height="40">
            <TextBlock Width="100" FontSize="22" Text="Name:" Height="40"/>
            <TextBlock Width="100" Text="{Binding Path=Name}" Height="40"/>
            </StackPanel>
            <StackPanel Orientation="Vertical" Height="40">
            <TextBlock Width="100" FontSize="22" Text="Hitpoints:" Height="40"/>
            <TextBlock Width="100" Text="{Binding Path=HitPoints}" Height="40"/>
            </StackPanel>
        </StackPanel>
    </DataTemplate>
    </Button.ContentTemplate>
</Button>

Answer 5

我处理这些场合的首选方式是为视图设置一个集合。 它看起来像这样

public class CreatureList : ObservableCollection<Creature>
{
    // at least implement the constructor
}

之后，您可以在 window XAML 定义中使用新的集合 class。

<ResourceDictionary>
    <local:CreatureList x:Key="creatures" />
</ResourceDictionary>

必须将本地命名空间的定义设置为可以找到 class CreatureList 的程序集命名空间。 之后，您可以在列表框定义中使用定义的列表。

<ListBox Name="creatureListBox" ItemsSource="{Binding Source={StaticResource creatures}}">
    <!-- Template definition for each entry -->
</ListBox>

要在 window class 中使用这些对象，您必须设置一些属性并将它们与指定的条目相关联。

public partial class DamageTrackerPage : PhoneApplicationPage
{
    private readonly CreatureList creatureList;
}

在 class 的构造函数中，您将属性绑定到指定的 XAML 定义。

public DamageTrackerPage() {
    InitializeComponent();
    creatureList = FindResource("creatures") as CreatureList;
}

现在，当您向列表中添加条目或从中删除条目时，更改将自动更新到您的 window。

这至少是我在 WPF 中的做法，但我确信 WinPhone 应用程序应该是相同的。