想知道如何做漂亮的界面吗？（山羊软件）

哈哈，

又到我英勇无敌的小羊开发时间啦！

（鲜花，鼓掌，抢镜头）

今天，

我给大家讲解关于界面开发的问题~~~

很多读者问：

如何才能做出 Microsoft Office 2010 的软件界面呢？

这个问题问得好！

想学着开发？

首先，要去下载 Fluent SDK。（单击下载）

下载好了吗？

推荐下载 Fluent Ribbon Control Suites 1.3 这个成功的版本！

那么，如何开发呢？

看如下图片！这是开发成品。

首先，新建一个WPF程序（最好是Visual Basic，环境：Visual Studio 2010）。

在Application.xaml里的Application.Resources节点里添加一条样式代码。

银色：<ResourceDictionary Source="pack://application:,,,/Fluent;Component/Themes/Office2010/Silver.xaml" />

蓝色：<ResourceDictionary Source="pack://application:,,,/Fluent;Component/Themes/Office2010/Blue.xaml" />

黑色：<ResourceDictionary Source="pack://application:,,,/Fluent;Component/Themes/Office2010/Black.xaml" />

然后，在我们要设置 Fluent 界面的文档里修改一下，基本上是这样的；

 

 

<Fluent:RibbonWindow x:Class="MainWindow"
                     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                     Title="MainWindow"
                     Height="600" FontFamily="Microsoft YaHei"
                     Width="800"
                     xmlns:Fluent="clr-namespace:Fluent;assembly=Fluent"
                     Name="MainWindow"
                     Icon="MainIcon.ico"
                     WindowStartupLocation="CenterScreen"
                     WindowState="Maximized">

    <Grid>
        <!--Ribbon-->
        <Fluent:Ribbon DockPanel.Dock="Top" BackstageBrush="Blue" Name="Ribbon" FontFamily="Microsoft YaHei" >
            <!--Tab-->
            <Fluent:RibbonTabItem Name="RibbonTabItem1" Header="主页" FontFamily="Microsoft YaHei" >
                <Fluent:RibbonGroupBox Header="组框" IsLauncherVisible="True" FontFamily="Microsoft YaHei" >
                    <Fluent:Button Text="最大" Name="LargeButton" FontFamily="Microsoft YaHei"  Size="Large"/>

                    <Fluent:Button Text="综合" Name="MiddleButton" FontFamily="Microsoft YaHei" Size="Middle" />

                    <Fluent:Button Text="最小" Name="SmallButton" FontFamily="Microsoft YaHei" Size="Small" />
                </Fluent:RibbonGroupBox>
            </Fluent:RibbonTabItem>
            <Fluent:Ribbon.ToolBarItems>
                <Fluent:Button Name="Help" Text="帮助" FontFamily="Microsoft YaHei" Size="Small" Icon="Images/Help.png"/>
            </Fluent:Ribbon.ToolBarItems>
            <!--BackstageItems-->
            <Fluent:Ribbon.BackstageItems>
                <Fluent:Button Text="关闭" Icon="Images/Exit.png" Name="ExitButton" FontFamily="Microsoft YaHei" />
            </Fluent:Ribbon.BackstageItems>
        </Fluent:Ribbon>
        <StatusBar Height="23" Name="StatusBar1" VerticalAlignment="Bottom" />
    </Grid>
</Fluent:RibbonWindow>

 

基本一个 Fluent 界面就构建好了。

Fluent.Button类型是必须要设置Size的，否则默认是Large，这个不像 C++ Ribbon 编辑器一样好设置的。

图标的问题要通过设置 LargeIcon（大图标） 属性和 Icon（小图标）来完成的。

其他的将会在以后贴出，供大家学习。