【Windows phone 8】欢迎引导页面01

xuke123

　　【先上效果】

　　【思路】
　　图片切换：pivot
　　下方的点: Ellipse的填充
　　【前端】

























　　
　　【后台】



public partial class MainPage : PhoneApplicationPage
{
private List ellipses;
private bool phoneLoaded = false;
// 构造函数
public MainPage()
{
InitializeComponent();
ellipses = new List();
}
private void PhoneApplicationPage_Loaded_1(object sender, RoutedEventArgs e)
{
List ellipseList = this.ellipsePanel.Children.ToList();
foreach (Ellipse item in ellipseList)
{
if (item.GetType() == typeof(Ellipse))
{
ellipses.Add(item);
}
}
EllipseFill(0);
phoneLoaded = true;
}
private void EllipseFill(int index)
{
foreach (Ellipse item in ellipses)
{
item.Fill = null;
}
ellipses[index].Fill = new SolidColorBrush(Color.FromArgb(255, 189, 184, 180));
}
private void imagePanel_SelectionChanged_1(object sender, SelectionChangedEventArgs e)
{
if (phoneLoaded)
{
EllipseFill(this.imagePivot.SelectedIndex);
}
}
}