Ay.Framework.WPF 2.0建立项目到底有多快

2015-3-31 今天我已经优化了很多地方,让客户使用起来几乎是傻瓜式使用了,废话不多说,我们开始吧。

默认的我提供了一些图片,但是也只占用了8M多,2.0版本目前总共有45M左右大小,毕竟包含了fontawesome字体包,还有cefsharp

Image 1.png

如上图,Ay.Framework.WPF.dll也只有935K大小,还是比较小的

①新建WPF应用程序项目

Image 3.png

接着拷贝Ay.Framework.WPF.2.0.zip到项目中,并解压

Image 4.png

添加引用,并设置x64位平台

配置可以换成Release,这里随便你自己,当然开发时候用32位版本,因为xaml的可视化界面的,需要32位的,当然我会提供32位和64位两个版本,64位性能更好点。

接下生成项目,看是否报错了

Image 9.png

打开App.xaml换成 关闭方式换成 ShutdownMode="OnExplicitShutdown"

打开App.xaml.cs重写OnStartup方法,我们设置统一主题,这里的名字,例如Default是根据Ay.Framework.WPF的Themes下决定的,你这要在对应的文件夹里面的xaml写不同的样式就ok了

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
using System;
using System.Collections.Generic;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Threading.Tasks;
using System.Windows;
using Ay.Framework.WPF.Controls;
 
namespace AyFrameworkDemo
{
    /// <summary>
    /// App.xaml 的交互逻辑
    /// </summary>
    public partial class App : Application
    {
        protected override void OnStartup(StartupEventArgs e)
        {
            Application.Current.ApplyTheme("Default");
            base.OnStartup(e);
        }
    }
}

Image 11.png

Ok,第一个DEMO,AyFontButton的使用

如果你想使用,第一步xaml中肯定是需要引入空间

 xmlns:skin="clr-namespace:Ay.Framework.WPF.Controls;assembly=Ay.Framework.WPF"

接着使用

1
2
3
4
5
6
7
8
9
10
11
12
13
<Window x:Class="AyFrameworkDemo.MainWindow"
        xmlns:skin="clr-namespace:Ay.Framework.WPF.Controls;assembly=Ay.Framework.WPF"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <skin:AyFontButton  ToolTip="我是带图标的按钮"  Width="90" FontAwesome="&#xf1cb;" Height="25"
                           VerticalAlignment="Center" HorizontalAlignment="center"  x:Name="btnSelect3dModel" >
            模型按钮
        </skin:AyFontButton>
 
    </Grid>
</Window>

为了使用AyWindow,由于背景图片的配置,你需要拷贝Ay.Framework.WPF.2.0自带的文件夹结构到解决方案或者输出目录,解决方案的话,你需要设置文件可以复制到输出目录

Image 13.png

Image 12.png

这是一个Font按钮,也就是使用的FontAwesome,你只需要指定个图标,指定个字,效果图,动画十足。

ayfontbutton1.gif

ok,接着演示最霸道的AyWindow

你只需要后台窗口继承AyWindow,然后xaml中,前台的Window换成skin:AyWindow,这里的skin是你指定的别名。

接着你需要引入提供的Expression四大库

Image 14.png

OK,来吧,运行项目

Image 16.png

我们点击小衣服图标

Image 17.png

当然这里换背景,是自动全部打开,继承AyWindow的窗口自动换肤,并且记录换的记录,下次打开窗口还是这个背景图片

动画方式演示

32.gif

自带24种动画效果,打开输出目录,这里是Release文件夹下的,AyConfig文件夹下的application.xml

Image 18.png

修改 skinSwitchAnimation 的value属性为22,修改,保存后,在双击exe程序打开

 

例如24

更多动画不演示了。

演示浏览器控件用法

1
   <skin:AyBrowser x:Name="cwb" Address="http://www.ayjs.net"/>

效果演示:

33.gif

311.gif

当然这个浏览器是谷歌37的内核的,当然显示个局部网页还是很好的,比如说一个百度地图位置

关于更厉害的AyTabControl更牛,这里不演示了,只想说明一点,Ay.Framework.WPF用起来很简单。

谢谢你的阅读

posted @ 2015-03-31 19:07  AYUI框架  阅读(1458)  评论(0编辑  收藏  举报