无尽的枢轴控制

时间:2011-02-28 20:04:54

标签: windows-phone-7

我正在尝试将Pivot控件用于日历类型应用,其中每个Pivot视图显示有关当天的一些信息。当用户向前滑动时,显示第二天。我通过在Pivot项集合的末尾添加项目来实现这一点,这可以正常工作。

当用户尝试返回前一天时,会出现问题。在这种情况下,会在Pivot项集合的开头添加一个新项目。虽然添加有效,但显示的Pivot项始终是错误的(即新添加的项)。在SelectedItem控件上设置Pivot无效。

我认为Pivot可能不适合我的任务,因此对于使用哪种观点或如何解决上述Pivot问题的任何帮助都非常受欢迎。

我的Viewmodel的代码,它实现了前进/后退一天。 Pages绑定到Pivot ItemSource

public class TrackDayViewModel : HubViewModelBase
{
    private DateTime _CurrentDay;
    public DateTime CurrentDay
    {
        get { return _CurrentDay; }
        set
        {
            if (value.CompareTo (_CurrentDay) != 0)
            {
                _CurrentDay = value;
                OnPropertyChanged("CurrentDay");
            }
        }
    }

    public TrackDayViewModel ()
    {
        var day = DateTime.Now;

        CurrentDay = day.Midnight();

        Pages.Add(new DayViewModel(CurrentDay.AddDays(-1)));
        Pages.Add(new DayViewModel(CurrentDay));
        Pages.Add(new DayViewModel(CurrentDay.AddDays(1)));

        SelectedItem = Pages[1];

        this.PropertyChanged += (s, e) =>
        {
            if (e.PropertyName == "SelectedItem")
            {
                var si = SelectedItem as DayViewModel;

                if (si != null)
                {
                    var idx = Pages.IndexOf(SelectedItem);
                    if (idx==0)
                    {
                        Pages.Insert(0, new DayViewModel(si.Day.AddDays(-1)));
                        SelectedItem = Pages[1];
                    }
                    else if (idx == (Pages.Count - 1))
                    {
                        Pages.Add(new DayViewModel(si.Day.AddDays(1)));
                    }
                }
            }
        };
    }
}

编辑:改变解决了我的问题:

        this.PropertyChanged += (s, e) =>
        {
            if (e.PropertyName == "SelectedItem")
            {
                var si = SelectedItem as DayViewModel;

                if (si != null)
                {
                    var idx = Pages.IndexOf(SelectedItem);

                    int nextIdx = (idx + 1) % 3;
                    int prevIdx = ((idx - 1)<0)  ? 2 : (idx-1);

                    Pages[nextIdx] = new DayViewModel(si.Day.AddDays(1));
                    Pages[prevIdx] = new DayViewModel(si.Day.AddDays(-1));
                }
            }
        };

2 个答案:

答案 0 :(得分:5)

为此,我将使用4页的Pivot控件。

在任何时候,前一页,当前页和下一页都将包含正确的数据 - 而且您将始终拥有一个(空)页

然后,您可以在当前页面发生变化和更改时响应事件 - 使用这些事件将当前(空)页面设置为正确的新内容,然后清除新的(空)页面。

答案 1 :(得分:1)

Pivot控件指南规定如果页面超过6页则应避免使用。

毫无疑问地将它用于无限制的页面。

我建议使用TransitioningContentControl帮助触摸手势向前和向后翻转。 TransitioningContentControl允许您在更改内容时使用动画。