[界面开发新秀]AYUI开发360领航版系列教程-AyWindow接入[1/40]

开发包DLL下载地址：请加入 466717219群，自己下载（已经发布ayui3.7，在群里，为了不让你作为收藏工具，也只有入群才能下载，喜欢你就进。不喜欢你还是不要来了）

AYUI初衷：简单化商业软件界面的开发，提供UI框架，打包框架，安装与卸载框架，自动更新框架系列作品，AY一个人完成。

.NET Reactor 5.0 加密混淆工具下载：百度云

提取360资源:百度云

上篇文章 AYUI 炫丽PC开发UI框架2016年6月15日对外免费开发使用

博客园给我的建议，让我不知道怎么写文章了

AY已经提取好的360：下载

AYUI采用.NET4.0开发，基于WPF，所以可以使用vs2010以上的visual studio的方式去开发

ayui大致展览；

下载下来，大家的开发包结构应该是这样的。

开始做了，我使用vs2013，也有vs2015，随便用了。为了兼容vs2010，我肯定不能使用vs2015的语法糖了

新建解决方案

新建wpf项目，AYUI360

然后新建目录lib，拷贝ayui文件夹内的文件

到lib文件夹

打开项目解决方案，拷贝ayui文件夹下的"ay的mvc目录结构你可以快速粘贴创建“文件到wpf项目中去

设置2个jpg图片和xml配置文件的属性，如下

Contents文件夹下的Styles新建S360.xaml

打开App.xaml.cs文件，引入ayui

using System;
using System.Collections.Generic;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Threading.Tasks;
using System.Windows;

namespace AYUI360
{
    /// <summary>
    /// App.xaml 的交互逻辑
    /// </summary>
    public partial class App : Application
    {
        protected override void OnStartup(StartupEventArgs e)
        {
            Application.Current.AddResourceDictionary("/AYUI360;component/Contents/Styles/S360.xaml").AYUI();
            base.OnStartup(e);
        }
    }
}

打开MainWindow.xaml.cs,后台继承更改下，继承AyWindow

测量360安全卫士领航版本的宽高是800*600

前台

<control:AyWindow x:Class="AYUI360.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:control="http://www.ayjs.net/controls"
        Title="AY的360安全卫士" Height="600" Width="800">
    <Grid>

    </Grid>
</control:AyWindow>

设置窗体基本属性，MaxButtonVisibility是AyWindow提供的

WindowStartupLocation="CenterScreen" ResizeMode="NoResize" MaxButtonVisibility="Collapsed"

运行项目:

由于Aywindow的窗体阴影和resize预留边距24像素，所以，内容边距是24px，窗体原来是800和600，要进行重新计算，宽和高要加上29px

修改后xaml代码

<control:AyWindow x:Class="AYUI360.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:control="http://www.ayjs.net/controls"
        Title="AY的360安全卫士" Height="629" Width="829"
        WindowStartupLocation="CenterScreen" ResizeMode="NoResize" MaxButtonVisibility="Collapsed"
        >
    <Grid Margin="0,-24,0,0" Background="Transparent">

    </Grid>
</control:AyWindow>

运行项目，此时的窗体，已经可以拖动，关于AyWindow提供了我自己定义的很多属性，我们先学习下，常用的

窗体模式阴影控制，如果自己写还要考虑最大化阴影的边距问题，使用aywindow不用考虑

1. 依赖属性 WindowEntranceBackgroundMode="2"

关于属性介绍：

2. 阴影的大小ShadowMargin是个thickness属性，例如ShadowMargin=10, 暂时问题，阴影过大，导致无法窗体resize。也是不常用，保持默认，不要设置它

3. ResizeMode window自带的，aywindow加了判断，如果是NoResize，那么aywindow是不会创建8个thumb用于窗体调整大小的。

4. CanDrag，bool类型的，判断是否可以移动窗体，默认可以

5. IsCoverTaskBar默认是false，控制最大化是否遮盖任务栏

6. 控制是否显示最大化按钮（restoreWindowVisibility暂时无效，已经被MaxButtonVisibility取代）

同理：

最小化：MinButtonVisibility

关闭按钮：CloseButtonVisibility

皮肤设置按钮：SkinButtonVisibility

标题栏是否显示：TitleVisibility

窗体菜单：WindowMenuVisibility 如果窗体设置了WindowMenu依赖属性，那么就会显示，默认是不显示，只有设置了才显示，但是最终都是取决于WindowMenuVisibility 属性

窗体右上角整个按钮组可见性：WindowRightButtonGroupVisibility

7.常用属性：CloseIsHideWindow，用于close窗体时候，是close窗体，还是hide窗体，主要用于托盘图标。

窗体圆角

窗体描边粗细和颜色：BorderThickness，BorderBrush（window自带的）

8. CloseButtonMargin右上角按钮组的边距控制

9.TitleBarHeight 标题栏高度

10.设置标题栏的Brush，可以是纯色，WindowTitleBarBg 这个主要在AyMessageBox中使用了。

11.VideoUri，用于设置窗体的背景为视频背景，如果有值，那么窗体背景就会启动个视频背景。

12.GaoSiRadius控制窗体背景模糊程度。

13.BgData窗体背景图，（ Ay.Framework.WPF.Controls.AyTransition BgData ）或者是纯色对象

14. 关于窗体

属性，在皮肤设置窗口，点击设置

在炫彩支持里面去控制，第四个Opacity4暂时框架预留的。暂时没地方使用和调整。

你可以在窗体上，某某的透明度，绑定这4个属性中一个，然后这里调整，你界面上绑定的element的opacity值就会跟着动了。

14. 窗体的右上角按钮组左侧区域

用这个可以实现

这几个地方的额外按钮。直接设置ToolBarContent，它是ContentPresenter呈现的。

15 Icon属性，如果你设置了他，那么你的窗体就会显示图标

例如我设置了图标

和任务栏都会显示了。但是我没有提供调整图标大小的接口，你可以自己创建好适合的图标大小。一般来说，我提供Icon属性，是因为任务栏需要显示，我一般都会设置TitleVisibility不可见，在窗体内容上加上左上角的东西。

16.自定义托盘图标区的需求，这里ayui已经提供了，关于讲解，我会具体在制作360托盘菜单的地方去写

实现自定义图标

下面是我实现的qq管家托盘，

常用方法：

1.当你想自定义右侧窗体图标或者某某东西，想触发AYUI的事件，可以在后台base点下面的方法，即可调用，比如你可以把右侧的几个按钮全都隐藏，实现自己的，然后单击，时候触发下面的方法即可。

2. 假如你想就用AYUI提供的按钮，但是想触发的时候，又想添加点操作，比如触发最大化前，隐藏窗体右下角的 resize窗体调整图标，然后再最大化，还原时候，显示右下角的resize控件。

ayui定义了窗体行为的6个委托，方便你使用，一旦你赋值了方法，窗体，比如窗体最大化的时候，你给MaxWindowMethodOverride绑定了方法，那么他就会按照你的来，而你可以在里面定义完其他操作后，然后base.DoMaxOrReStoreWindow了

public Action CloseWindowMethodOverride;
public Action MinWindowMethodOverride;
public Action MaxWindowMethodOverride;
public Action SkinWindowMethodOverride;
public Action MenuWindowMethodOverride;
//2016-6-3 11:20:46添加用于调整窗体大小时候触发委托
public Action ResizeWindowInvokeMethod;

关于AyWindow的介绍就到这里，我的设计是背景与内容分离，我提供背景层，拖拽层，阴影层，右上角层，左上角层，还有给你留的内容层，内容你去画，这就是我的aywindow。

AYUI提供了将近50个控件，还有很多其他控件.

====================www.ayjs.net 杨洋 wpfui.com ayui ay aaronyang=======请不要转载谢谢了。=========

接下来，我们开始做360领航版。

修改窗体后的代码：对了aywindow，建议一直设置minheight和minwidth，不要设置maxwidth和maxheight，因为resize的方式是我写的，不支持maxwidth和maxheight，ay也不打算去解决。

<control:AyWindow x:Class="AYUI360.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:control="http://www.ayjs.net/controls"
        Title="AY的360安全卫士" Height="629" Width="829"  MinHeight="629" MinWidth="829"
        WindowStartupLocation="CenterScreen" ResizeMode="NoResize" MaxButtonVisibility="Collapsed"
        Icon="/AYUI360;component/Contents/Images/ICONS/app.ico" TitleVisibility="Collapsed"
        >
    <Grid Margin="0,-24,0,0" Background="Transparent">

    </Grid>
</control:AyWindow>

文章写的太长，看起来太累，大家先玩玩AyWindow吧，在上面加上内容

明天看是aywindow加上内容，1天搞定第一个页面。