微信公眾號：Dotnet9，網站：Dotnet9，問題或建議：請網站留言，
如果對您有所幫助：歡迎贊賞，

C# WPF 時鐘影片(1/2)

內容目錄

1. 實作效果
2. 業務場景
3. 編碼實作
4. 本文參考
5. 原始碼下載

1.實作效果

目前只實作了秒針影片，下篇文章實作完整效果，可在網站上查看，微信公眾號今天只發布了一篇，
效果

2.業務場景

玩具

3.編碼實作

工程簡單，只更改一個主表單檔案，另加一個時鐘背景圖片

3.1 主表單 MainWindow.xaml

布局時鐘的時針、分針、秒針，及添加秒針影片，秒針影片寫的比較啰嗦，只寫了30秒，其實可以在MainWindow.xaml.cs檔案中用for回圈添加EasingDoubleKeyFrame，直接添加到xaml中占代碼也不美觀，暫時先這樣吧，下篇文章有空改了，

<Window x:Class="Clock.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:Clock"
        mc:Ignorable="d"
        AllowsTransparency="True" WindowStyle="None" ResizeMode="NoResize"
        Height="520" Width="520" WindowStartupLocation="CenterScreen" Background="{x:Null}">
    <Window.Resources>
        <Storyboard x:Key="sbseconds" RepeatBehavior="Forever">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="second" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
                <EasingDoubleKeyFrame KeyTime="0" Value=https://www.cnblogs.com/Dotnet9-com/p/"-90">
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
            
        
    
    
        
            
        
    
    
        
            
                
                    
                        
                    
                

                

                
                    
                        
                            
                            
                            
                            
                        
                    
                
                
                    
                        
                            
                            
                            
                            
                        
                    
                
                
                    
                        
                            
                            
                            
                            
                        
                    
                
                
            
        
    

4.本文參考

Design com WPF 大神的學習視頻：1/2 - Creating a clock with Animations

5.代碼下載

原始碼中實作了全部效果，大伙可以直接下載編譯運行，但還是建議看大神視頻學習，視頻中使用Blend布局時鐘、設定影片，類似PS(PhotoShop)，設計界面很是方便的，

Github原始碼下載：Clock

除非注明，文章均由 Dotnet9 整理發布，歡迎轉載，

轉載請注明本文地址：https://dotnet9.com/6852.html

歡迎掃描下方二維碼關注 Dotnet9 的微信公眾號，本站會及時推送最新技術文章

標籤：WPF

上一篇：Xamarin.Forms登錄對話框及表單驗證

下一篇：C# WPF 時鐘影片(2/2)