{"id":2300,"date":"2024-07-24T15:46:34","date_gmt":"2024-07-24T07:46:34","guid":{"rendered":"https:\/\/sanlangcode.com\/?p=2300"},"modified":"2024-07-24T15:46:34","modified_gmt":"2024-07-24T07:46:34","slug":"wpf-ui%e6%8e%a7%e4%bb%b6%e5%ba%93%e5%ae%9e%e7%8e%b0%e5%bf%ab%e9%80%9f%e6%90%ad%e5%bb%ba%e7%8e%b0%e4%bb%a3%e5%8c%96%e8%bd%af%e4%bb%b6%e7%95%8c%e9%9d%a2%e7%9a%84%e5%b0%9d%e8%af%95%e5%ad%a6%e4%b9%a0","status":"publish","type":"post","link":"https:\/\/sanlangcode.com\/index.php\/2024\/07\/24\/wpf-ui%e6%8e%a7%e4%bb%b6%e5%ba%93%e5%ae%9e%e7%8e%b0%e5%bf%ab%e9%80%9f%e6%90%ad%e5%bb%ba%e7%8e%b0%e4%bb%a3%e5%8c%96%e8%bd%af%e4%bb%b6%e7%95%8c%e9%9d%a2%e7%9a%84%e5%b0%9d%e8%af%95%e5%ad%a6%e4%b9%a0\/","title":{"rendered":"WPF UI\u63a7\u4ef6\u5e93\u5b9e\u73b0\u5feb\u901f\u642d\u5efa\u73b0\u4ee3\u5316\u8f6f\u4ef6\u754c\u9762\u7684\u5c1d\u8bd5\u5b66\u4e60"},"content":{"rendered":"\n

\u6700\u8fd1\u5728\u51c6\u5907\u67d0\u9879\u76ee\u7684\u8c03\u7814\u5de5\u4f5c\u3002\u770b\u89c1\u4e86\u4e00\u4e2a\u98ce\u683c\u5341\u5206\u73b0\u4ee3\u5316\u7684WPF\u63a7\u4ef6\u5e93\u2014\u2014WPF UI\uff0c\u770b\u8d77\u6765\u6bd4\u8f83\u559c\u6b22\u3002\u52a0\u4e0a\u9879\u76ee\u9002\u914d\u5230Dot Net4.7.2 \u4e00\u76f4\u52308.0\uff0c\u503c\u5f97\u6211\u95f2\u6687\u65f6\u95f4\u5c1d\u8bd5\u5b66\u4e60\u4e00\u4e0b\u3002<\/p>\n\n\n\n

\"image-20240724154154068\"\/<\/figure>\n\n\n\n

\u5b98\u65b9\u6f14\u793aDemo \uff1aWPF UI Gallery<\/h2>\n\n\n\n

\u53ef\u4ee5\u5fae\u8f6f\u5546\u5e97\u514d\u8d39\u4e0b\u8f7d\u4f7f\u7528\u3002<\/p>\n\n\n\n

\"image-20240724150413629\"\/<\/figure>\n\n\n\n
\"image-20240724150439989\"\/<\/figure>\n\n\n\n

\u9002\u914d\u5f00\u53d1\u7248\u672c<\/h2>\n\n\n\n
\"image-20240724150130154\"\/<\/figure>\n\n\n\n

\u63a7\u4ef6\u7279\u70b9<\/h2>\n\n\n\n

\u4ee5\u6211\u5b9e\u73b0\u7684demo\u4e3a\u4f8b\u5b50<\/p>\n\n\n\n

1.\u652f\u6301\u9ed1\u767d\u7b49\u5185\u7f6e\u4e3b\u9898<\/h3>\n\n\n\n

\u4ec5\u9700\u8981\u4fee\u6539App.xaml \u914d\u7f6e\u5373\u53ef\u3002\u800c\u4e14\u652f\u6301\u8f6f\u4ef6\u8fd0\u884c\u7684\u65f6\u5019\u4fee\u6539\uff0c\u8fd9\u662f\u4f20\u7edf\u65b9\u6cd5\u65e0\u6cd5\u505a\u5230\u7684\uff0c\u4e0d\u9700\u8981\u989d\u5916\u8bbe\u7f6e\u540e\u91cd\u542f\u3002<\/p>\n\n\n\n

\"image-20240724150930764\"\/<\/figure>\n\n\n\n
\"image-20240724150953958\"\/<\/figure>\n\n\n\n
<Application x:Class=\"WpfApp3.App\"
             xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"
             xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"
             xmlns:ui=\"http:\/\/schemas.lepo.co\/wpfui\/2022\/xaml\"
             StartupUri=\"MainWindowView.xaml\">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ui:ThemesDictionary Theme=\"Light\" \/>
                <ui:ControlsDictionary \/>
            <\/ResourceDictionary.MergedDictionaries>
        <\/ResourceDictionary>
    <\/Application.Resources>
<\/Application><\/pre>\n\n\n\n
2. \u83dc\u5355\u591a\u6a21\u5f0f\u663e\u793a<\/h3>\n\n\n\n
 <ui:NavigationView Name=\"MainNavigationView\" IsBackButtonVisible=\"Visible\" PaneTitle=\"\u83dc\u5355\" 
                    PaneDisplayMode=\"Left\" Grid.Column=\"0\" Margin=\"0,0,0,0\">
     <!-- PaneDisplayMode \u53ef\u4ee5\u9009\u62e9\u591a\u79cd\u6a21\u5f0f Left\uff0c Bottom\uff0c Top\uff0c  LeftMinimal \uff0cLeftFluent-->
 <\/ui:NavigationView><\/pre>\n\n\n\n
\uff081\uff09Top<\/h4>\n\n\n\n
\"image-20240724151804352\"\/<\/figure>\n\n\n\n
\uff082\uff09Bottom<\/h4>\n\n\n\n
\"image-20240724151944524\"\/<\/figure>\n\n\n\n
\uff083\uff09LeftFluent<\/h4>\n\n\n\n
\"image-20240724152039253\"\/<\/figure>\n\n\n\n
\u5176\u4ed6\u540c\u7406\uff0c\u4e0d\u518d\u8d58\u8ff0\u3002\u6b64\u5916\u8fd8\u652f\u6301\u6d4f\u89c8\u8def\u5f84\u8fd4\u56de\u3002<\/p>\n\n\n\n
3.\u5185\u7f6eIcon\u5e93<\/h3>\n\n\n\n
\u5185\u7f6eWin\u73b0\u4ee3\u5316\u901a\u7528Icon\uff0c\u6ee1\u8db3\u5927\u90e8\u5206\u9700\u6c42\uff0c\u51cf\u5c11\u4e86UI\u7f8e\u5de5\u5de5\u4f5c\u91cf\u3002<\/p>\n\n\n\n
\"image-20240724152756774\"\/<\/figure>\n\n\n\n
\"image-20240724152914382\"\/<\/figure>\n\n\n\n
4.\u63a7\u4ef6\u517c\u5bb9\u4e0e\u81ea\u9002\u5e94<\/h3>\n\n\n\n
\u53ef\u4ee5\u548c\u4f20\u7edfWPF\u7684\u57fa\u672c\u63a7\u4ef6\u6df7\u7528\uff0c\u800c\u4e14\u81ea\u52a8\u8f6c\u6362\u98ce\u683c \uff0c\u5c5e\u6027\u547d\u540d\u57fa\u672c\u76f8\u540c\uff0c\u65e0\u9700\u5728\u591a\u4f59\u589e\u52a0\u5b66\u4e60\u6210\u672c\u3002<\/p>\n\n\n\n
\"image-20240724153449426\"\/<\/figure>\n\n\n\n
5.\u98ce\u683c\u7edf\u4e00<\/h3>\n\n\n\n
\u98ce\u683c\u5341\u5206\u7edf\u4e00\uff0c\u7b26\u5408Win\u7cfb\u7edf\u7684UI\u8bbe\u8ba1\u6807\u51c6<\/p>\n\n\n\n
\"image-20240724153754823\"\/<\/figure>\n\n\n\n
\u4e0d\u53ef\u5ffd\u89c6\u7684\u7f3a\u70b9<\/h2>\n\n\n\n
1.\u8ba2\u5236\u5316\u5b58\u5728\u96be\u5ea6<\/h3>\n\n\n\n
\u56e0\u4e3a\u98ce\u683c\u56fa\u5b9a\uff0c\u5bfc\u81f4\u5982\u679c\u5ba2\u6237\u9700\u8981\u7684\u98ce\u683c\u4e0e\u5b83\u4e0d\u4e00\u6837\uff0c\u5c31\u9700\u8981\u4e13\u95e8\u4fee\u6539\u3002<\/p>\n\n\n\n
2.\u5185\u7f6e\u4fee\u6539\u8f83\u96be<\/h3>\n\n\n\n
3.\u5b98\u65b9\u5b58\u5728\u7f3a\u9677<\/h3>\n\n\n\n
\u5728\u4f7f\u7528\u5b98\u65b9\u7684demo\u7684\u65f6\u5019\uff0c\u5728\u5207\u6362\u83dc\u5355\u663e\u793a\u7c7b\u578b\uff0c\u5b58\u5728\u5361\u6b7b\u95ea\u9000\u7684\u95ee\u9898\u3002\u8bf4\u660e\u6539\u9879\u76ee\u8fd8\u5b58\u5728\u4e00\u4e9b\u95ee\u9898\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
\u6700\u8fd1\u5728\u51c6\u5907\u67d0\u9879\u76ee\u7684\u8c03\u7814\u5de5\u4f5c\u3002\u770b\u89c1...<\/p>\n","protected":false},"author":1,"featured_media":2301,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-2300","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-4"],"_links":{"self":[{"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/posts\/2300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/comments?post=2300"}],"version-history":[{"count":0,"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/posts\/2300\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/media?parent=2300"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/categories?post=2300"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/tags?post=2300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}