【Windows phone 8】欢迎引导页面01
【先上效果】
【思路】
图片切换: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相关推荐
- windows和linux添加引导文件,Linux与Windows 10用grub引导教程-Go语言中文社区
前言 去年暑假的时候,写了一篇如何装 Linux 和 Windows 10 双系统的文章发在了简书上,我写这篇文章的原因是当初装双系统确实是折腾了许久,网上也找不到一篇详尽的教程.由于去年对于写教程还 ...
- (转)android UI进阶之用ViewPager实现欢迎引导页面
ViewPager需要android-support-v4.jar这个包的支持,来自google提供的一个附加包.大家搜下即可. ViewPager主要用来组织一组数据,并且通过左右滑动的方式来展示. ...
- windows下用easybcd引导ubuntu出现grub的解决方案
windows下用easybcd引导ubuntu出现grub的解决方案 参考文章: (1)windows下用easybcd引导ubuntu出现grub的解决方案 (2)https://www.cnbl ...
- java中引导页面的,Android实现欢迎引导页面
现在的大多数应用都会有一个欢迎引导页面, 需求分析: 程序安装后第一次启动: 启动页-->功能引导页-->应用主页 以后启动: 启动页-->应用主页 实现原理: 用SharedPre ...
- 干货 · UI设计|APP引导页面可临摹素材
当用户安装完成App后,第一次打开应用,App会呈现三到四张连续的页面,这些页面会提前告知你产品的主要功能与特点,起到类似迎宾引导的作用,这些页面我们叫做引导页. 引导页是用户进入主界面之前,首先见到 ...
- 设置windows引导linux分区,windows下安装grub引导Linux
在安装Linux和windows双系统时通常是先安装windows再安装Linux,因为windows会对主引扇区录进行充0,因而破坏主引导记录.当安装完windows再安装Linux,Linux会将 ...
- iOS 应用首次开启 出现引导页面
关于引导页面 ,可以是独立的一个视图控制器控制的滚动视图. 重点是处理 如何判断app是首次开启 而调用这个视图控制器得方法. 逻辑如下: -(BOOL)isFirstLoad {if(!标记第一次开 ...
- 如何在 Windows 下创建 macOS 引导介质 (USB 启动盘)
请访问原文链接:如何创建可引导的 macOS 安装介质,查看最新版.原创作品,转载请保留出处. 作者主页:www.sysin.org 完整版请参看:如何创建可引导的 macOS 安装介质 补充章节: ...
- APP第一次走引导页面的方法
很多时候APP需要在用户安装后只在第一次启动显示引导页面. 代码 在AppDelegate.m中,进行判断,在其他页面也可以判断 if (![[NSUserDefaultsstandardUserDe ...
最新文章
- ffmpeg多线程转码
- IE8 CSS HACK 兼容集合
- python array_python数组array.array(转帖)
- ehviewer苹果版下载_苹果用户:支持ios的云手机有没有?在哪里下载云手机ios版?...
- HALCON示例程序train_characters_ocr.hdev使用SVM分类器训练字体
- chmod与umask区分命令
- pep3评估报告解读_quot;聚焦慢病、助力医改,检验项目风险评估培训计划“大兴区第四期培训班成功举办...
- 图匠数据等提出高精度零售货架姿态估计算法GSPN
- 【HUAWEI Mate30】抽奖啦!华为IoT新福利上线!
- 厉害了!浙大研发出踹不倒四足机器人“绝影”,中国版波士顿动力来了
- 摘录Xcode 交叉开发编程中选项
- matlab数理统计工具箱,Matlab数理统计工具箱应用简介
- 基于FPGA(cyclone IV)的NOR FLASH的应用
- 基于MiniC的语义分析(使用javacc)
- uni ios视频黑屏、无声音或无法播放
- 一行R代码画出人口金字塔图
- 天载网上炒股大盘缩量诱多
- 自学Java最起码要学到什么程度才能出去找工作?
- 汽车电子测试小知识(2)——什么是SiL测试?
- 提高沟通表达能力该看什么书?有哪些沟通书籍值得推荐?
热门文章
- 1.1.0-简介-P12-分布式锁的解决方案(二)
- 【Java Netty】Java NIO position limit capacity 以及 BufferUnderflowException
- Linux : top命令
- 【Flink】Flink ES6写入报错 IncompatibleClassChangeError: Implementing class
- 【Spark】Spark的Kryo序列化
- 60-008-022-使用-命令-yarn-session命令
- Spring : spring的aware
- Maven打包Package执行插件的顺序
- 【Flink】分布式快照算法—— Chandy-Lamport 算法
- 10-windows下的Orcale报错ORA-01031: 权限不足