首页 > 代码库 > WP的万能小应用时钟表

WP的万能小应用时钟表

哎,只能说现在是越来越不行了,已经近一年没写C#的代码了,我居然隐隐有看不懂自己代码的趋势了,真伤!

我突然想起当年寒假里面为了,准备微软创新杯大赛所做的一些小应用,哈哈,于是我就拿出来显摆一下喽!

image

那个撒,模拟器我就不开了,直接有预览,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的万能小应用时钟表