[ay云更新demo] ayui3.x从入门到精通-hello ayui【1】

来源:互联网 时间:1970-01-01


AYUI我自己定义是一套骨骼级别的wpf的UI框架,就是说,界面不通用,但是界面可千变万化,应该可以覆盖很多软件的界面。变化的前提是,你要掌握wpf的控件的开发技巧,ayui包括了我的很多技巧在里面,我把一些有规律的控件整合了在一起,并用了一个简单的demo来说明使用,我只是简单了套了层皮而已

新建wpf项目,我的叫AyYunGenXin,为了兼容xp,我用了

AYUI大众版,购买回去后,只需要使用 ,选中的两个

我们拷贝到ayyungengxin项目里面

然后项目添加现有项目

由于我个人问题,大家看下 框架的属性,生成的那个tab

这里如果你用不到海康,建议你换成any cpu,海康的话,使用到C++,所以要不是x86,要不是x64,在wpf的x64的话,xaml的设计视图是不出来的。

然后下方有个

你把你的ayyungenxin的输出路径,也改成这个

然后添加引用

接下来,打开app.xaml.cs

加入一行代码,就OK了

using System.Windows;using Ay.Framework.WPF.Controls;namespace AyYunGenXin{/// <summary>/// App.xaml 的交互逻辑/// </summary>public partial class App : Application{protected override void OnStartup(StartupEventArgs e){//设置整个项目的资源主题Application.Current.AYUI();//Application.Current.AddResourceDictionary(@"/AyYunGenXin;component/Resourcedd/TestDictionary.xaml").AYUI();base.OnStartup(e);}}}

这里AddResourceDictionary如果用不到其他程序集的xaml,就可以不写,比如我在ayyungenxin里加了个xaml样式,这里就需要加上了,默认调试的时候,建议在blend中新建空白项目,调试好了项目,迁移过来。高效率的wpf项目也是有细节的。如果你想在xaml中看到效果,建议在app.xaml中放样式,没问题,再迁移到单独的xaml去。

右击解决方案,重新生成吧

选中的是 ayui所需要的基本结构,也就是如果你不需要源码的时候,你只需要将这7个文件拷贝到生成目录即可

新建4个文件夹

contents用于放资源,controls放自己的控件,model放 实体和实体逻辑,view放页面,这里我放page,我的项目结构一般都这样,我不是反对mvvm,而是觉得mvvm要用的适可而止

打开app.xaml中设置关闭模式

然后打开mainwindow.cs

第一个ayWindow

打开mainwindow.cs

让它继承AyWindow shift+F10可以快速提示,导入空间

然后shift+F7 转到设计的代码,引入命名空间,设置一些属性,icon是你的项目的图标,这里我自己随便选了个,你选你自己喜欢的就行了。

xmlns:control="clr-namespace:Ay.Framework.WPF.Controls;assembly=Ay.Framework.WPF" WindowStartupLocation="CenterScreen" Icon="/Ay.Framework.WPF;component/app.ico"

然后使用

<control:AyWindow x:Class="AyYunGenXin.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:local="clr-namespace:AyYunGenXin" xmlns:control="clr-namespace:Ay.Framework.WPF.Controls;assembly=Ay.Framework.WPF" WindowStartupLocation="CenterScreen" Icon="/Ay.Framework.WPF;component/app.ico"mc:Ignorable="d" Title="MainWindow" Height="350" Width="525"> <Grid> </Grid></control:AyWindow>

接着我们需要设置最小宽高,这里我使用picpick的坐标工具,我自己设置的快捷键shift+alt+z, z代表坐标的坐

量一下我需要仿的界面的宽高1179*730

按下F5,效果如下

Ok,hello ayui完成了,下节课,我们开始动手写这个界面

推荐您阅读更多有关于“WPF4.5,AYUI,”的文章



相关阅读:
Top