1. 什么是Sharpui

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

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

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

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2hpbmEwODUx/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

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群：）：

Sharpui主要控件演示界面：

主要Demon截图：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">