WPF 时钟示例

最新推荐文章于 2020-12-24 21:47:42 发布
最新推荐文章于 2020-12-24 21:47:42 发布
阅读量897 收藏 4
点赞数
分类专栏： WPF
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43024228/article/details/104891867
版权

WPF 时钟示例

一.首先添加一个自定义控件 Clock
导入两个引用：Microsoft.Expression.Controls.dll 和 Microsoft.Expression.Drawing.dll
Generic.xaml代码：

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:WPF0316a"
    xmlns:ec="http://schemas.microsoft.com/expression/2010/controls"
    xmlns:ed="http://schemas.microsoft.com/expression/2010/drawing">

    <Style x:Key="temp" TargetType="{x:Type local:Clock}">
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="BorderBrush" Value="Transparent" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Foreground" Value="Black" />
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="SnapsToDevicePixels" Value="True" />
        <Setter Property="UseLayoutRounding" Value="True" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:Clock}">
                    <Border Padding="{TemplateBinding Padding}"
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                            UseLayoutRounding="{TemplateBinding UseLayoutRounding}">
                        <Grid>
                            <ed:Arc x:Name="PART_IncreaseCircle" ArcThickness="3" ArcThicknessUnit="Pixel" EndAngle="360"
                                    Fill="#424658" StartAngle="0" Stretch="None" />
                            
                            <ec:PathListBox x:Name="ShoartTick" IsHitTestVisible="False"
                                            ItemsSource="{TemplateBinding ShortTicks}">
                                <ec:PathListBox.ItemTemplate>
                                    <DataTemplate>
                                        <Border Width="1" Height="7" Background="#3B4053" SnapsToDevicePixels="True"
                                                UseLayoutRounding="True" />
                                    </DataTemplate>
                                </ec:PathListBox.ItemTemplate>
                                <ec:PathListBox.LayoutPaths>
                                    <ec:LayoutPath Distribution="Even" Orientation="OrientToPath"
                                                   SourceElement="{Binding ElementName=ShortTickPath}" />
                                </ec:PathListBox.LayoutPaths>
                            </ec:PathListBox>

                            
                            <ec:PathListBox x:Name="LongTick" IsHitTestVisible="False"
                                            ItemsSource="{TemplateBinding LongTicks}">
                                <ec:PathListBox.ItemTemplate>
                                    <DataTemplate>
                                        <Border Width="3" Height="3" Background="White" CornerRadius="100"
                                                SnapsToDevicePixels="True" UseLayoutRounding="True" />
                                    </DataTemplate>
                                </ec:PathListBox.ItemTemplate>
                                <ec:PathListBox.LayoutPaths>
                                    <ec:LayoutPath Distribution="Even" Orientation="OrientToPath"
                                                   SourceElement="{Binding ElementName=LongTickPath}" />
                                </ec:PathListBox.LayoutPaths>
                            </ec:PathListBox>

                            
                            <ec:PathListBox x:Name="Number" IsHitTestVisible="False"
                                            ItemsSource="{TemplateBinding NumberList}">
                                <ec:PathListBox.ItemTemplate>
                                    <DataTemplate>
                                        <TextBlock Foreground="White" RenderTransformOrigin="0.5, 0.5"
                                                   Text="{Binding Item1}">
                                            <TextBlock.RenderTransform>
                                                <RotateTransform Angle="{Binding Item2}" />
                                            </TextBlock.RenderTransform>
                                        </TextBlock>
                                    </DataTemplate>
                                </ec:PathListBox.ItemTemplate>
                                <ec:PathListBox.LayoutPaths>
                                    <ec:LayoutPath Distribution="Even" Orientation="OrientToPath"
                                                   SourceElement="{Binding ElementName=NumberPath}" />
                                </ec:PathListBox.LayoutPaths>
                            </ec:PathListBox>

                            <ed:Arc x:Name="LongTickPath" Margin="2" ArcThickness="0" ArcThicknessUnit="Pixel"
                                    EndAngle="0" StartAngle="30" Stretch="None" />

                            <ed:Arc x:Name="ShortTickPath" Margin="5" ArcThickness="0" ArcThicknessUnit="Pixel"
                                    EndAngle="360" StartAngle="0" Stretch="None" />

                            <ed:Arc x:Name="NumberPath" Margin="20" ArcThickness="0" ArcThicknessUnit="Pixel"
                                    EndAngle="0" StartAngle="30" Stretch="None" />

                            <ed:Arc x:Name="PART_SecondCircle" ArcThickness="3" ArcThicknessUnit="Pixel" Fill="#FFF"
                                    StartAngle="0" Stretch="None" />
                            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                              Content="{TemplateBinding Content}"
                                              ContentTemplate="{TemplateBinding ContentTemplate}" />
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="{x:Type local:Clock}">
        <Setter Property="Width" Value="200" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="BorderBrush" Value="Transparent" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Foreground" Value="Black" />
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        <Setter Property="VerticalContentAlignment" Value="Stretch" />
        <Setter Property="SnapsToDevicePixels" Value="True" />
        <Setter Property="UseLayoutRounding" Value="True" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:Clock}">
                    <Viewbox Width="{TemplateBinding Width}" Height="{TemplateBinding Height}">
                        <Border Width="200" Height="200" CornerRadius="1000"
                                Padding="{TemplateBinding Padding}"
                                Background="{TemplateBinding Background}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                                UseLayoutRounding="{TemplateBinding UseLayoutRounding}">
                            <Grid>
                                <ed:Arc x:Name="PART_IncreaseCircle" ArcThickness="3" ArcThicknessUnit="Pixel" EndAngle="360"
                                        Fill="#424658" StartAngle="0" Stretch="None" />
                                <ed:Arc ArcThickness="1" ArcThicknessUnit="Pixel" EndAngle="360"
                                        Fill="#424658" StartAngle="0" Stretch="None" Margin="5" />

                                <ec:PathListBox x:Name="ShoartTick" IsHitTestVisible="False"
                                                ItemsSource="{TemplateBinding ShortTicks}">
                                    <ec:PathListBox.ItemTemplate>
                                        <DataTemplate>
                                            <Border Width="2" Height="2" Background="#000" CornerRadius="100"
                                                    SnapsToDevicePixels="True" UseLayoutRounding="True" />
                                        </DataTemplate>
                                    </ec:PathListBox.ItemTemplate>
                                    <ec:PathListBox.LayoutPaths>
                                        <ec:LayoutPath Distribution="Even" Orientation="OrientToPath"
                                                       SourceElement="{Binding ElementName=ShortTickPath}" />
                                    </ec:PathListBox.LayoutPaths>
                                </ec:PathListBox>


                                <ec:PathListBox x:Name="LongTick" IsHitTestVisible="False"
                                                ItemsSource="{TemplateBinding LongTicks}">
                                    <ec:PathListBox.ItemTemplate>
                                        <DataTemplate>
                                            <Border Width="4" Height="4" Background="#000" CornerRadius="100"
                                                    SnapsToDevicePixels="True" UseLayoutRounding="True" />
                                        </DataTemplate>
                                    </ec:PathListBox.ItemTemplate>
                                    <ec:PathListBox.LayoutPaths>
                                        <ec:LayoutPath Distribution="Even" Orientation="OrientToPath"
                                                       SourceElement="{Binding ElementName=LongTickPath}" />
                                    </ec:PathListBox.LayoutPaths>
                                </ec:PathListBox>


                                <ec:PathListBox x:Name="Number" IsHitTestVisible="False"
                                                ItemsSource="{TemplateBinding NumberList}">
                                    <ec:PathListBox.ItemTemplate>
                                        <DataTemplate>
                                            <TextBlock Foreground="Black" RenderTransformOrigin="0.5, 0.5"
                                                       Text="{Binding Item1}">
                                                <TextBlock.RenderTransform>
                                                    <RotateTransform Angle="{Binding Item2}" />
                                                </TextBlock.RenderTransform>
                                            </TextBlock>
                                        </DataTemplate>
                                    </ec:PathListBox.ItemTemplate>
                                    <ec:PathListBox.LayoutPaths>
                                        <ec:LayoutPath Distribution="Even" Orientation="OrientToPath"
                                                       SourceElement="{Binding ElementName=NumberPath}" />
                                    </ec:PathListBox.LayoutPaths>
                                </ec:PathListBox>

                                <ed:Arc x:Name="LongTickPath" Margin="12" ArcThickness="0" ArcThicknessUnit="Pixel"
                                        EndAngle="0" StartAngle="30" Stretch="None" />

                                <ed:Arc x:Name="ShortTickPath" Margin="13" ArcThickness="0" ArcThicknessUnit="Pixel"
                                        EndAngle="360" StartAngle="0" Stretch="None" />

                                <ed:Arc x:Name="NumberPath" Margin="30" ArcThickness="0" ArcThicknessUnit="Pixel"
                                        EndAngle="0" StartAngle="30" Stretch="None" />

                                <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                                  Content="{TemplateBinding Content}"
                                                  ContentTemplate="{TemplateBinding ContentTemplate}" />


                                <Border Width="3" Height="50" Background="Black" RenderTransformOrigin="0.5 1">
                                    <Border.RenderTransform>
                                        <TransformGroup>
                                            <RotateTransform Angle="{Binding HourAngleInner, RelativeSource={RelativeSource AncestorType=local:Clock}}" CenterY="0" />
                                            <TranslateTransform Y="-25" />
                                        </TransformGroup>
                                    </Border.RenderTransform>
                                </Border>

                                <Border Width="2" Height="60" Background="Blue" RenderTransformOrigin="0.5 1">
                                    <Border.RenderTransform>
                                        <TransformGroup>
                                            <RotateTransform Angle="{Binding MinuteAngleInner, RelativeSource={RelativeSource AncestorType=local:Clock}}" CenterY="0" />
                                            <TranslateTransform Y="-30" />
                                        </TransformGroup>
                                    </Border.RenderTransform>
                                </Border>

                                <Border Width="2" Height="80" Background="Red" RenderTransformOrigin="0.5, 1">
                                    <Border.RenderTransform>
                                        <TransformGroup>
                                            <RotateTransform Angle="{Binding SecondAngleInner, RelativeSource={RelativeSource AncestorType=local:Clock}}" CenterY="0" />
                                            <TranslateTransform Y="-40" />
                                        </TransformGroup>
                                    </Border.RenderTransform>
                                </Border>

                                <Border Width="7" Height="7" BorderBrush="Black" Background="White" BorderThickness="2" CornerRadius="100" />
                            </Grid>
                        </Border>
                    </Viewbox>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

Clock.cs代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.Windows.Threading;

namespace WPF0316a
{
    public class Clock : ContentControl
    {
        #region private fields

        private DispatcherTimer mSecondTimer;

        #endregion

        #region DependencyProperty

        #region Hour

        public string Hour
        {
            get { return (string)GetValue(HourProperty); }
            set { SetValue(HourProperty, value); }
        }

        public static readonly DependencyProperty HourProperty =
            DependencyProperty.Register("Hour", typeof(string), typeof(Clock));

        #endregion

        #region Minute

        public string Minute
        {
            get { return (string)GetValue(MinuteProperty); }
            set { SetValue(MinuteProperty, value); }
        }

        public static readonly DependencyProperty MinuteProperty =
            DependencyProperty.Register("Minute", typeof(string), typeof(Clock));

        #endregion

        #region Second

        public string Second
        {
            get { return (string)GetValue(SecondProperty); }
            set { SetValue(SecondProperty, value); }
        }

        public static readonly DependencyProperty SecondProperty =
            DependencyProperty.Register("Second", typeof(string), typeof(Clock));

        #endregion

        #endregion

        #region Private DependencyProperty

        #region ShortTicks 短刻度线集合
        /// <summary>
        /// 短刻度线依赖属性,用于Binding
        /// </summary>
        public static readonly DependencyProperty ShortTicksProperty =
            DependencyProperty.Register(
                "ShortTicks",
                typeof(IList<object>),
                typeof(Clock),
                new PropertyMetadata(null));

        /// <summary>
        /// 获取或设置短刻度线，用于绑定PathListBox的ItemsSource
        /// </summary>
        /// <value>短刻度线.</value>
        public IList<object> ShortTicks
        {
            get { return (IList<object>)GetValue(ShortTicksProperty); }
            private set { SetValue(ShortTicksProperty, value); }
        }
        #endregion

        #region LongTicks 长刻度线集合
        /// <summary>
        /// 长刻度线依赖属性,用于Binding
        /// </summary>
        public static readonly DependencyProperty LongTicksProperty =
            DependencyProperty.Register(
                "LongTicks",
                typeof(IList<object>),
                typeof(Clock),
                new PropertyMetadata(null));

        /// <summary>
        /// 获取或设置长刻度线，用于绑定PathListBox的ItemsSource
        /// </summary>
        /// <value>长刻度线.</value>
        public IList<object> LongTicks
        {
            get { return (IList<object>)GetValue(LongTicksProperty); }
            private set { SetValue(LongTicksProperty, value); }
        }
        #endregion

        #region NumberList 长刻度线上显示的数字
        /// <summary>
        /// 长刻度线依赖属性,用于Binding
        /// </summary>
        public static readonly DependencyProperty NumberListProperty =
            DependencyProperty.Register(
                "NumberList",
                typeof(IList<Tuple<object, double>>),
                typeof(Clock),
                new PropertyMetadata(null));

        /// <summary>
        /// 获取或设置长刻度线，用于绑定PathListBox的ItemsSource
        /// </summary>
        /// <value>长刻度线.</value>
        public IList<Tuple<object, double>> NumberList
        {
            get { return (IList<Tuple<object, double>>)GetValue(NumberListProperty); }
            private set { SetValue(NumberListProperty, value); }
        }
        #endregion

        #region HourAngleInner

        public double HourAngleInner
        {
            get { return (double)GetValue(HourAngleInnerProperty); }
            private set { SetValue(HourAngleInnerProperty, value); }
        }

        public static readonly DependencyProperty HourAngleInnerProperty =
            DependencyProperty.Register("HourAngleInner", typeof(double), typeof(Clock), new PropertyMetadata(0d));

        #endregion

        #region MinuteAngleInner

        public double MinuteAngleInner
        {
            get { return (double)GetValue(MinuteAngleInnerProperty); }
            private set { SetValue(MinuteAngleInnerProperty, value); }
        }

        public static readonly DependencyProperty MinuteAngleInnerProperty =
            DependencyProperty.Register("MinuteAngleInner", typeof(double), typeof(Clock), new PropertyMetadata(0d));

        #endregion

        #region SecondAngleInner

        public double SecondAngleInner
        {
            get { return (double)GetValue(SecondAngleInnerProperty); }
            private set { SetValue(SecondAngleInnerProperty, value); }
        }

        public static readonly DependencyProperty SecondAngleInnerProperty =
            DependencyProperty.Register("SecondAngleInner", typeof(double), typeof(Clock), new PropertyMetadata(0d));

        #endregion

        #endregion

        #region Constructors

        static Clock()
        {
            DefaultStyleKeyProperty.OverrideMetadata(typeof(Clock), new FrameworkPropertyMetadata(typeof(Clock)));
        }

        #endregion

        #region Override

        public override void OnApplyTemplate()
        {
            base.OnApplyTemplate();

            this.SetTicks();

            if (this.mSecondTimer == null)
            {
                this.mSecondTimer = new DispatcherTimer();
                this.mSecondTimer.Interval = new TimeSpan(0, 0, 0, 1); ;
                this.mSecondTimer.Tick += MSecondTimer_Tick; ;
            }

            //int millisecond = DateTime.Now.Millisecond;
            //System.Threading.Thread.Sleep(1000 - millisecond);
            this.mSecondTimer.Start();
            this.SetAngle();
        }

        #endregion

        #region private function

        private void SetTicks()
        {
            List<Tuple<object, double>> numbers = new List<Tuple<object, double>>();
            List<object> shortticks = new List<object>();
            List<object> longticks = new List<object>();

            for (int i = 1; i <= 12; i++)
            {
                double angle = -(360 / 12); //一圈360度，分12个时钟刻度
                numbers.Add(new Tuple<object, double>(i, i * angle));
                longticks.Add(new object());
            }

            for (int i = 0; i < 60; i++)
            {
                shortticks.Add(new object());
            }

            this.ShortTicks = shortticks;
            this.LongTicks = longticks;
            this.NumberList = numbers;
        }

        private void SetAngle()
        {
            int hour = DateTime.Now.Hour;
            int minute = DateTime.Now.Minute;
            int second = DateTime.Now.Second;
            if (hour == 0)
            {
                this.HourAngleInner = 360;
            }
            else
            {
                this.HourAngleInner = hour % 12 * 30 + (double)minute / 60 * 30;
            }

            if (minute == 0)
            {
                this.MinuteAngleInner = 360;
            }
            else
            {
                this.MinuteAngleInner = minute * 6;
            }

            if (second == 0)
            {
                this.SecondAngleInner = 360;
            }
            else
            {
                this.SecondAngleInner = second * 6;
            }
            this.Hour = hour >= 10 ? hour.ToString() : "0" + hour;
            this.Minute = minute >= 10 ? minute.ToString() : "0" + minute;
            this.Second = second >= 10 ? second.ToString() : "0" + second;
        }

        #endregion

        #region Event Implement Function

        private void MSecondTimer_Tick(object sender, EventArgs e)
        {
            this.SetAngle();
        }

        #endregion
    }
}

主窗体Xaml代码：

<Window x:Class="WPF0316a.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WPF0316a"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <local:Clock x:Name="clock" Padding="0" Background="AntiqueWhite">
            <local:Clock.ContentTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="60">
                        <TextBlock FontFamily="Agency FB" FontSize="16" Foreground="Black"
                                   Text="{Binding Hour, ElementName=clock}" />
                        <TextBlock FontFamily="Agency FB" FontSize="16" Foreground="Black" Text=":" />
                        <TextBlock FontFamily="Agency FB" FontSize="16" Foreground="Black"
                                   Text="{Binding Minute, ElementName=clock}" />
                        <TextBlock FontFamily="Agency FB" FontSize="16" Foreground="Black" Text=":" />
                        <TextBlock FontFamily="Agency FB" FontSize="16" Foreground="Black"
                                   Text="{Binding Second, ElementName=clock}" />
                    </StackPanel>
                </DataTemplate>
            </local:Clock.ContentTemplate>
        </local:Clock>
    </Grid>
</Window>

运行效果：
在这里插入图片描述
源代码库下载地址：https://download.csdn.net/download/qq_43024228/12251111

Danny_hi
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
VS中，引用ed:Arc提示空间找不到的DLL
01-17
命名空间“http://schemas.microsoft.com/expression/2010/drawing”中不存在“Arc”名称。 未找到类型“ed:Arc”。请确保不缺少程序集引用并且已生成所有引用的程序集。
WPF中绘制一个钟表
最新发布
zls365365的博客
02-28 33
一个时钟的效果画一个人钟表也挺简单的，就是对度数是要计算的，用到的方法，也就画圆和画路径以及画文本几个方法。要在WPF中绘制一个钟表，您可以使用XAML和C#的组合来创建界面和实现逻辑。以下是一个简单示例：1. 创建一个新的WPF项目，并在MainWindow.xaml文件中添加以下代码：```xaml <Window x:Class="ClockApp.MainWindow" ...
制作简单的WPF时钟
祝紫山（大可山人）博客[GDI+,WPF, .Net图形图像]
10-26 1万+
在很早之前，我曾经写过一个GDI+的时钟，见“C#时钟控件 （C# Clock Control）” http://blog.csdn.net/johnsuna/archive/2006/02/13/597746.aspx及“使用C#编写LED样式时钟控件”（http://blog.csdn.net/johnsuna/archive/2006/02/14/598867.aspx），进入WPF时代了，
WPF报时时钟
06-05
自定义依赖项属性 掌握自定义路由事件 路由命令
WPF做的简单Clock
坤的专栏
06-23 1091
Clock.xaml: <Window x:Class="WPFapp.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title=
wpf自己画表盘_练手WPF（一）——模拟时钟与数字时钟的制作（上）
weixin_35965051的博客
12-24 827
一、Visual Studio创建一个WPF项目。简单调整一下MainWindow.xaml文件。主要使用了两个Canvas控件，分别用于显示模拟和数字时钟，命名为AnalogCanvas、digitCanvas。代码如下：Title="Moon Clock"Height="600"Width="1280"WindowStartupLocation="CenterScreen">二、模拟时钟...
c# 零碎笔记
lishuangquan1987的博客
11-20 1153
1.WPF ListViewItem触发双击事件的正确处理方式： <ListView.ItemContainerStyle> <Style TargetType="{x:Type ListViewItem}"> <Setter Property="IsSelected" Value="{Binding IsSelected,Mode=...
练手WPF（一）——模拟时钟与数字时钟的制作（中）
weixin_30624825的博客
05-25 193
今天接着制作数字时钟 数字时钟主要用到Path控件，主要用于定义数字笔划的形状。 （1）添加一个DigitLine类 数字时钟的数字8由7笔组成，看如下定义的字段字符串数组PathDatas，每个string代表其中一笔。最后一个string是数字表的冒号。 /// <summary> /// 数字表数字类 /// </summary> public cl...
WPF编程，数据加载显示圆形加载进度条的一种方法
君一席
07-07 683
添加引用：Microsoft.Expression.Drawing.dll 下载地址：https://download.csdn.net/download/qq_43307934/10923136 适用于.NET 4.0 前台： 增加空间。 xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns...
WPF 时钟 Clock.UI.zip
11-22
自动时钟显示，来源一个项目，现在拆出来共享。WPF 时钟 Clock.UI.zip，应该替换相关的名字域，以便符合你的项目工程
WpfClock.rar
11-08
WPF模拟时钟，可直接运行，效果链接https://blog.csdn.net/afu1972715000/article/details/102974162
WPF实现时钟特效
01-01
WPF在样式定义和UI动画上面相对于以前的技术有了不少的提升，下面给出WPF技术实现钟表的效果： 1、Visual Studio新建一个WPF应用程序，命名为WpfClock，新建一个images文件夹，并准备一个钟表的背景图片和程序图标素材。 2、编辑MainWindow.xaml文件，对UI进行定制，代码如下(指针都是用Rectangle实现的，当然可以用图片代替)： using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Windows; u
WPF Image OpacityMask示例
10-21
WPF Image OpacityMask示例
WPF MVVM示例讲解
01-20
在没给大家讲解wpf mwm示例之前先给大家简单说下MVVM理论知识： WPF技术的主要特点是数据驱动UI,所以在使用WPF技术开发的过程中是以数据为核心的，WPF提供了数据绑定机制，当数据发生变化时，WPF会自动发出通知去...
WPF 翻页时钟
05-08
简单的翻页时钟，通过WPF实现，可以进行再开发或是学习思路。
WPF PopUp的简单使用
热门推荐
韬光养晦
11-29 1万+
WPF PopUp的简单使用 <Window x:Class="WpfApp1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2
wpf mvvm示例
10-07
WPF(Microsoft Windows Presentation Foundation)是一种用于创建图形化用户界面的技术。MVVM(Model-View-ViewModel)是一种软件设计模式，用于将用户界面的逻辑与数据分离。WPF MVVM示例是一种将WPF和MVVM结合起来的示例项目，以演示如何使用这两个技术来构建用户界面。 在WPF MVVM示例中，通常会有三个主要的组成部分：Model、View和ViewModel。Model用于表示数据模型，即应用程序中的业务逻辑和数据。View用于表示用户界面，即显示数据和与用户交互的部分。ViewModel则是连接Model和View的桥梁，负责处理数据和业务逻辑，并将其绑定到View上。 在WPF MVVM示例中，首先需要创建一个Model，该Model包含应用程序需要使用的数据和方法。然后，创建一个View，该View负责展示数据和与用户交互，通常是通过XAML来构建用户界面。接下来，创建一个ViewModel，该ViewModel将负责处理数据和业务逻辑，并将其绑定到View上。 ViewModel通常会包含一些属性，用于存储数据，并通过数据绑定将这些数据展示在View上。ViewModel还会包含一些命令(Command)，用于处理用户的操作，并根据需要更新数据。ViewModel还可以使用一种叫做INotifyPropertyChanged的接口，以实现数据的双向绑定，即当数据发生变化时，自动更新View上的数据。 WPF MVVM示例还可以包含一些其他的功能，比如使用容器控件(如ListBox、TreeView等)来展示数据列表或树状结构，使用验证机制来确保用户输入的有效性，使用消息机制来实现模块间的通信等。 总之，WPF MVVM示例是一种通过使用WPF技术和MVVM设计模式来构建用户界面的示例项目。它可以帮助开发人员更好地组织和管理代码，提高代码的可维护性和可扩展性，并提供更好的用户体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值