</window.Resources>

静态资源和动态资源中的静态和动态不是描述资源的，描述控件行为的，也说明改资源项是否可以被外部改写（类似xml的改写），只载入一次，之后永远不变，还是可以动态的变化。

对于动态资源可以使用this.Resoures[“res2”]=new TextBlock(){text=”我要改变了”} ，静态资源不理会对资源的重新赋值

<window.Resources>

</window.Resources>

<Button  content=”{DynamicResources res2}”/>

问题4：一个界面文件，是如何调用另外一个界面文件的？

比如在ScreenToGif这个项目中，有个Windows文件夹，下面有个Other文件，里面有个ColorSelector.xaml，如何在其他界面文件中使用呢？

步骤：

1. 添加对该目录的引用using ScreenToGif.Windows.Other;，不然你需要写完整目录
2. 书写代码

            var colorPicker = new ColorSelector(UserSettings.All.BoardColor) { Owner = this };

            var result = colorPicker.ShowDialog();

问题5： style属性是什么东西？

http://blog.csdn.net/aoshilang2249/article/details/45129365

《深入浅出WPF》 深入浅出话模板

问题6：录制屏幕界面分析

<n:LightWindow x:Name="RecorderLightWindow" x:Class="ScreenToGif.Windows.Recorder"

               xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

               xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

               xmlns:n="clr-namespace:ScreenToGif.Controls"

               xmlns:u="clr-namespace:ScreenToGif.Util"

               xmlns:c="clr-namespace:ScreenToGif.Util.Converters"

               Title="ScreenToGif" SnapsToDevicePixels="True" UseLayoutRounding="True" AllowsTransparency="True" WindowStyle="None"

               Topmost="True" Icon="../Resources/Logo.ico" Child="{StaticResource Vector.Back}"

               IsThin="{Binding RecorderThinMode, Source={x:Static u:UserSettings.All}}"

               IsFullScreen="{Binding FullScreenMode, Source={x:Static u:UserSettings.All}}"

               Width="{Binding Source={x:Static u:UserSettings.All}, Path=RecorderWidth, Mode=TwoWay}"

               Height="{Binding Source={x:Static u:UserSettings.All}, Path=RecorderHeight, Mode=TwoWay}"

               Left="{Binding Source={x:Static u:UserSettings.All}, Path=RecorderLeft, Mode=TwoWay}"

               Top="{Binding Source={x:Static u:UserSettings.All}, Path=RecorderTop, Mode=TwoWay}"

               FocusManager.FocusedElement="{Binding RelativeSource={x:Static RelativeSource.Self}, Mode=OneTime}"

               Foreground="{Binding Source={x:Static u:UserSettings.All}, Path=RecorderForeground, Mode=TwoWay, Converter={StaticResource ColorToBrush}}"

               Background="{Binding Source={x:Static u:UserSettings.All}, Path=RecorderBackground, Mode=TwoWay, Converter={StaticResource ColorToBrush}}"

               SizeChanged="LightWindow_SizeChanged" Loaded="Recorder_Loaded" Closing="Window_Closing" LocationChanged="Window_LocationChanged">

    <Window.Resources>

                <DoubleAnimation.EasingFunction>

                </DoubleAnimation.EasingFunction>

            <DoubleAnimation Storyboard.TargetName="DiscardButton" Storyboard.TargetProperty="(Button.Opacity)"

                             From="{Binding ElementName=DiscardButton,Path=Opacity}" To="0" Duration="0:0:1">

                <DoubleAnimation.EasingFunction>

                </DoubleAnimation.EasingFunction>

        <c:StageToButtonString x:Key="StageToButtonStringConverter"/>

        <c:StageToCanvas x:Key="StageToCanvasConverter"/>

        <c:ShortcutKeys x:Key="ShortcutKeys"/>

        <c:InvertedBoolToVisibility x:Key="InvertedBoolToVisibility"/>

        <c:BoolOrToInvertedVisibility x:Key="BoolOrToInvertedVisibility"/>

        <c:IntToString x:Key="IntToStringConverter"/>

    </Window.Resources>

    <Window.CommandBindings>

    </Window.CommandBindings>

        <Grid.RowDefinitions>

        </Grid.RowDefinitions>

        <Grid Grid.Row="1" x:Name="LowerGrid" Height="31" VerticalAlignment="Bottom" Background="{Binding ElementName=RecorderLightWindow, Path=Background}"

              KeyboardNavigation.TabNavigation="Cycle" MouseLeftButtonDown="CommandGrid_MouseLeftButtonDown">

            <Grid.ColumnDefinitions>

            </Grid.ColumnDefinitions>

                <Grid.RowDefinitions>

                </Grid.RowDefinitions>

                <Grid.ColumnDefinitions>

                </Grid.ColumnDefinitions>

                <n:ImageButton Grid.Row="0" Grid.Column="0" x:Name="BackButton" Content="{StaticResource Vector.Back}" Style="{StaticResource Style.Button.NoText}"

                               ContentHeight="14" Padding="4,1" TabIndex="0" Click="BackButton_Click"/>

                <n:ImageButton Grid.Row="1" Grid.Column="0" x:Name="CloseButton" Content="{StaticResource Vector.Close}" Style="{StaticResource Style.Button.NoText}"

                               ContentHeight="10" Padding="4,1" TabIndex="1" Click="CloseButton_Click"/>

                <TextBlock Grid.Row="0" Grid.Column="1" x:Name="CaptionText" Text="{Binding Title, ElementName=RecorderLightWindow}" FontFamily="Segoe UI" FontSize="12"

                           FontWeight="Regular" Margin="5,0,0,0" Foreground="#FF6F5252" Effect="{DynamicResource Shadow.Foreground.Small}"/>

                <TextBlock Grid.Row="1" Grid.Column="1" x:Name="FrameCountTextBlock" Text="{Binding FrameCount, ElementName=RecorderLightWindow, Converter={StaticResource IntToStringConverter}}"

                           FontFamily="Segoe UI" FontSize="12" FontWeight="Regular" Margin="5,0,0,0" Foreground="#FF061E87" Effect="{DynamicResource Shadow.Foreground.Small}"/>

            <StackPanel Grid.Column="1" x:Name="ControlStackPanel" Height="31" Orientation="Horizontal" HorizontalAlignment="Right"

                        ScrollViewer.VerticalScrollBarVisibility="Disabled">

                <n:ImageButton x:Name="SnapButton" Content="{StaticResource Vector.Crosshair}" Margin="0" Style="{StaticResource Style.Button.NoText}"

                               HorizontalContentAlignment="Center" Effect="{StaticResource Shadow.Foreground.Small}" ContentHeight="20" ContentWidth="20"

                               Visibility="{Binding FullScreenMode, Source={x:Static u:UserSettings.All}, Converter={StaticResource InvertedBoolToVisibility}}"

                               Command="u:Commands.EnableSnapToWindow" Padding="3" TabIndex="2" PreviewMouseDown="SnapButton_PreviewMouseDown">

                    <n:ImageButton.ToolTip>

                    </n:ImageButton.ToolTip>

                <n:ImageButton x:Name="OptionsButton" Content="{StaticResource Vector.Options}" Margin="0" Style="{StaticResource Style.Button.NoText}"

                               Effect="{StaticResource Shadow.Foreground.Small}" ContentHeight="20" ContentWidth="20" Command="u:Commands.Options" Padding="3" TabIndex="3">

                    <n:ImageButton.ToolTip>

                    </n:ImageButton.ToolTip>

                    <Viewbox.Visibility>

                    </Viewbox.Visibility>

                        <n:CircularProgressBar StrokeThickness="2" Percentage="100" SegmentColor="Gray" Radius="24" IsTabStop="False"/>

                        <n:CircularProgressBar StrokeThickness="22" Percentage="100" SegmentColor="#FFF0F1F1" Radius="10" IsTabStop="False"/>

                        <n:CircularProgressBar StrokeThickness="2" Value="{Binding ElementName=FpsIntegerUpDown, Path=Value, Mode=OneWay}"

                                               IsInverted="True" Minimum="1" Maximum="60" SegmentColor="#FFE28A73" Radius="24" IsTabStop="False"/>

                        <n:CircularProgressBar StrokeThickness="22" Value="{Binding ElementName=FpsIntegerUpDown, Path=Value, Mode=OneWay}"

                                               IsInverted="True" Minimum="1" Maximum="60" SegmentColor="#FFE28A73" Radius="10" IsTabStop="False"/>

                    <Viewbox.ToolTip>

                    </Viewbox.ToolTip>

                <n:IntegerUpDown x:Name="FpsIntegerUpDown" Margin="1,3" StepValue="1" Minimum="1" Maximum="60" MinWidth="45" TabIndex="4"

                                 Value="{Binding Source={x:Static u:UserSettings.All}, Path=LatestFps, Mode=TwoWay}"

                                 Visibility="{Binding SnapshotMode, Source={x:Static u:UserSettings.All}, Converter={StaticResource InvertedBoolToVisibility}}">

                    <n:IntegerUpDown.ToolTip>

                    </n:IntegerUpDown.ToolTip>

                <Label Content="{StaticResource Recorder.Fps.Short}" FontSize="12" FontFamily="Segoe UI" Margin="1,0,0,0" VerticalContentAlignment="Center" Padding="0"

                       Foreground="{Binding ElementName=RecorderLightWindow, Path=Foreground}" Visibility="{Binding SnapshotMode, Source={x:Static u:UserSettings.All}, Converter={StaticResource InvertedBoolToVisibility}}"/>

                <!--<Viewbox Child="{StaticResource Vector.WidthHeight}" Stretch="UniformToFill" Margin="3,4" HorizontalAlignment="Right" FlowDirection="LeftToRight" SnapsToDevicePixels="True"

                             Visibility="{Binding RecorderThinMode, Converter={StaticResource InvertedBoolToVisibility}, Source={x:Static u:UserSettings.All}}"/>-->

                <n:IntegerBox x:Name="WidthIntegerBox" Value="{Binding Source={x:Static u:UserSettings.All}, Path=RecorderWidth, Mode=TwoWay}"

                              Offset="{x:Static u:Constants.HorizontalOffset}" Minimum="100" Maximum="3000" TabIndex="6" Height="Auto" Padding="4,0" Margin="1,3"

                              ToolTip="{DynamicResource Recorder.Width}" ToolTipService.Placement="Bottom" ToolTipService.HorizontalOffset="-5"

                              Visibility="{Binding FullScreenMode, Source={x:Static u:UserSettings.All}, Converter={StaticResource InvertedBoolToVisibility}}"/>

                <Label Content="×" FontSize="16" FontFamily="Segoe Script" Margin="1" VerticalContentAlignment="Center" Padding="0"

                       Foreground="{Binding ElementName=RecorderLightWindow, Path=Foreground}"

                       Visibility="{Binding FullScreenMode, Source={x:Static u:UserSettings.All}, Converter={StaticResource InvertedBoolToVisibility}}"/>

                <n:IntegerBox x:Name="HeightIntegerBox" Value="{Binding Source={x:Static u:UserSettings.All}, Path=RecorderHeight, Mode=TwoWay}"

                              Offset="{x:Static u:Constants.VerticalOffset}" Minimum="100" Maximum="3000" TabIndex="7" Height="Auto" Padding="4,0" Margin="1,3"

                              ToolTip="{DynamicResource Recorder.Height}" ToolTipService.Placement="Bottom" ToolTipService.HorizontalOffset="-5"

                              Visibility="{Binding FullScreenMode, Source={x:Static u:UserSettings.All}, Converter={StaticResource InvertedBoolToVisibility}}"/>

                <Label Content="px" FontSize="12" FontFamily="Segoe UI" Margin="1,0,0,0" VerticalContentAlignment="Center" Padding="0"

                       Foreground="{Binding ElementName=RecorderLightWindow, Path=Foreground}"

                       Visibility="{Binding FullScreenMode, Source={x:Static u:UserSettings.All}, Converter={StaticResource InvertedBoolToVisibility}}"/>

                <n:ImageButton x:Name="DiscardButton" Text="{DynamicResource Recorder.Discard}" Content="{StaticResource Vector.Remove}" Visibility="Collapsed"

                               Click="DiscardButton_Click" Style="{StaticResource Style.Button.Horizontal}"

                               Foreground="{Binding ElementName=RecorderLightWindow, Path=Foreground}"

                               UseLayoutRounding="True" MaxSize="16" ContentHeight="18" ContentWidth="18" TabIndex="8"

                               MinWidth="{Binding RelativeSource={RelativeSource Mode=Self}, Path=ActualHeight}"

                               KeyGesture="{Binding Converter={StaticResource ShortcutKeys}, ConverterParameter='3'}"/>

                <n:ImageButton x:Name="RecordPauseButton" UseLayoutRounding="True" MaxSize="16" ContentHeight="18" ContentWidth="18" TabIndex="9"

                               Text="{Binding Stage, ElementName=RecorderLightWindow, Converter={StaticResource StageToButtonStringConverter}, FallbackValue={StaticResource Recorder.Record}}"

                               Content="{Binding Stage, ElementName=RecorderLightWindow, Converter={StaticResource StageToCanvasConverter}, FallbackValue={StaticResource Vector.Record}}"

                               Click="RecordPauseButton_Click" Style="{StaticResource Style.Button.Horizontal}"

                               Foreground="{Binding ElementName=RecorderLightWindow, Path=Foreground}"

                               MinWidth="{Binding RelativeSource={RelativeSource Mode=Self}, Path=ActualHeight}"

                               KeyGesture="{Binding Converter={StaticResource ShortcutKeys}, ConverterParameter='1'}">

                    <n:ImageButton.ContextMenu>

                            <n:ImageMenuItem Header="{DynamicResource Recorder.RecordingOptions}" IsHitTestVisible="False" Image="{StaticResource Vector.Record}" MaxSize="16"/>

                            <n:ImageMenuItem Header="{DynamicResource Recorder.Snapshot}" IsCheckable="True" Image="{StaticResource Vector.Camera.Add}" MaxSize="16"

                                             IsChecked="{Binding SnapshotMode, Source={x:Static u:UserSettings.All}, Mode=TwoWay}" Command="u:Commands.EnableSnapshot"/>

                            <n:ImageMenuItem x:Name="ThinModeMenuItem" Header="{DynamicResource Recorder.ThinMode}" IsCheckable="True" Image="{StaticResource Vector.Application}" MaxSize="16"

                                             IsChecked="{Binding RecorderThinMode, Source={x:Static u:UserSettings.All}, Mode=TwoWay}" Command="u:Commands.EnableThinMode"

                                             Visibility="{Binding FullScreenMode, Source={x:Static u:UserSettings.All}, Converter={StaticResource InvertedBoolToVisibility}}"/>

                            <n:ImageMenuItem Header="{DynamicResource Recorder.Fullscreen}" IsCheckable="True" Image="{StaticResource Vector.WidthHeight}" MaxSize="16"

                                             IsChecked="{Binding FullScreenMode, Source={x:Static u:UserSettings.All}, Mode=TwoWay}" Command="u:Commands.EnableFullScreen"/>

                    </n:ImageButton.ContextMenu>

                <n:ImageButton x:Name="StopButton" Text="{DynamicResource Recorder.Stop}" Content="{StaticResource Vector.Stop}"

                               Click="StopButton_Click" Style="{StaticResource Style.Button.Horizontal}"

                               Foreground="{Binding ElementName=RecorderLightWindow, Path=Foreground}"

                               UseLayoutRounding="True" MaxSize="16" ContentHeight="18" ContentWidth="18" Margin="0" TabIndex="10"

                               MinWidth="{Binding RelativeSource={RelativeSource Mode=Self}, Path=ActualHeight}"

                               KeyGesture="{Binding Converter={StaticResource ShortcutKeys}, ConverterParameter='2'}"/>

问题7：如果这个软件让你实现，你会怎么做？

启动界面，是4个选项，录制桌面、录制摄像头、录制绘图、视频帧编辑器

录制桌面、录制摄像头、录制绘图其实是一样的东西。

无非是设置一个定时器，定时的采集图像放到硬盘中。这部分的代码在呢?

C:\Users\laiqun\AppData\Local\Temp\   C:\Users\laiqun\AppData\Local\Temp\ScreenToGif\Recording\2018-02-03 14-18-53

                <n:ImageButton x:Name="RecordPauseButton" UseLayoutRounding="True" MaxSize="16" ContentHeight="18" ContentWidth="18" TabIndex="9" 

                               Text="{Binding Stage, ElementName=RecorderLightWindow, Converter={StaticResource StageToButtonStringConverter}, FallbackValue={StaticResource Recorder.Record}}" 

                               Content="{Binding Stage, ElementName=RecorderLightWindow, Converter={StaticResource StageToCanvasConverter}, FallbackValue={StaticResource Vector.Record}}" 

                               Click="RecordPauseButton_Click" Style="{StaticResource Style.Button.Horizontal}"

                               Foreground="{Binding ElementName=RecorderLightWindow, Path=Foreground}" 

                               MinWidth="{Binding RelativeSource={RelativeSource Mode=Self}, Path=ActualHeight}"

录制按钮点击

        private void RecordPauseButton_Click(object sender, RoutedEventArgs e)

        {

            if (!UserSettings.All.SnapshotMode)

                RecordPause();

            else

                Snap();

        }

RecordPause函数的实现：

        private async void RecordPause()

        {

            switch (Stage)  //Stage在哪儿改变？  

            {

                case Stage.Stopped:  //一开始肯定是从stopped 状态开始的，启动录制后，这里会将stopped状态改变为recording，表示正在录制。

录制其实在启动一个定时器，做各种记录性的操作。

从UnregisterEvents这个函数可以看出蛛丝马迹      

  private void UnregisterEvents()

        {

            _capture.Tick -= Normal_Elapsed;

            _capture.Tick -= NormalAsync_Elapsed;

            _capture.Tick -= Cursor_Elapsed;

            _capture.Tick -= CursorAsync_Elapsed;

            _capture.Tick -= FullCursor_Elapsed;

            _capture.Tick -= Full_Elapsed;

        }

        private void Normal_Elapsed(object sender, EventArgs e)

        {

            //Actual position on the screen.  获取要录制的区域

            var lefttop = Dispatcher.Invoke(() =>

            {

                var left = Math.Round((Math.Round(Left, MidpointRounding.AwayFromZero) + Constants.LeftOffset) * _scale);

                var top = Math.Round((Math.Round(Top, MidpointRounding.AwayFromZero) + Constants.TopOffset) * _scale);

                return new Point((int)left, (int)top);

            });

            //Take a screenshot of the area. 

            var bt = Native.Capture(_size, lefttop.X, lefttop.Y);

            if (bt == null || !IsLoaded)

                return;

            var fileName = $"{Project.FullPath}{FrameCount}.png";

//这里只是简单的更新一下图像文件信息，并没有实际创建图像文件

            Project.Frames.Add(new FrameInfo(fileName, FrameRate.GetMilliseconds(_snapDelay), new List(_keyList)));

            _keyList.Clear();

            //AddFrames创建图像文件

            ThreadPool.QueueUserWorkItem(delegate { AddFrames(fileName, new Bitmap(bt)); });//线程池

            FrameCount++;

        }

1.       System.Windows.Forms.Timer myTimer = new System.Windows.Forms.Timer();//实例化　

2.      myTimer.Tick += new EventHandler(函数名); //给timer挂起事件

3.      myTimer.Enabled = true；//使timer可用

4.       myTimer.Interval = n; //设置时间间隔，以毫秒为单位

5.       myTimer.Stop(); //如果要暂停计时则使用Stop()方法

6.       myTimer.Enabled = false;//若要停止使用timer，则使之不可用

设置项界面

是一个xml文件，用来读取和写入配置的。 程序的相关地方会读取这些配置，为了方便，最好把读取配置项的地方写在一起.这部分的代码在呢?UserSettings

namespace ScreenToGif.Util

{

    internal sealed class UserSettings : INotifyPropertyChanged

    {

        #region Variables

        private static ResourceDictionary _local;

        private static ResourceDictionary _appData;

        private static readonly ResourceDictionary Default;

        public event PropertyChangedEventHandler PropertyChanged;

        public static UserSettings All { get; } = new UserSettings();

视频帧编辑器负责把录制的一帧帧的图像载入，创建对应的缩略图。这部分的代码在呢?

我想在录制的时候顺势把鼠标和键盘录制进去，怎么实现？这部分的代码在呢?

Recorder构造函数

                _actHook = new UserActivityHook(true, true); //true for the mouse, true for the keyboard.

                _actHook.KeyDown += KeyHookTarget;

                _actHook.OnMouseActivity += MouseHookTarget;