0

我一直在尝试通过使用 Panorama.TitleTemplate 属性和用于将数据绑定到它的字典来自定义全景页面的标题区域，但没有任何成功。我的 XAML 代码如下：

<Grid x:Name="LayoutRoot">
    <controls:Panorama Name="siteHubPanoramaControl">
        <controls:Panorama.TitleTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal" Height="75" Margin="0,75,0,0" Width="470" DataContext="{Binding}">
                    <Image Source="{Binding imageSource}" />
                    <TextBlock Text="{Binding name}" />
                </StackPanel>
            </DataTemplate>
        </controls:Panorama.TitleTemplate>

        <!--Panorama item one-->
        <controls:PanoramaItem Header="Site Info">
            <Grid/>
        </controls:PanoramaItem>

        <!--Panorama item two-->
        <controls:PanoramaItem Header="Others">
            <Grid/>
        </controls:PanoramaItem>
    </controls:Panorama>
</Grid>

我使用以下代码将字典绑定到数据模板：

Dictionary<string, string> dictionary = new Dictionary<string, string>();
dictionary.Add("name", this.name);
dictionary.Add("imageSource", "http://...");

siteHubPanoramaControl.DataContext = dictionary;

我一直在寻找解决方案，但找不到。如果你能帮助我解决这个问题，我会很高兴。

还有学习数据绑定的好资源吗？

提前致谢...

4

1 回答 1

1

两者都不是财产name。imageSource它只是您字典中的关键。因此，当您尝试绑定这两者时，它找不到任何具有这些名称的属性。

您必须将这些值公开到属性中。例如，

public string Name
{
    get { return dictionary["name"]; }
}

我不确定还有其他方法，但那是我的想法。我认为它应该有效。

编辑：

好的，假设您使用的是 MVVM 模式，下面的代码应该可以工作。

视图模型

    public class MainPageViewModel
    {
        private Dictionary<string,string> _dictionary = new Dictionary<string, string>();

        public MainPageViewModel()
        {
            _dictionary.Add("name", "Foo");
            _dictionary.Add("imageSource", "http://");
        }

        public string Name
        {
            get { return _dictionary["name"]; }
        }

        public string ImageSource
        {
            get { return _dictionary["imageSource"]; }
        }
    }

代码隐藏

public partial class MainPage : PhoneApplicationPage
{
    private MainPageViewModel _vm;
    // Constructor
    public MainPage()
    {
        InitializeComponent();

        _vm = new MainPageViewModel();
        DataContext = _vm;
    }
}

XAML

<Grid x:Name="LayoutRoot">
    <phone:Panorama Name="siteHubPanoramaControl">
        <phone:Panorama.Title>
            <StackPanel Orientation="Horizontal">
                    <Image Source="{Binding ImageSource}"/>
                    <TextBlock Text="{Binding Name}" />
                </StackPanel>
        </phone:Panorama.Title>
        <!--Panorama item one-->
        <phone:PanoramaItem Header="Foo">
            <Grid/>
        </phone:PanoramaItem>

        <!--Panorama item two-->
        <phone:PanoramaItem Header="Others">
            <Grid/>
        </phone:PanoramaItem>
    </phone:Panorama>
</Grid>

对于 XAML，不要使用Panorama.TitleTemplate和应用DataTemplate，Panorama.Title而是使用更容易的方法。我试过了TitleTemplate，我只能让它绑定标题而不是图像。所以最简单的解决方法是使用Panorama.Title.

于 2013-03-30T16:08:35.050 回答