一个从未接触过开发C#桌面应用的人怎么使用WPF框架:HandyControl

我学习了一天的成果 ,有不对的地方麻烦联系我修改,以免误人子弟。

官方文档网址:https://handyorg.github.io/handycontrol/quick_start/

第一步:准备工具“Visual Studio 2022”
第二步:双击打开,点击“创建新项目
第三步:搜索“WPF”,选择第一个WPF应用程序,点击下一步

第四步:输入项目名字,点击下一步,点击创建即可。

创建好之后进入的页面应该是长这个样子的,可能因为版本不同布局不一样,不过没关系

第五步:右键点击“解决方案项目”,如果没有如下图操作

有了之后如下图操作打开管理解决方案的NuGet程序包

如下图,选择浏览,输入“HandyControl”之后选择第一个,选中你的项目,点击安装即可

点击应用--->我接受

第六步:左侧的解决方案找到 App.xaml 点击,修改如下,代码在下面:

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="pack://application:,,,/HandyControl;component/Themes/SkinDefault.xaml"/>
            <ResourceDictionary Source="pack://application:,,,/HandyControl;component/Themes/Theme.xaml"/>
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>
第七步:在左侧的解决方案找到 MainWindow.xaml ,点击打开在下面插入代码,如下图:

xmlns:hc="https://handyorg.github.io/handycontrol"
第八步:现在就可以使用 HandyControl 的样式了以按钮为例,插入代码得到如下图效果:
<Grid>
    <StackPanel Orientation="Vertical">
        <StackPanel Orientation="Horizontal">
            <Button Content="按钮" Margin="10,10" Width="75"
                    Style="{StaticResource ButtonBaseBaseStyle}" Foreground="Black" />
            <Button Content="按钮" Margin="10,10" Width="75"
                    Style="{StaticResource ButtonDanger}" />
            <Button Content="按钮" Margin="10,10" Width="75"
                    Style="{StaticResource ButtonDashedDanger}" />
            <Button Content="按钮" Margin="10,10" Width="75"
                    Style="{StaticResource ButtonDashedInfo}" />
            <Button Content="按钮" Margin="10,10" Width="75"
                    Style="{StaticResource ButtonInfo}" />
            <Button Content="按钮" Margin="10,10" Width="75"
                    Style="{StaticResource ButtonPrimary}" />
        </StackPanel>
        <StackPanel Orientation="Horizontal">
            <Button Content="按钮" Margin="10,10" Width="75"
                    Style="{StaticResource ButtonWarning}" />
            <Button Content="按钮" Margin="10,10" Width="75"
                    Style="{StaticResource ButtonSuccess}" />
            <Button Content="按钮" Margin="10,10" Width="75"
                    Style="{StaticResource ButtonSuccess}" 
                    hc:BorderElement.CornerRadius="15"/>
            <Button Content="按钮" Margin="10,10" Width="75"
                    Style="{StaticResource ButtonDanger.Small}" />
            <Button Margin="10,10" Width="45"
                    Style="{StaticResource ButtonIcon}" 
                    hc:IconElement.Geometry="{StaticResource AddGeometry}"
                    Foreground="Green"/>
            <Button Margin="10,10" Width="45"
                    Style="{StaticResource ButtonIcon}" 
                    hc:IconElement.Geometry="{StaticResource RemoveGeometry}"
                    Foreground="Green"/>
            <Button Margin="10,10" Width="45" Height="45"
                    Style="{StaticResource ButtonIcon}" 
                    hc:IconElement.Geometry="{StaticResource SuccessGeometry}"
                    Foreground="White"
                    Background="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
            <Button Content="按钮" Margin="10,10" Width="75"
                    Style="{StaticResource ButtonWarning}" 
                    hc:IconElement.Geometry="{StaticResource SuccessGeometry}"
                    Foreground="Black"/>
        </StackPanel>
    </StackPanel>
</Grid>

官方的代码如下:

<StackPanel Orientation="Horizontal">
    <Button Style="{StaticResource ButtonPrimary}" Content="这是一个按钮"/>
    <Button Style="{StaticResource ButtonPrimary}" Content="这是一个按钮" Margin="10,0,0,0" controls:BorderElement.CornerRadius="15"/>
    <Button Style="{StaticResource ButtonPrimary}" Content="这是一个按钮" Margin="10,0,0,0" controls:IconElement.Geometry="{StaticResource GithubGeometry}"/>
</StackPanel>

这里就会报错

controls:BorderElement.CornerRadius="15"

我暂时不知道什么原因,懂得麻烦在评论区说一下,谢谢。

这样就结束了,我正在开发WPF桌面应用程序,后续可能会更新别的关于此知识的内容,一起学习吧。

  • 8
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我的水卡丢了

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值