[2022年3月1日]AYUI7

时间：2020年09月18日 | 作者 : aaronyang | 分类 : AY梦 | 浏览: 65712次 | 评论 18 人

AYUI7.X MVC讲解

2017-10-29 第一课
2017-10-30 第二课

       最新7.6插件下载：AYUI

兼容：XP到win10，vs2017到2019

一次购买,永久免费更新,bug及时修复,AY一人开发，普通话沟通问题。3个月技术支持

获得AYUI开发，请打开VS2017或者2019，打开工具栏的  拓展和更新  搜索AYUI，下载 AYUI7 版本  安装即可获得。

谢谢你的使用。AY框架中，不怎么使用 wpf自带的TabControl,Datepicker,calendar,datagrid控件。

2分钟了解AYUI7.X框架

AYUI框架官方教程： https://pan.baidu.com/s/1qYV28Vi

医疗风格DEMO：https://pan.baidu.com/s/1jHWJQzO

更新记录

[2022-3-18更新]AYUI7 更新记录-AY梦-aaronyang技术分享 (ayjs.net)

（AYUI 从2019年10月开始，不再售卖DLL版本，直接是全源码版本，自学版就是没有我的服务，但是bug的问题可以反馈，我可以修复）

现在AYUI7 价格500元，全源码（包含框架代码），赠送demo，网盘+QQ的demo+有个监控demo+QQ管家2018+OAUI+商贸助手DEMO

一次购买，后期源码更新了免费更新

AYUI8：前往查看

AYUI更多主题用法：AaronYang技术分享 (ayjs.net)

AY的视频教程（AYUI相关的在帖子下方）： 查看

QQ音乐源码免费下载 

链接：https://pan.baidu.com/s/1G-bGauIVOlb5JczozfijCA 

提取码：5c0h 

版本号说明：

先安装 AYUI7.vsix

AYUI7  更新教程说明：

vs2015以上的VS安装：

关闭所有VS后，双击AYUI7.vsix

安装后，新建AYUI7项目。

插件提供功能如下：

    1.快速提示，在 xaml上 输入aymvc然后tab+tab，快速创建mvc的xaml级别的路由代码，也可以在xaml元素上使用Mvc.Event,Parameter,Action

                       在Controller级别里面，输入ayaction  然后tab+tab  快速创建  action代码段

      输入ayconst 然后tab+tab 创建常量

      在Model中输入  ayprop  然后tab+tab 快速创建 具有通知的属性

                       输入propr创建只读的依赖属性

      输入aym 快速创建方法

     2.MVC 三层右键菜单互相跳转，在xaml代码中右键，可以前往对应的   Controller和Model层，按下F7快速到xaml.cs文件

                               在Controller中右键，可以前往对应的View和Model层，还有xaml.cs层

                               在Model中右键，可以前往对应的View和Controller层，还有xaml.cs层

                               在xaml.cs中右键，可以前往Model和View和Controller层

                               WPF项目中右键，可以复制packuri路径，快速前往 消息key的文件 和 Session的Key文件

     3. 提供项目模板，  创建AYUI7标准项目，可以创建MVC 3层的AyWindow,AyPage,Page,UserControl文件，可以创建 Ay验证器3种

AYUI7类库说明，对应的类库源码下有 txt说明文件。

1. Ay.MvcFramework （可用于任意wpf项目，使用ay的mvc模式）

       - 引用Pure       (Reference Pure.dll)

      MVC库 => 用于定义客户端规范，例如：xaml拓展，过滤器等

2. Ay.MvcFramework.Animation （可用于任意wpf项目）

   - 无引用  (No References)

    AY动画库 => 用于处理和拓展动画

3. Ay.MvcFramework.AyFunc （可用于任意wpf项目）

   - 引用Pure (Reference Pure.dll)

    桌面开发功能库 => 中型纯方法库，用于桌面开发

4. Ay.MvcFramework.Config   （可用于AYUI项目）

    - 引用Pure   (Reference Pure.dll)

    用于管理AYUI项目的一些 目录配置等信息，这里包含了皮肤窗口Model和用于登陆窗口Model和序列化的信息

5. Ay.MvcFramework.CsShared    （可用于任意wpf项目，程序集）

   - 无引用   (No References)

    MvvmLight的消息和AYUI.Session共享

6. Ay.MvcFramework.Pure（可用于任意C#项目）

- 无引用 (No References)

    类型转换库 => 纯方法库，用于任意类型项目

7. Ay.MvcFramework.Wpf （可用于AYUI项目）

- 引用Mvc,Animation,AyFunc,Config,CsShared,Pure   (Reference Mvc,Animation,AyFunc,Config,CsShared,Pure)

  主题库=> 主题切换+ 控件 + 外观+AY表达式+wpf助手类

http://www.ayjs.net/post/640.html

AYUI7.X MVC讲解

2017-10-29 第一课 https://pan.baidu.com/s/1o8j1xb0 

2017-10-30 第二课 https://pan.baidu.com/s/1jHCzFqY 

插件下载：AYUI

兼容：XP到win10，vs2012到2017   

获得AYUI开发，请打开VS2015或者2017，打开工具栏的  拓展和更新  搜索AYUI，下载 AYUI7 版本  安装即可获得。

谢谢你的使用。AY框架中，不怎么使用 wpf自带的TabControl,Datepicker,calendar,datagrid控件。

插件在线地址 https://marketplace.visualstudio.com/items?itemName=chinaAY.AYUI7MVCByAY 

分析自己的目前wpf的状态：http://www.ayjs.net/post/464.html

aywindow的教程和颜色系统和 验证表达式学习：http://www.ayjs.net/post/554.html

然后对照框架的控件的使用demo学习使用

这是我的表单表达式http://www.ayjs.net/post/499.html

实现无后台验证的 xaml中  文本框rule的写法

http://www.iconfont.cn/这是图标库，搜索图标后，点击下载svg，用记事本打开，找到只有一个path段的那种图标可以用

例如

下面是一个图标，我下的svg

<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1490683109398" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2387" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M888.32437 534.475897 521.100644 901.701606c-24.825427 24.796756-54.867888 41.024345-86.591712 49.067532 15.004345-17.522072 27.491252-37.211507 36.811916-58.651818 10.264192-6.014994 20.092437-12.939707 28.87175-21.718651l191.079753-191.062524L565.430082 553.46539l183.586791-183.577039c10.492399-10.492982 10.492399-27.508517 0-37.999452-10.492399-10.475586-27.491252-10.475586-37.98365 0L527.431082 515.483334l-36.821126-36.826743 0-78.290087 131.797137-131.782396c73.413021-73.426313 192.469461-73.426313 265.9183 0C961.737391 342.012468 961.737391 461.064934 888.32437 534.475897zM490.609956 628.276237 490.609956 552.312124l36.821126-36.82879 38.000024 37.982056L490.609956 628.276237zM266.766656 960.632787c-103.841285 0-188.028126-84.183308-188.028126-188.020234L78.73853 253.30103c0-103.836927 84.186841-188.020234 188.028126-188.020234s188.028126 84.183308 188.028126 188.020234l0 519.311523C454.794783 876.450503 370.607941 960.632787 266.766656 960.632787zM417.878485 260.628926c0-81.803097-69.303251-148.115386-151.111829-148.115386-81.806531 0-152.614105 66.312288-152.614105 148.115386l0 270.243911 72.030477 0 0 259.646552c0 14.82873 12.031516 26.859741 26.860868 26.859741s26.860868-12.031011 26.860868-26.859741L239.904765 530.872836l177.972697 0L417.877462 260.628926zM213.044919 244.348124c14.829353 0 26.860868 12.013615 26.860868 26.859741l0 259.664971-53.72276 0L186.183028 271.207865C186.183028 256.361739 198.215567 244.348124 213.044919 244.348124z" p-id="2388"></path></svg>

我们看到第三行有个<path d="开头的，然后找到另一个引号的" p-id="2388"，把中间的path值拷贝出来

M888.32437 534.475897 521.100644 901.701606c-24.825427 24.796756-54.867888 41.024345-86.591712 49.067532 15.004345-17.522072 27.491252-37.211507 36.811916-58.651818 10.264192-6.014994 20.092437-12.939707 28.87175-21.718651l191.079753-191.062524L565.430082 553.46539l183.586791-183.577039c10.492399-10.492982 10.492399-27.508517 0-37.999452-10.492399-10.475586-27.491252-10.475586-37.98365 0L527.431082 515.483334l-36.821126-36.826743 0-78.290087 131.797137-131.782396c73.413021-73.426313 192.469461-73.426313 265.9183 0C961.737391 342.012468 961.737391 461.064934 888.32437 534.475897zM490.609956 628.276237 490.609956 552.312124l36.821126-36.82879 38.000024 37.982056L490.609956 628.276237zM266.766656 960.632787c-103.841285 0-188.028126-84.183308-188.028126-188.020234L78.73853 253.30103c0-103.836927 84.186841-188.020234 188.028126-188.020234s188.028126 84.183308 188.028126 188.020234l0 519.311523C454.794783 876.450503 370.607941 960.632787 266.766656 960.632787zM417.878485 260.628926c0-81.803097-69.303251-148.115386-151.111829-148.115386-81.806531 0-152.614105 66.312288-152.614105 148.115386l0 270.243911 72.030477 0 0 259.646552c0 14.82873 12.031516 26.859741 26.860868 26.859741s26.860868-12.031011 26.860868-26.859741L239.904765 530.872836l177.972697 0L417.877462 260.628926zM213.044919 244.348124c14.829353 0 26.860868 12.013615 26.860868 26.859741l0 259.664971-53.72276 0L186.183028 271.207865C186.183028 256.361739 198.215567 244.348124 213.044919 244.348124z

然后在ayui的项目里面的

Contents\Config\pathicon.xml中

新建一个path_开头的节点，例如

<path_test value="M888.32437 534.475897 521.100644 901.701606c-24.825427 24.796756-54.867888 41.024345-86.591712 49.067532 15.004345-17.522072 27.491252-37.211507 36.811916-58.651818 10.264192-6.014994 20.092437-12.939707 28.87175-21.718651l191.079753-191.062524L565.430082 553.46539l183.586791-183.577039c10.492399-10.492982 10.492399-27.508517 0-37.999452-10.492399-10.475586-27.491252-10.475586-37.98365 0L527.431082 515.483334l-36.821126-36.826743 0-78.290087 131.797137-131.782396c73.413021-73.426313 192.469461-73.426313 265.9183 0C961.737391 342.012468 961.737391 461.064934 888.32437 534.475897zM490.609956 628.276237 490.609956 552.312124l36.821126-36.82879 38.000024 37.982056L490.609956 628.276237zM266.766656 960.632787c-103.841285 0-188.028126-84.183308-188.028126-188.020234L78.73853 253.30103c0-103.836927 84.186841-188.020234 188.028126-188.020234s188.028126 84.183308 188.028126 188.020234l0 519.311523C454.794783 876.450503 370.607941 960.632787 266.766656 960.632787zM417.878485 260.628926c0-81.803097-69.303251-148.115386-151.111829-148.115386-81.806531 0-152.614105 66.312288-152.614105 148.115386l0 270.243911 72.030477 0 0 259.646552c0 14.82873 12.031516 26.859741 26.860868 26.859741s26.860868-12.031011 26.860868-26.859741L239.904765 530.872836l177.972697 0L417.877462 260.628926zM213.044919 244.348124c14.829353 0 26.860868 12.013615 26.860868 26.859741l0 259.664971-53.72276 0L186.183028 271.207865C186.183028 256.361739 198.215567 244.348124 213.044919 244.348124z

"/>

然后你在ayui的项目中就可以使用这个图标了。

例如在AyIconAll中，设置属性Icon="path_test"就行了，设置Foreground调整图标颜色，也可以Foreground="{DynamicResource Ay.Brush14}"动态设置颜色,主题切换，图标就变色了，通过IconWidth,IconHeight设置图标的尺寸，如果是fa_开头的图标，请查看http://fontawesome.io/cheatsheet/

下方有fa_开头的东西，你可以在这里选择图标，然后设置Icon="fa_500px"就可以获得fa_500px这个图标了。当然icon也可以设置 image的source的写法，直接设置图片。AyIconAllButton等都是可以用的。也可以设置gif图片

其他大型的帖子：

ayui.wizard专帖： [2015-8月13日 更新]AYUI.Wizard 2.0开发进度[视频效果演示]

ayui日历开发进度专贴：点击查看

ayui QQ管家记录帖子： 点击查看

AYUI QQ8系列记录帖子：点击查看

AYUI 继续演示，仿MAC的IM，还没做完，放弃的网盘

AYUI作品 第20个演示

AYUI 第19个DEMO

AYUI 第18个作品-帮客户定制的工具箱

AYUI 第17个作品-简易的界面

AYUI原创作品 - 第16个作品 - 腾讯QQ 2017

AYUI原创作品 - 第15个作品 - AYUI风格的百度网盘

工具箱DEMO

其他DEMO

AYUI作品演示

1.官方DEMO

也是官方使用配套的DEMO，支持多显示器，图片自动配色，下载体验地址：下载

2.QQ管家

实现：6大界面模块效果和动画，包括软件管家开启效果，包括托盘图标自定义界面。 下载体验地址：下载

3.后台管理界面DEMO

实现：登陆界面，左侧树列表，右侧datagrid显示数据，以及编辑数据，分页，查询。 下载体验地址：下载

4.自定义安装界面Wizard DEMO

安装与卸载（因为当时ayui版本，不兼容xp，所以我要重新做）体验地址：下载

5. 监控系统demo

主要实现图表功能，界面还是AYUI官方DEMO改过来的。体验地址：不方便给，因为这是我帮别人做的。

6. QQ登陆窗体，3D窗体

下拉动画，item动画，键盘控件，翻转窗体，tab焦点转移等 ，体验地址：下载

7. AY做的最久的QQ播放器，还在更新,播放功能都是实现的。

 拖放调整，播放进度条，异步加载列表，换肤cef1精简版浏览器使用与本地交互，vlc使用，播放，专辑页面效果：体验地址

测试步骤：点击右下角的播放队列，然后导入本地歌曲。异步加载列表，双击播放，选中后可以拖放，可以单击未选中的item进行选区选择，

自己用Photoshop加上自己的软件运行截图，做了3个多小时，

可能时间的问题，做的不太好看哈。多多包含

======================================== AYUI       www.ayjs.net      AY         杨洋原创编写，请不要转载谢谢===============

7个作品具体帖子（包含动态图，下载体验地址）http://www.ayjs.net/post/152.html

AYUI第6个DEMO-QQ8.0

AYUI第5个demo- QQ管家制作记录

2015年12月1日  已经兼容xp

说明： 海康版和大众版，就是多了2个海康监控的wpf版本的demo的区别，其他都一样。min版本已经不卖，如果购买大众版本以上，可以赠送，打包软件，目前卸载界面还没写完。打包已经完成，供参考学习和使用

AYUI与2016-6-30日起     全面免费使用！！！！

推荐您阅读更多有关于“Ay.Framework.WPF，AYUI，”的文章

• 上一篇：VSCode里面代码提示快捷键和注释​
• 下一篇：AY H5笔记7-绘图支持剩余的部分

猜你喜欢

• AYUI WPF UI ay的博客大致一览2022-03-24
• 【AYUI 6.11.2发布】 AYUI6.X开发进度-2017-9-30 更新2017-08-16
• 使用ClickOnce发布AYUI6.X程序, 安装,卸载,程序自动检测与更新 5秒搞定2017-03-27
• AYUI原创作品 - 第15个作品 - AYUI风格的百度网盘2017-03-23
• 【开源】AYUI 酒吧纸醉金迷效果【源码】2017-01-19
• 【2017-1-19 更新】AYUI第13个作品--登陆背景动画 比腾讯的还厉害的WPF版本2017-01-18
• AYUI第12个作品-英雄联盟-魔法少女的星光水晶2.0-WPF版本2017-01-13
• AYUI 内置的Command的Behavior使用方法2016-10-24
• [2016-08-12 更新]AY日历控件开发进度- AY日历完美上线，增加节气，节日等2016-08-12
• AYUI4.3 用户需求调研2016-07-26