您的位置:首页 > 产品设计 > UI/UE

Sharpui企业版-简单介绍【01】 【QQ群:206378966】

2016-02-17 08:37 447 查看
1. 什么是Sharpui

Sharpui是居于DUI思想的一套界面引擎,採用纯c++开发,实现完整的消息处理机制、渲染引擎分离以及灵活的控件扩展,是一款c++真正意义上的界面和业务逻辑分离的界面引擎。

Sharpui通过把界面元素抽象为一个一个单独的绘制单元,然后通过模版的概念把这些绘制单元又一次组合成一个逻辑控件。因此,界面引擎实现最核心的渲染和绘制单元,通过组合得到各种各样的逻辑控件。从而满足不断变化的业务需求,并且。从根本上使得界面的开发简单、高效,业务真正地仅仅关心自己的业务逻辑,至于业务数据的展现则通过界面引擎数据绑定核心层自己主动完毕。

以下是Sharpui一部分控件截图:



2. Sharpui的优势

Sharpui是眼下c++领域优秀的界面引擎,其採用了和传统全然不一样的实现方式,传统的DUI界面库一般使用的是界面驱动数据;而Sharpui採用的是数据驱动界面。

传统界面驱动数据的界面引擎缺点:

用户的业务数据和界面耦合性较高;
数据和UI的交互开发量较大。并且easy出错;
整个系统的扩展性和灵活性受到极大限制;
系统开发效率相对较低,开发的代码量大。
差点儿不支持键盘操作。

Sharpui界面引擎採用数据驱动界面方式实现。其特点例如以下:

实现数据绑定,自己主动完毕用户数据和UI控件同步更新,用户真正仅仅需专注业务逻辑。开发效率更高效、更智能、更轻松;
对控件抽象。居于类级别控件属性机制。有效节约系统占用的内存空间;
实现完整的虚拟显示机制,轻松支持100000+数据项的呈现,大幅加速应用程序的启动速度和降低内存的占用;
完好的动画框架,用户可以轻松开发各种高效、酷炫的动画,满足实际业务需求,提升产品的用户体验。
完整的键盘支持,没有鼠标也能完毕界面操作;
先进资源结构设计,可轻松实现多语言、换肤效果(可以更换布局、内容);
千锤百炼的重构和优化,使得Sharpui在内存和性能都有完美体现。

上述简单说明了Sharpui相对传统的DUI界面特有的优势。后面会通过实际代码演示数据驱动界面的强大、简单和高效。

3. Sharpui总体结构

下图是整个Sharpui的总体结构:



4. Hello,Sharpui

Sharpui进行项目开发简单、高效,以下给出一个简单的事例让大家有个直观的印象,实现一个Hello,Sharpui的窗体显示:

布局文件描写叙述例如以下:

<?xml encoding="utf-8" ?>

<Window Name="window1" >

<Window.Resources >

<SolidColorBrush x:Key="Window_Bk" Color="#288ADD" />

<SolidColorBrush x:Key="Border_Bk" Color="#298ADD" />

<Style TargetType="Window">

<Setter Property="Background" Value="{DynamicResource Window_Bk}" />

<Setter Property="BorderBrush" Value="{DynamicResource Border_Bk}" />

<Setter Property="BorderThickness" Value="0" />

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="Window">

<Border Background="{TemplateBinding}" CornerRadius="2.5"

BorderBrush="{TemplateBinding}" BorderThickness="{TemplateBinding}" >

<AdornerDecorator>

<ContentPresenter />

</AdornerDecorator>

</Border>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</Window.Resources>

<Grid>

<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="Hello,Sharpui" />

</Grid>

</Window>

以下附上几个Demon截图(如须要进一步了解请加QQ群:206378966):

Sharpui主要控件演示界面:



主要Demon截图:









内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: