我正在尝试将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));
}
}
};
答案 0 :(得分:5)
为此,我将使用4页的Pivot控件。
在任何时候,前一页,当前页和下一页都将包含正确的数据 - 而且您将始终拥有一个(空)页
然后,您可以在当前页面发生变化和更改时响应事件 - 使用这些事件将当前(空)页面设置为正确的新内容,然后清除新的(空)页面。
答案 1 :(得分:1)
Pivot控件指南规定如果页面超过6页则应避免使用。
毫无疑问地将它用于无限制的页面。
我建议使用TransitioningContentControl
帮助触摸手势向前和向后翻转。 TransitioningContentControl
允许您在更改内容时使用动画。