首页 > 代码库 > WP的万能小应用时钟表
WP的万能小应用时钟表
哎,只能说现在是越来越不行了,已经近一年没写C#的代码了,我居然隐隐有看不懂自己代码的趋势了,真伤!
我突然想起当年寒假里面为了,准备微软创新杯大赛所做的一些小应用,哈哈,于是我就拿出来显摆一下喽!
那个撒,模拟器我就不开了,直接有预览,textblock在文件启动时就会变为时间,默认的text属性我就没有去改它了(明明是自己懒!)
首先来看一下我们得MainPage.xaml文件:微软的开发工具绝对好啊,至少不用像安卓那样调试各种屏幕格式,,,,,
<phone:PhoneApplicationPage xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone" xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:es="clr-namespace:Microsoft.Expression.Shapes;assembly=Microsoft.Expression.Drawing" x:Class="clock.MainPage" mc:Ignorable="d" FontFamily="{StaticResource PhoneFontFamilyNormal}" FontSize="{StaticResource PhoneFontSizeNormal}" Foreground="{StaticResource PhoneForegroundBrush}" SupportedOrientations="Portrait" Orientation="Portrait" shell:SystemTray.IsVisible="True"> <phone:PhoneApplicationPage.Resources> <Storyboard x:Name="timer"> <!--时钟的动画--> <DoubleAnimation x:Name="sed" Storyboard.TargetProperty="Angle" Storyboard.TargetName="second" RepeatBehavior="Forever" Duration="0:1:0"> </DoubleAnimation> <DoubleAnimation x:Name="min" Storyboard.TargetProperty="Angle" Storyboard.TargetName="minute" RepeatBehavior="Forever" From="0" To="360" Duration="1:0:0" > </DoubleAnimation> <DoubleAnimation x:Name="hou" Storyboard.TargetProperty="Angle" Storyboard.TargetName="hour" RepeatBehavior="Forever" From="0" To="360" Duration="23:59:59"> </DoubleAnimation> </Storyboard> </phone:PhoneApplicationPage.Resources> <!--LayoutRoot 是包含所有页面内容的根网格--> <Grid x:Name="LayoutRoot" Background="Transparent"> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <!-- 本地化说明: 若要本地化显示的字符串,请将其值复制到应用程序的非特定语言资源文件(AppResources.resx) 中的适当命名的键,然后 将属性的引号之间的硬编码文本值 替换为其路径指向该字符串名称的绑定子句。 例如: Text="{Binding Path=LocalizedResources.ApplicationTitle, Source={StaticResource LocalizedStrings}}" 此绑定指向模板的名为“ApplicationTitle”的字符串资源。 在“项目属性”选项卡中添加受支持的语言将会为 每种语言创建一个新的 resx 文件,该文件可以包含 UI 字符串的翻译值 。这些示例中的绑定将导致在运行时从 与应用程序的 CurrentUICulture 匹配的 .resx 文件中 提取属性的值。 --> <!--取消注释,以显示对齐网格,从而帮助确保 控件在公用边界上对齐。图像在系统栏中显示时的 上边距为 -32px。如果隐藏了系统栏,则将此值设为 0 (或完全删除边距)。 在发送之前删除此 XAML 和图像本身。--> <!--<Image Source="/Assets/AlignmentGrid.png" VerticalAlignment="Top" Height="800" Width="480" Margin="0,-32,0,0" Grid.Row="0" Grid.RowSpan="2" IsHitTestVisible="False" />--> <!--TitlePanel 包含应用程序的名称和页标题--> <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28"> <TextBlock Text="万能小应用" Style="{StaticResource PhoneTextNormalStyle}" Margin="12,0"/> <TextBlock Text="时间表" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/> </StackPanel> <!--ContentPanel - 在此处放置其他内容--> <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> <Grid Width="400" Height="400" Margin="28,120,28,87"> <Ellipse Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="400" Stroke="Black" VerticalAlignment="Top" Width="400"/> <es:RegularPolygon Fill="#FF010111" HorizontalAlignment="Left" Height="200" InnerRadius="1" Margin="185,-1,0,201" PointCount="3" Stretch="Fill" Stroke="#FF010111" UseLayoutRounding="False" VerticalAlignment="Bottom" Width="30" RenderTransformOrigin="0.5,1" > <es:RegularPolygon.RenderTransform> <TransformGroup> <RotateTransform x:Name="second" CenterX="0" CenterY="0"> </RotateTransform> </TransformGroup> </es:RegularPolygon.RenderTransform> </es:RegularPolygon> <es:RegularPolygon Fill="#FFF11B11" HorizontalAlignment="Left" Height="150" InnerRadius="1" Margin="185,48,0,0" PointCount="3" Stretch="Fill" Stroke="#FFF11B11" UseLayoutRounding="False" VerticalAlignment="Top" Width="30" RenderTransformOrigin="0.5,1"> <es:RegularPolygon.RenderTransform> <TransformGroup> <RotateTransform x:Name="minute" CenterX="0" CenterY="0"> </RotateTransform> </TransformGroup> </es:RegularPolygon.RenderTransform> </es:RegularPolygon> <es:RegularPolygon Fill="#FF1A1AF9" HorizontalAlignment="Left" Height="100" InnerRadius="1" Margin="185,98,0,0" PointCount="3" Stretch="Fill" Stroke="#FF1A1AF9" UseLayoutRounding="False" VerticalAlignment="Top" Width="30" RenderTransformOrigin="0.5,1"> <es:RegularPolygon.RenderTransform> <TransformGroup> <RotateTransform x:Name="hour" CenterX="0" CenterY="0"> </RotateTransform> </TransformGroup> </es:RegularPolygon.RenderTransform> </es:RegularPolygon> </Grid> <TextBlock Name="clock" HorizontalAlignment="Left" Margin="0,38,0,0" TextWrapping="Wrap" Text="TextBlock" VerticalAlignment="Top" RenderTransformOrigin="0.22,0.674" Height="56" Width="446" FontSize="40"/> </Grid> </Grid></phone:PhoneApplicationPage>
完成布局之后呢,就是实现功能了!
定义一个var来获取当前时间,让秒钟,分钟,时钟指针都有自己相应的范围
using System;using System.Collections.Generic;using System.Linq;using System.Net;using System.Windows;using System.Windows.Controls;using System.Windows.Navigation;using Microsoft.Phone.Controls;using Microsoft.Phone.Shell;using clock.Resources;using System.Windows.Threading;namespace clock{ public partial class MainPage : PhoneApplicationPage { // 构造函数 public MainPage() { var time = DateTime.Now; double hourAngle = ((float)time.Hour) / 12 * 360 + time.Minute / 2; double minuteAngle = ((float)time.Minute) / 60 * 360 + time.Second / 10; double secondAngle = ((float)time.Second) / 60 * 360; InitializeComponent(); sed.From = secondAngle; sed.To = secondAngle + 360; min.From = minuteAngle; min.To = minuteAngle + 360; hou.From = hourAngle; hou.To = hourAngle + 360; timer.Begin(); Intitimer(); // 用于本地化 ApplicationBar 的示例代码 //BuildLocalizedApplicationBar(); } private void Intitimer() { DispatcherTimer dt = new DispatcherTimer(); dt.Interval = new TimeSpan(1); dt.Tick += dt_Tick; dt.Start(); } private void dt_Tick(object sender, EventArgs e) { string second,str,minute,hour; DateTime time = DateTime.Now; int second1 = time.Second; if (second1 < 10) second = "0" + second1.ToString(); else second = second1.ToString(); int minute1 = time.Minute; if (minute1 < 10) minute = "0" + minute1.ToString(); else minute = minute1.ToString(); int hour1 = time.Hour; if (hour1 < 10) hour = "0" + hour1.ToString(); else hour= hour1.ToString(); str ="时间:"+ hour + ":" + minute + ":" + second; clock.Text = str; } //private void sed_Completed(object sender, EventArgs e) //{ string second,str,minute,hour; // DateTime time = DateTime.Now; // sed1. //} // 用于生成本地化 ApplicationBar 的示例代码 //private void BuildLocalizedApplicationBar() //{ // // 将页面的 ApplicationBar 设置为 ApplicationBar 的新实例。 // ApplicationBar = new ApplicationBar(); // // 创建新按钮并将文本值设置为 AppResources 中的本地化字符串。 // ApplicationBarIconButton appBarButton = new ApplicationBarIconButton(new Uri("/Assets/AppBar/appbar.add.rest.png", UriKind.Relative)); // appBarButton.Text = AppResources.AppBarButtonText; // ApplicationBar.Buttons.Add(appBarButton); // // 使用 AppResources 中的本地化字符串创建新菜单项。 // ApplicationBarMenuItem appBarMenuItem = new ApplicationBarMenuItem(AppResources.AppBarMenuItemText); // ApplicationBar.MenuItems.Add(appBarMenuItem); //} }}
//我个人还是比较喜欢C#的风格的,java写的其实有点累,为何提醒键是alt+/ 你要是直接用tab键多好啊!实现接口也只要: 而java 却要 implements(我小小地吐个嘈,大家不要介意嘛!)
WP的万能小应用时钟表
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。