【先上效果】

【思路】

图片切换:pivot

下方的点: Ellipse的填充

【前端】

<Grid x:Name="LayoutRoot" Background="White"><phone:Pivot x:Name="imagePivot" HorizontalAlignment="Left" VerticalAlignment="Top" Height="800" Width="480" SelectionChanged="imagePanel_SelectionChanged_1"><phone:PivotItem Margin="0"><Image Source="/Assets/start_01.jpg"></Image></phone:PivotItem><phone:PivotItem Margin="0"><Image Source="/Assets/start_02.jpg"></Image></phone:PivotItem><phone:PivotItem Margin="0"><Image Source="/Assets/start_03.jpg"></Image></phone:PivotItem><phone:PivotItem Margin="0"><Image Source="/Assets/start_04.jpg"></Image></phone:PivotItem></phone:Pivot><StackPanel x:Name="ellipsePanel" VerticalAlignment="Bottom" Orientation="Horizontal" HorizontalAlignment="Center"><Ellipse Width="10" Height="10" VerticalAlignment="Bottom" Margin="24" Stroke="#FFBDB8B4"></Ellipse><Ellipse Width="10" Height="10" VerticalAlignment="Bottom" Margin="24" Stroke="#FFBDB8B4"></Ellipse><Ellipse Width="10" Height="10" VerticalAlignment="Bottom" Margin="24" Stroke="#FFBDB8B4"></Ellipse><Ellipse Width="10" Height="10" VerticalAlignment="Bottom" Margin="24" Stroke="#FFBDB8B4"></Ellipse></StackPanel></Grid>

【后台】

 public partial class MainPage : PhoneApplicationPage{private List<Ellipse> ellipses;private bool phoneLoaded = false;// 构造函数public MainPage(){InitializeComponent();ellipses = new List<Ellipse>();}private void PhoneApplicationPage_Loaded_1(object sender, RoutedEventArgs e){List<UIElement> 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);}}}

转载于:https://www.cnblogs.com/fb-boy/p/3406785.html

【Windows phone 8】欢迎引导页面01相关推荐

  1. windows和linux添加引导文件,Linux与Windows 10用grub引导教程-Go语言中文社区

    前言 去年暑假的时候,写了一篇如何装 Linux 和 Windows 10 双系统的文章发在了简书上,我写这篇文章的原因是当初装双系统确实是折腾了许久,网上也找不到一篇详尽的教程.由于去年对于写教程还 ...

  2. (转)android UI进阶之用ViewPager实现欢迎引导页面

    ViewPager需要android-support-v4.jar这个包的支持,来自google提供的一个附加包.大家搜下即可. ViewPager主要用来组织一组数据,并且通过左右滑动的方式来展示. ...

  3. windows下用easybcd引导ubuntu出现grub的解决方案

    windows下用easybcd引导ubuntu出现grub的解决方案 参考文章: (1)windows下用easybcd引导ubuntu出现grub的解决方案 (2)https://www.cnbl ...

  4. java中引导页面的,Android实现欢迎引导页面

    现在的大多数应用都会有一个欢迎引导页面, 需求分析: 程序安装后第一次启动: 启动页-->功能引导页-->应用主页 以后启动: 启动页-->应用主页 实现原理: 用SharedPre ...

  5. 干货 · UI设计|APP引导页面可临摹素材

    当用户安装完成App后,第一次打开应用,App会呈现三到四张连续的页面,这些页面会提前告知你产品的主要功能与特点,起到类似迎宾引导的作用,这些页面我们叫做引导页. 引导页是用户进入主界面之前,首先见到 ...

  6. 设置windows引导linux分区,windows下安装grub引导Linux

    在安装Linux和windows双系统时通常是先安装windows再安装Linux,因为windows会对主引扇区录进行充0,因而破坏主引导记录.当安装完windows再安装Linux,Linux会将 ...

  7. iOS 应用首次开启 出现引导页面

    关于引导页面 ,可以是独立的一个视图控制器控制的滚动视图. 重点是处理 如何判断app是首次开启 而调用这个视图控制器得方法. 逻辑如下: -(BOOL)isFirstLoad {if(!标记第一次开 ...

  8. 如何在 Windows 下创建 macOS 引导介质 (USB 启动盘)

    请访问原文链接:如何创建可引导的 macOS 安装介质,查看最新版.原创作品,转载请保留出处. 作者主页:www.sysin.org 完整版请参看:如何创建可引导的 macOS 安装介质 补充章节: ...

  9. APP第一次走引导页面的方法

    很多时候APP需要在用户安装后只在第一次启动显示引导页面. 代码 在AppDelegate.m中,进行判断,在其他页面也可以判断 if (![[NSUserDefaultsstandardUserDe ...

最新文章

  1. ffmpeg多线程转码
  2. IE8 CSS HACK 兼容集合
  3. python array_python数组array.array(转帖)
  4. ehviewer苹果版下载_苹果用户:支持ios的云手机有没有?在哪里下载云手机ios版?...
  5. HALCON示例程序train_characters_ocr.hdev使用SVM分类器训练字体
  6. chmod与umask区分命令
  7. pep3评估报告解读_quot;聚焦慢病、助力医改,检验项目风险评估培训计划“大兴区第四期培训班成功举办...
  8. 图匠数据等提出高精度零售货架姿态估计算法GSPN
  9. 【HUAWEI Mate30】抽奖啦!华为IoT新福利上线!
  10. 厉害了!浙大研发出踹不倒四足机器人“绝影”,中国版波士顿动力来了
  11. 摘录Xcode 交叉开发编程中选项
  12. matlab数理统计工具箱,Matlab数理统计工具箱应用简介
  13. 基于FPGA(cyclone IV)的NOR FLASH的应用
  14. 基于MiniC的语义分析(使用javacc)
  15. uni ios视频黑屏、无声音或无法播放
  16. 一行R代码画出人口金字塔图
  17. 天载网上炒股大盘缩量诱多
  18. 自学Java最起码要学到什么程度才能出去找工作?
  19. 汽车电子测试小知识(2)——什么是SiL测试?
  20. 提高沟通表达能力该看什么书?有哪些沟通书籍值得推荐?

热门文章

  1. 1.1.0-简介-P12-分布式锁的解决方案(二)
  2. 【Java Netty】Java NIO position limit capacity 以及 BufferUnderflowException
  3. Linux : top命令
  4. 【Flink】Flink ES6写入报错 IncompatibleClassChangeError: Implementing class
  5. 【Spark】Spark的Kryo序列化
  6. 60-008-022-使用-命令-yarn-session命令
  7. Spring : spring的aware
  8. Maven打包Package执行插件的顺序
  9. 【Flink】分布式快照算法—— Chandy-Lamport 算法
  10. 10-windows下的Orcale报错ORA-01031: 权限不足