2. 程式人生 > >製作簡單的WPF時鐘

製作簡單的WPF時鐘

阿新 • • 發佈：2018-11-15

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow

也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

               

在很早之前，我曾經寫過一個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繪製一個時鐘呢？

先看效果：

WPF時鐘

上面顯示的是時間值，下面是圖形版的時鐘。

製作要點：
1. 首先在Expression Blend中畫出時鐘的樣式;
2. 建立時鐘的程式輔助類;
3. 將此時鐘樣式需要動態換掉的部分改成相應的繫結值。

由於具體步驟很多，這裡只說說技術難點和要點，著重說明上述第2點部分。
// 時鐘控制元件類：Clock.cs
using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Controls.Primitives;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Shapes;
using System.Timers;
using System.Windows.Threading;

namespace BrawDraw.Com.WPF.Clock.ControlLibrary
{
    /// <summary>Clock Control
 /// </summary>

 public class Clock : Control
 {
  private DispatcherTimer timer;

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

  protected override void OnInitialized(EventArgs e)
  {
   base.OnInitialized(e);
   timer = new DispatcherTimer();
   timer.Tick += new EventHandler(Timer_Tick);
   timer.Start();
  }

  private void Timer_Tick(object sender, EventArgs e)
  {
   UpdateDateTime();
   timer.Interval = TimeSpan.FromMilliseconds(1000 - DateTime.Now.Millisecond);
  }

  private void UpdateDateTime()
  {
   this.DateTime = System.DateTime.Now;
  }

  #region DateTime property
  public DateTime DateTime
  {
   get
   {
    return (DateTime)GetValue(DateTimeProperty);
   }
   private set
   {
    SetValue(DateTimeProperty, value);
   }
  }

  public static DependencyProperty DateTimeProperty = DependencyProperty.Register(
    "DateTime",
    typeof(DateTime),
    typeof(Clock),
    new PropertyMetadata(DateTime.Now, new PropertyChangedCallback(OnDateTimeInvalidated)));

  public static readonly RoutedEvent DateTimeChangedEvent =
   EventManager.RegisterRoutedEvent("DateTimeChanged", RoutingStrategy.Bubble, typeof(RoutedPropertyChangedEventHandler<DateTime>), typeof(Clock));

  protected virtual void OnDateTimeChanged(DateTime oldValue, DateTime newValue)
  {
   RoutedPropertyChangedEventArgs<DateTime> args = new RoutedPropertyChangedEventArgs<DateTime>(oldValue, newValue);
   args.RoutedEvent = Clock.DateTimeChangedEvent;
   RaiseEvent(args);
  }

  private static void OnDateTimeInvalidated(DependencyObject d, DependencyPropertyChangedEventArgs e)
  {
   Clock clock = (Clock)d;

   DateTime oldValue = (DateTime)e.OldValue;
   DateTime newValue = (DateTime)e.NewValue;

   clock.OnDateTimeChanged(oldValue, newValue);
  }
  #endregion
 }
}

// 時鐘內部時針、分針、秒針角度計算及星期顯示的類： ClockConverters.cs
// 由於WPF中旋轉角度是以度單位，計算為繞一個圓周時，為360度。所以，計算時以360度來計算。
using System;
using System.Globalization;
using System.Windows.Data;

namespace BrawDraw.Com.WPF.Clock
{
    // 一分鐘60秒，一週為360度，所以，一秒鐘就佔6度，所以是：秒數×6。
    [ValueConversion(typeof(DateTime), typeof(int))]
    public class SecondsConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            DateTime date = (DateTime)value;
            return date.Second * 6;
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            return null;
        }
    }

// 一小時是60分鐘，一週為360度，所以，一分鐘就佔6度，所以是：分鐘數×6。
    [ValueConversion(typeof(DateTime), typeof(int))]
    public class MinutesConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            DateTime date = (DateTime)value;
            return date.Minute * 6;
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            return null;
        }
    }

// 時鐘上顯示12小時，一週為360度，這樣，每小時佔30度，考慮分鐘所佔角度是分鐘數/2，所以結果是：小時數×30 + 分鐘數/2。
    [ValueConversion(typeof(DateTime), typeof(int))]
    public class HoursConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            DateTime date = (DateTime)value;
            return (date.Hour * 30) + (date.Minute / 2);
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            return null;
        }
    }

    [ValueConversion(typeof(DateTime), typeof(string))]
    public class WeekdayConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            DateTime date = (DateTime)value;
            return date.DayOfWeek.ToString().Substring(0,3);
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            return null;
        }
    }
}

剩下的就十分簡單，程式的顯示部分(XAML程式碼)：
// MainWindow.xaml
<Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 xmlns:customControl="clr-namespace:BrawDraw.Com.WPF.Clock.ControlLibrary;assembly=CustomControlLibrary"
 xmlns:local="clr-namespace:BrawDraw.Com.WPF.Clock"
    x:Class="BrawDraw.Com.WPF.Clock.Window1"
    Title="WPF Clock" Height="394" Width="332"
    >
 <StackPanel HorizontalAlignment="Center">
  <StackPanel.Resources>
   <local:SecondsConverter x:Key="secondsConverter"/>
   <local:MinutesConverter x:Key="minutesConverter"/>
   <local:HoursConverter x:Key="hoursConverter"/>
   <local:WeekdayConverter x:Key="weekdayConverter"/>
   <Style x:Key="AnalogClock" TargetType="{x:Type customControl:Clock}">
    <Setter Property="Template">
     <Setter.Value>
      <ControlTemplate TargetType="{x:Type customControl:Clock}">
       <Grid>
        <Grid.ColumnDefinitions>
         <ColumnDefinition Width="108" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
         <RowDefinition Height="108" />
        </Grid.RowDefinitions>
        <Ellipse Width="108" Height="108" StrokeThickness="3" Grid.Row="0" Grid.Column="0">
         <Ellipse.Stroke>
          <LinearGradientBrush>
           <LinearGradientBrush.GradientStops>
            <GradientStop Color="LightBlue" Offset="0" />
            <GradientStop Color="DarkBlue" Offset="1" />
           </LinearGradientBrush.GradientStops>
          </LinearGradientBrush>
         </Ellipse.Stroke>
        </Ellipse>
        <Ellipse VerticalAlignment="Center" HorizontalAlignment="Center" Width="104" Height="104" StrokeThickness="3">
         <Ellipse.Stroke>
          <LinearGradientBrush>
           <LinearGradientBrush.GradientStops>
            <GradientStop Color="DarkBlue" Offset="0" />
            <GradientStop Color="LightBlue" Offset="1" />
           </LinearGradientBrush.GradientStops>
          </LinearGradientBrush>
         </Ellipse.Stroke>
         <Ellipse.Fill>
          <LinearGradientBrush EndPoint="0.96,0.972" StartPoint="0.017,0.03">
           <GradientStop Color="#FFFAF9F6" Offset="0"/>
           <GradientStop Color="#FF539BDF" Offset="1"/>
          </LinearGradientBrush>
         </Ellipse.Fill>
        </Ellipse>

        <TextBlock HorizontalAlignment="Center" Margin="0,0,0,30"  VerticalAlignment="Bottom" FontSize="10" Name="MonthDay" Text="{Binding Path=DateTime, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource weekdayConverter}}"/>

<!-- 下面這一部分有待改進，使用C#程式碼控制起來會更方便，且更有利於程式碼的維護 -->
        <Canvas Width="102" Height="102">
         <Ellipse Width="8" Height="8" Fill="Black" Canvas.Top="46" Canvas.Left="46" />
         <Rectangle Canvas.Top="5" Canvas.Left="48" Fill="Black" Width="4" Height="8">
          <Rectangle.RenderTransform>
           <RotateTransform CenterX="2" CenterY="46" Angle="0" />
          </Rectangle.RenderTransform>
         </Rectangle>
         <Rectangle Canvas.Top="5" Canvas.Left="49" Fill="Black" Width="2" Height="6">
          <Rectangle.RenderTransform>
           <RotateTransform CenterX="2" CenterY="46" Angle="30" />
          </Rectangle.RenderTransform>
         </Rectangle>
         <Rectangle Canvas.Top="5" Canvas.Left="49" Fill="Black" Width="2" Height="6">
          <Rectangle.RenderTransform>
           <RotateTransform CenterX="2" CenterY="46" Angle="60" />
          </Rectangle.RenderTransform>
         </Rectangle>
         <Rectangle Canvas.Top="5" Canvas.Left="48" Fill="Black" Width="4" Height="8">
          <Rectangle.RenderTransform>
           <RotateTransform CenterX="2" CenterY="46" Angle="90" />
          </Rectangle.RenderTransform>
         </Rectangle>
         <Rectangle Canvas.Top="5" Canvas.Left="49" Fill="Black" Width="2" Height="6">
          <Rectangle.RenderTransform>
           <RotateTransform CenterX="2" CenterY="46" Angle="120" />
          </Rectangle.RenderTransform>
         </Rectangle>
         <Rectangle Canvas.Top="5" Canvas.Left="49" Fill="Black" Width="2" Height="6">
          <Rectangle.RenderTransform>
           <RotateTransform CenterX="2" CenterY="46" Angle="150" />
          </Rectangle.RenderTransform>
         </Rectangle>
         <Rectangle Canvas.Top="5" Canvas.Left="48" Fill="Black" Width="4" Height="8">
          <Rectangle.RenderTransform>
           <RotateTransform CenterX="2" CenterY="46" Angle="180" />
          </Rectangle.RenderTransform>
         </Rectangle>
         <Rectangle Canvas.Top="5" Canvas.Left="49" Fill="Black" Width="2" Height="6">
          <Rectangle.RenderTransform>
           <RotateTransform CenterX="2" CenterY="46" Angle="210" />
          </Rectangle.RenderTransform>
         </Rectangle>
         <Rectangle Canvas.Top="5" Canvas.Left="49" Fill="Black" Width="2" Height="6">
          <Rectangle.RenderTransform>
           <RotateTransform CenterX="2" CenterY="46" Angle="240" />
          </Rectangle.RenderTransform>
         </Rectangle>
         <Rectangle Canvas.Top="5" Canvas.Left="48" Fill="Black" Width="4" Height="8">
          <Rectangle.RenderTransform>
           <RotateTransform CenterX="2" CenterY="46" Angle="270" />
          </Rectangle.RenderTransform>
         </Rectangle>
         <Rectangle Canvas.Top="5" Canvas.Left="49" Fill="Black" Width="2" Height="6">
          <Rectangle.RenderTransform>
           <RotateTransform CenterX="2" CenterY="46" Angle="300" />
          </Rectangle.RenderTransform>
         </Rectangle>
         <Rectangle Canvas.Top="5" Canvas.Left="49" Fill="Black" Width="2" Height="6">
          <Rectangle.RenderTransform>
           <RotateTransform CenterX="2" CenterY="46" Angle="330" />
          </Rectangle.RenderTransform>
         </Rectangle>

<!-- 時鐘、分針和秒針的顯示 -->
         <Rectangle x:Name="HourHand" Canvas.Top="21" Canvas.Left="48"
            Fill="Black" Width="4" Height="30">
          <Rectangle.RenderTransform>
           <RotateTransform Angle="{Binding Path=DateTime, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource hoursConverter}}" CenterX="2" CenterY="30"></RotateTransform>
          </Rectangle.RenderTransform>
         </Rectangle>
         <Rectangle x:Name="MinuteHand" Canvas.Top="10" Canvas.Left="51"
           Fill="DarkOrange" Width="2" Height="40">
          <Rectangle.RenderTransform>
           <RotateTransform Angle="{Binding Path=DateTime, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource minutesConverter}}" CenterX="1" CenterY="40"></RotateTransform>
          </Rectangle.RenderTransform>
         </Rectangle>
         <Rectangle x:Name="SecondHand" Canvas.Top="4" Canvas.Left="49"
           Fill="Red" Width="1" Height="47">
          <Rectangle.RenderTransform>
           <RotateTransform Angle="{Binding Path=DateTime, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource secondsConverter}}" CenterX="0.5" CenterY="47"></RotateTransform>
          </Rectangle.RenderTransform>
         </Rectangle>
        </Canvas>
       </Grid>
      </ControlTemplate>
     </Setter.Value>
    </Setter>
   </Style>
  </StackPanel.Resources>
  <customControl:Clock x:Name="customControlClock" FontFamily="Arial" />
  <customControl:Clock x:Name="customControlAnalogClock" Style="{StaticResource AnalogClock}" RenderTransformOrigin="0.388,0.66" Width="121" Height="112" />
 </StackPanel>
</Window>
(已用粗體標註重要的部分)

比較一下使用GDI+和WPF的方便性，從設計的角度來講，WPF顯得更方便，更快捷。從程式設計的程式碼量相比，兩者差別不是太多，我統計了一下總體程式碼量，GDI+甚至比WPF更少。執行效率方面，暫未做測試。

           

給我老師的人工智慧教程打call！http://blog.csdn.net/jiangjunshow

這裡寫圖片描述 你好！ 這是你第一次使用 **Markdown編輯器** 所展示的歡迎頁。如果你想學習如何使用Markdown編輯器, 可以仔細閱讀這篇文章，瞭解一下Markdown的基本語法知識。

新的改變

我們對Markdown編輯器進行了一些功能拓展與語法支援，除了標準的Markdown編輯器功能，我們增加了如下幾點新功能，幫助你用它寫部落格：

  1. 全新的介面設計 ，將會帶來全新的寫作體驗；
  2. 在創作中心設定你喜愛的程式碼高亮樣式，Markdown 將程式碼片顯示選擇的高亮樣式 進行展示；
  3. 增加了 圖片拖拽 功能，你可以將本地的圖片直接拖拽到編輯區域直接展示；
  4. 全新的 KaTeX數學公式 語法；
  5. 增加了支援甘特圖的mermaid語法1 功能；
  6. 增加了 多螢幕編輯 Markdown文章功能；
  7. 增加了 焦點寫作模式、預覽模式、簡潔寫作模式、左右區域同步滾輪設定 等功能，功能按鈕位於編輯區域與預覽區域中間；
  8. 增加了 檢查列表 功能。

功能快捷鍵

撤銷：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜體：Ctrl/Command + I
標題：Ctrl/Command + Shift + H
無序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
檢查列表：Ctrl/Command + Shift + C
插入程式碼：Ctrl/Command + Shift + K
插入連結：Ctrl/Command + Shift + L
插入圖片：Ctrl/Command + Shift + G

合理的建立標題，有助於目錄的生成

直接輸入1次#，並按下space後，將生成1級標題。
輸入2次#，並按下space後，將生成2級標題。
以此類推，我們支援6級標題。有助於使用TOC語法後生成一個完美的目錄。

如何改變文字的樣式

強調文字 強調文字

加粗文字 加粗文字

標記文字

刪除文字

引用文字

H2O is是液體。

210 運算結果是 1024.

插入連結與圖片

連結: link.

圖片: Alt

帶尺寸的圖片: Alt

當然，我們為了讓使用者更加便捷，我們增加了圖片拖拽功能。

如何插入一段漂亮的程式碼片

去部落格設定頁面，選擇一款你喜歡的程式碼片高亮樣式，下面展示同樣高亮的 程式碼片.

// An highlighted block var foo = 'bar';

生成一個適合你的列表

  • 專案
    • 專案
      • 專案
  1. 專案1
  2. 專案2
  3. 專案3
  • 計劃任務
  • 完成任務

建立一個表格

一個簡單的表格是這麼建立的：

專案 Value
電腦 $1600
手機 $12
導管 $1

設定內容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列 第二列 第三列
第一列文字居中 第二列文字居右 第三列文字居左

SmartyPants

SmartyPants將ASCII標點字元轉換為“智慧”印刷標點HTML實體。例如：

TYPE ASCII HTML
Single backticks 'Isn't this fun?' ‘Isn’t this fun?’
Quotes "Isn't this fun?" “Isn’t this fun?”
Dashes -- is en-dash, --- is em-dash – is en-dash, — is em-dash

建立一個自定義列表

Markdown
Text-to- HTML conversion tool
Authors
John
Luke

如何建立一個註腳

一個具有註腳的文字。2

註釋也是必不可少的

Markdown將文字轉換為 HTML。

KaTeX數學公式

您可以使用渲染LaTeX數學表示式 KaTeX:

Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N 是通過尤拉積分

Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t &ThinSpace; . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.

你可以找到更多關於的資訊 LaTeX 數學表示式here.

新的甘特圖功能，豐富你的文章

gantt
        dateFormat  YYYY-MM-DD
        title Adding GANTT diagram functionality to mermaid
        section 現有任務
        已完成               :done,    des1, 2014-01-06,2014-01-08
        進行中               :active,  des2, 2014-01-09, 3d
        計劃一               :         des3, after des2, 5d
        計劃二               :         des4, after des3, 5d
  • 關於 甘特圖 語法，參考 這兒,

UML 圖表

可以使用UML圖表進行渲染。 Mermaid. 例如下面產生的一個序列圖：:

這將產生一個流程圖。:

  • 關於 Mermaid 語法，參考 這兒,

FLowchart流程圖

我們依舊會支援flowchart的流程圖：

  • 關於 Flowchart流程圖 語法，參考 這兒.

匯出與匯入

匯出

如果你想嘗試使用此編輯器, 你可以在此篇文章任意編輯。當你完成了一篇文章的寫作, 在上方工具欄找到 文章匯出 ，生成一個.md檔案或者.html檔案進行本地儲存。

匯入

如果你想載入一篇你寫過的.md檔案或者.html檔案，在上方工具欄可以選擇匯入功能進行對應副檔名的檔案匯入，
繼續你的創作。

  1. mermaid語法說明 ↩︎

  2. 註腳的解釋 ↩︎

相關推薦

製作簡單的WPF時鐘

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

製作WPF時鐘之2

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

《 初學 》 html5 製作簡單時鐘

/* 示例一、 var canvas = document.getElementById("canvas1"),     context = canvas.getContext("2d"); //獲取繪圖環境變數 context.font = "38pt Arial"; context.fillStyel =

CSS製作簡單的縱向選單

1.先寫一個列表，建立選單的結構 <span style="font-size:14px;"><span style="font-size:14px;"><div class="menu"> <ul> <li&g

CSS製作簡單的橫向選單

1.先寫一個列表，建立選單的結構 <span style="font-size:14px;"><span style="font-size:14px;"><span style="font-size:14px;"><div class="men

自定義View 繪製一個簡單的時鐘

一.自定義類繼承View 二.思考啊... 算啦，直接上磚頭吧 自定義View介面: public class MyClockView extends View { private Handler handler = new Handler(){ @Overr

設定一個簡單的時鐘

今天我麼們來用用css3中的2D旋轉來做一個時鐘 首先我們來看看學要用到的知識點 1.首先要用到css3中的transform方法，設定其中的屬性rotate 我們可以在style中設定，也可以在js中設定 id.style.transform=“rotate(30deg)”; 2.其次還要

Android Studio 製作簡單的App歡迎頁面——基於Android 6.0

       在許多的Android App中，我們點選進入時，都可以看到一個歡迎頁面，大概持續了幾秒，然後跳轉至主頁面。以下是我開發過程中總結出的一些方法和例子。   一、建立一個新的Activity   &nb

Android Studio製作簡單計算器

學習了表格佈局GridLayout，趁熱打鐵，利用GridLayout製作了一個計算器介面，以及實現了簡單的計算功能。直接上效果圖。 activity_main.xml佈局檔案 <?xml version="1.0" encoding="utf-8"?> <Linea

1、C語言練手專案--C 語言製作簡單計算器

C 語言製作簡單計算器 一、需求 二、實現 1、思路 2、程式碼 3、執行結果 三、參考連結 一、需求 使用 C 語言做一個簡單的計算器，能執行加、減、乘、除操作 二、實現 1、思路

Python 製作簡單壓縮檔案指令碼

import os import time source=['/home/tudou/nihao'] target_dir='/home/tudou/nihao' today=target_dir+os.sep+\ time.strftime('%Y%m

製作簡單 '詞雲圖'

import jieba from jieba.analyse import extract_tags from scipy.misc import imread from wordcloud import WordCloud import matplotlib.pypl

使用HTML製作簡單的小米介面（部分）

使用HTML製作簡單的小米介面（部分） 以下為最終的效果圖 需要實現的效果 最左邊展示最新手機圖片 右邊並排展示銷售的手機介面 每個塊級元素並排 滑鼠移動到塊元素時出現陰影和向上彈起的效果 製作思路 使用HTML的div標籤製作一個

[實戰]製作簡單的公眾號二維碼關注圖

本文大約 1933 字，閱讀大約需要 6 分鐘 最近剛剛更換了公眾號名字，然後自然就需要更換下文章末尾的二維碼關注圖，但是之前是通過 windows 自帶的畫圖軟體做的，但是之前弄的時候其實還是比較麻煩的，所以我就想作為一名程式猿，當然要努力用程式碼解決這個問題。

Alarmmanager製作簡單鬧鐘功能

 程式碼： activity_main.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res

用CSS加HTML製作簡單的百度首頁

<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wi

processing製作簡單的繪畫系統

這學期的課程最後，老師佈置了這樣一個大作業：  看到這個題目最開始是沒有一個可以很好實施的方案的，在之前的課上，也曾經討論過這個話題，關於什麼是畫畫。畫畫在技術層面上，是一個以表面（比如紙張、布、牆壁等等）作為支撐面，再在其之上加上顏色的做法，那加顏色的工具可以通過畫筆、也可以通

C#製作簡單的看門狗程式

這個類實現了程式退出能重啟，但是程式停止執行彈出對話方塊，程序並沒有退出卻無法重啟。希望有好建議處理這個bug的朋友提出你們的寶貴意見。 原始碼如下： using System; using System.Collections.Generic; using

如何用Qt製作簡單的滑鼠繪圖畫板(支援匯出圖片)

文章目錄 01 - 滑鼠繪圖效果 02 - 基本思路 03 - 程式碼 widget.h widget.cpp UI 01 - 滑鼠繪圖效果   GIF沒設定好，會有灰色陰影出現

JavaScript製作簡單的隨機數驗證碼

function sendCheckNumber(){ //每次點選產生驗證碼 var codeLength = 4;//驗證碼長度為4 //設定隨機字元 currentCheckNumber="";//初始化驗證碼字串 var random