{"id":1573,"date":"2023-05-28T22:02:02","date_gmt":"2023-05-28T14:02:02","guid":{"rendered":"https:\/\/sanlangcode.com\/?p=1573"},"modified":"2023-05-28T22:02:02","modified_gmt":"2023-05-28T14:02:02","slug":"wpf%e5%ad%a6%e4%b9%a002%e7%aa%97%e5%8f%a3ui%e7%bb%84%e4%bb%b6%e5%a4%96%e8%a7%82%e5%ae%9e%e7%8e%b0%e5%b8%b8%e7%94%a8%e5%b1%9e%e6%80%a7%e3%80%90%e8%bd%ac%e3%80%91","status":"publish","type":"post","link":"https:\/\/sanlangcode.com\/index.php\/2023\/05\/28\/wpf%e5%ad%a6%e4%b9%a002%e7%aa%97%e5%8f%a3ui%e7%bb%84%e4%bb%b6%e5%a4%96%e8%a7%82%e5%ae%9e%e7%8e%b0%e5%b8%b8%e7%94%a8%e5%b1%9e%e6%80%a7%e3%80%90%e8%bd%ac%e3%80%91\/","title":{"rendered":"WPF\u5b66\u4e6002 UI\u7ec4\u4ef6\u548c\u7a97\u53e3\u5e03\u5c40\u3010\u8f6c\u3011"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">1. \u6982\u8981<\/h2>\n\n\n\n<p>\u548c Android \u7c7b\u4f3c, WPF\u4e2d\u4e5f\u6709\u5f88\u591a\u5185\u7f6e\u7684 UI\u7ec4\u4ef6, \u4e14\u6bd4Android\u7684\u5185\u7f6e\u7ec4\u4ef6\u8fd8\u8981\u4e30\u5bcc. \u5982:<\/p>\n\n\n\n<p>Button, Lable, TextBox, Menu, ListBox\u7b49\u7b49.<\/p>\n\n\n\n<p>\u540c\u6837\u7c7b\u4f3c\u7684\u8fd8\u6709, Android\u4e2d\u53ef\u4ee5\u4f7f\u7528 Activity, Fragment \u653e\u7f6e\u8fd9\u4e9b UI\u7ec4\u4ef6, \u5728WPF\u4e2d \u53ef\u4ee5\u4f7f\u7528 Window , Page \u653e\u7f6eUI\u7ec4\u4ef6. \u7528\u6237\u901a\u8fc7Window \u4e0e APP\u8fdb\u884c\u4ea4\u4e92.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. Window\u7684\u5916\u89c2<\/h2>\n\n\n\n<p>\u7528\u6237\u901a\u8fc7windows \u4e0eWPF \u5e94\u7528\u7a0b\u5e8f\u4ea4\u4e92. \u5728WPF\u4e2d , windows \u7531&nbsp;<code>Window<\/code>\u7c7b\u5c01\u88c5. \u8be5\u7c7b\u652f\u6301:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u521b\u5efa\u548c\u663e\u793a\u7a97\u53e3<\/li><li>\u5efa\u7acb\u6240\u6709\u8005\/\u6240\u62e5\u6709\u7a97\u53e3\u7684\u5173\u7cfb(Owner)<\/li><li>\u914d\u7f6e\u7a97\u53e3\u7684\u5916\u89c2<\/li><li>\u5bf9\u7a97\u53e3\u751f\u5b58\u671f\u8fdb\u884c\u8ddf\u8e2a\u5e76\u4e0e\u4e4b\u4ea4\u4e92<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">2.1 Window\u7684\u5916\u89c2\u7ec4\u6210<\/h3>\n\n\n\n<p>\u4e0b\u56fe\u662f Window\u7684\u57fa\u672c\u7ec4\u6210:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/docs.microsoft.com\/zh-cn\/dotnet\/framework\/wpf\/app-development\/media\/wpf-windows-overview\/window-constituent-elements.png\"><img decoding=\"async\" src=\"https:\/\/docs.microsoft.com\/zh-cn\/dotnet\/framework\/wpf\/app-development\/media\/wpf-windows-overview\/window-constituent-elements.png\" alt=\"\u663e\u793a\u7a97\u53e3\u5143\u7d20\u7684\u5c4f\u5e55\u622a\u56fe\u3002\" title=\"\u663e\u793a\u7a97\u53e3\u5143\u7d20\u7684\u5c4f\u5e55\u622a\u56fe\u3002\"\/><\/a><\/figure>\n\n\n\n<p><a href=\"https:\/\/docs.microsoft.com\/zh-cn\/dotnet\/framework\/wpf\/app-development\/media\/wpf-windows-overview\/window-constituent-elements.png\">\u663e\u793a\u7a97\u53e3\u5143\u7d20\u7684\u5c4f\u5e55\u622a\u56fe\u3002<\/a><\/p>\n\n\n\n<p>Window \u5206\u4e3a\u4e24\u4e2a\u533a\u57df: \u975e\u5de5\u4f5c\u533a(Non-Client Area) \u548c \u5de5\u4f5c\u533a(Client Area).<\/p>\n\n\n\n<p>\u5176\u4e2d\u7684 \u975e\u5de5\u4f5c\u533a \u662f\u7531 WPF \u5b9e\u73b0\u7684, \u5305\u62ec \u5927\u591a\u6570 Window \u5171\u6709\u7684\u90e8\u5206, \u5305\u62ec:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Border : \u8fb9\u6846<\/li><li>Title : \u6807\u9898<\/li><li>Icon : \u56fe\u6807<\/li><li>Minimize, Maximize, Restore Button: \u6700\u5c0f\u5316, \u6700\u5927\u5316, \u8fd8\u539f \u6309\u94ae<\/li><li>Close Button : \u5173\u95ed\u6309\u94ae<\/li><li>System Menu : \u7cfb\u7edf\u83dc\u5355<\/li><li>Resize Grip : \u8c03\u6574\u5927\u5c0f\u62d6\u52a8\u5757<\/li><\/ul>\n\n\n\n<p>\u5de5\u4f5c\u533a \u662f \u975e\u5de5\u4f5c\u533a\u5185\u90e8\u7684\u533a\u57df, \u7531\u5f00\u53d1\u4eba\u5458\u81ea\u5df1\u51b3\u5b9a\u663e\u793a\u5185\u5bb9.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2.2 Window\u7684\u5b9e\u73b0<\/h3>\n\n\n\n<p>\u7c7b\u4f3c\u4e8e Android\u7684 Activity \u4e00\u822c\u7531 Activity \u5b50\u7c7b + XML \u5e03\u5c40, WPF \u4e2d\u7684 Window \u4e5f\u4e00\u822c\u7531 Window\u7684\u5b50\u7c7b + XAML \u5e03\u5c40\u6587\u4ef6\u7ec4\u6210.<\/p>\n\n\n\n<p>XAML\u4e2d\u5b9e\u73b0\u4e00\u822c\u7684\u5916\u89c2\u914d\u7f6e:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;<strong>Window<\/strong> x:Class=\"WindowDemo.MainWindow\"\n        xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n        xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n        xmlns:d=\"http:\/\/schemas.microsoft.com\/expression\/blend\/2008\"\n        xmlns:mc=\"http:\/\/schemas.openxmlformats.org\/markup-compatibility\/2006\"\n        xmlns:local=\"clr-namespace:WindowDemo\"\n        mc:Ignorable=\"d\"\n        Title=\"MainWindow\" Height=\"450\" Width=\"800\"&gt;\n    &lt;<strong>Grid<\/strong>&gt;\n \n    &lt;\/<strong>Grid<\/strong>&gt;\n&lt;\/<strong>Window<\/strong>&gt;<\/code><\/pre>\n\n\n\n<p>\u5728 Window\u7684\u5b50\u7c7b\u4e2d\u5b9e\u73b0\u4e00\u4e9b\u903b\u8f91\u5904\u7406:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>namespace<\/strong> <strong>WindowDemo<\/strong> {\n    <strong>\/\/\/<\/strong> <strong>&lt;summary&gt;<\/strong>\n    <strong>\/\/\/<\/strong> Interaction logic for MainWindow.xaml\n    <strong>\/\/\/<\/strong> <strong>&lt;\/summary&gt;<\/strong>\n    <strong>public<\/strong> <strong>partial<\/strong> <strong>class<\/strong> <strong>MainWindow<\/strong> : <strong>Window<\/strong> {\n        <strong>public<\/strong> <strong>MainWindow<\/strong>() {\n            InitializeComponent();\n        }\n    }\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">2.3 Window\u5916\u89c2\u914d\u7f6e<\/h3>\n\n\n\n<p>\u4e0a\u8ff0\u7684 XAML \u4ee3\u7801\u4e2d&nbsp;<code>Grid<\/code>&nbsp;\u53ca\u5305\u88f9\u7684\u90e8\u5206\u4e3a\u5de5\u4f5c\u533a\u57df. Window \u7684\u5916\u89c2\u914d\u7f6e\u5982\u4e0b<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Border<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>BorderBrush=\"Aqua\" \/\/\u8fb9\u6846\u989c\u8272\nBorderThickness=\"20\" \/\/\u8fb9\u6846\u5bbd\u5ea6<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Title \u548c Icon<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>Title=\"MainWindow\"\nIcon=\"App.png\"<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Minimize, Maximize, Restore Button, Resize Grip<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>ResizeMode=\"xxx\" \/\/ \u63a7\u5236\u53ef\u53d8\u5927\u5c0f\n \nResizeMode=\"CanMinimize\" \/\/ \u53ef\u6700\u5c0f\u5316 \u4e0d\u53ef\u6700\u5927\u5316\nResizeMode=\"CanResize\" \/\/ \u53ef\u6700\u5927\u5316 \u53ef\u6700\u5c0f\u5316\nResizeMode=\"CanResizeWithGrip\" \/\/ \u53ef\u7528 ResizeGrip \u8c03\u6574\u5927\u5c0f, \u540c\u65f6\u4e5f\u53ef\u6700\u5927\u6700\u5c0f\u5316\nResizeMode=\"NoResize\" \/\/\u4e0d\u53ef\u8c03\u6574\u5927\u5c0f<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>System Menu<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>ContextMenu=\"xxx\"<\/code><\/pre>\n\n\n\n<p>\u4ee3\u7801\u8c03\u6574\u5982\u4e0b:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;<strong>Window<\/strong> x:Class=\"WindowDemo.MainWindow\"\n        xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n        xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n        xmlns:d=\"http:\/\/schemas.microsoft.com\/expression\/blend\/2008\"\n        xmlns:mc=\"http:\/\/schemas.openxmlformats.org\/markup-compatibility\/2006\"\n        xmlns:local=\"clr-namespace:WindowDemo\"\n        mc:Ignorable=\"d\"\n        BorderBrush=\"Red\" BorderThickness=\"3\"\n        ResizeMode=\"NoResize\"\n        Title=\"Home\" Icon=\"App.png\"\n        Height=\"450\" Width=\"800\"&gt;\n    &lt;<strong>Grid<\/strong>&gt;\n \n    &lt;\/<strong>Grid<\/strong>&gt;\n&lt;\/<strong>Window<\/strong>&gt;<\/code><\/pre>\n\n\n\n<p>\u8fd0\u884c\u6548\u679c\u5982\u4e0b:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200229230123106.png\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo\/image-20200229230123106.png\" alt=\"image-20200229230123106\" title=\"image-20200229230123106\"\/><\/a><\/figure>\n\n\n\n<p><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200229230123106.png\">image-20200229230123106<\/a><\/p>\n\n\n\n<p>\u4ece\u4e0a\u56fe\u53ef\u89c1, Icon \u63a7\u5236\u7740 \u6807\u9898\u680f\u7684\u56fe\u6807 \u548c \u4efb\u52a1\u680f\u7684\u56fe\u6807.<\/p>\n\n\n\n<p>\u4e0a\u56fe\u662f&nbsp;<code>ResizeMode=\"NoResize\"<\/code>&nbsp;\u7684\u6548\u679c, \u5176\u4ed6\u4e0d\u540c\u7684&nbsp;<code>ResizeMode<\/code>&nbsp;\u6548\u679c\u56fe\u5982\u4e0b:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200229232758710.png\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo\/image-20200229232758710.png\" alt=\"image-20200229232758710\" title=\"image-20200229232758710\"\/><\/a><\/figure>\n\n\n\n<p><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200229232758710.png\">image-20200229232758710<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200229232840013.png\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo\/image-20200229232840013.png\" alt=\"image-20200229232840013\" title=\"image-20200229232840013\"\/><\/a><\/figure>\n\n\n\n<p><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200229232840013.png\">image-20200229232840013<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200229232922900.png\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo\/image-20200229232922900.png\" alt=\"image-20200229232922900\" title=\"image-20200229232922900\"\/><\/a><\/figure>\n\n\n\n<p><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200229232922900.png\">image-20200229232922900<\/a><\/p>\n\n\n\n<p>\u5982\u679c\u4e0d\u8bbe\u7f6e ResizeMode \u5219\u9ed8\u8ba4\u548c CanResize \u6548\u679c\u4e00\u81f4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">2.4 Window \u7684\u5176\u4ed6\u5e38\u7528\u5c5e\u6027<\/h4>\n\n\n\n<p><strong>1. AllowsTransparency<\/strong><\/p>\n\n\n\n<p>\u542b\u4e49: \u662f\u5426\u5141\u8bb8\u5de5\u4f5c\u533a\u57df\u80cc\u666f\u4e3a\u900f\u660e, \u6b64\u5c5e\u6027\u8981\u6c42\u4e0d\u9002\u7528WPF\u81ea\u5df1\u7684WindowStyle, \u5fc5\u987b\u5c06WindowStyle\u8bbe\u7f6e\u4e3a<code>None<\/code>, \u5426\u5219\u4f1a\u629b\u51fa&nbsp;<code>InvalidOperationException<\/code>\u5f02\u5e38.<\/p>\n\n\n\n<p>\u6b64\u5c5e\u6027\u4f5c\u7528\u5728\u4e8e\u5982\u679c \u5de5\u4f5c\u533a\u57df\u5c0f\u4e8e Window\u65f6, \u4e2d\u95f4\u533a\u57df\u662f\u5426\u5141\u8bb8\u900f\u660e. \u4f8b\u5982\u5de5\u4f5c\u533a\u57df\u8bbe\u7f6e\u5706\u89d2:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;<strong>Window<\/strong> x:Class=\"WindowDemo.MainWindow\"\n        xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n        xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n        xmlns:d=\"http:\/\/schemas.microsoft.com\/expression\/blend\/2008\"\n        xmlns:mc=\"http:\/\/schemas.openxmlformats.org\/markup-compatibility\/2006\"\n        xmlns:local=\"clr-namespace:WindowDemo\"\n        mc:Ignorable=\"d\"\n        WindowStartupLocation=\"CenterScreen\"\n        BorderBrush=\"Red\" BorderThickness=\"3\"\n        WindowStyle=\"None\"\n        ResizeMode=\"CanResize\"\n        Title=\"Home\" Icon=\"App.png\"\n        Height=\"450\" Width=\"800\"&gt;\n    &lt;<strong>Border<\/strong> CornerRadius=\"50\" Background=\"Aqua\"&gt;\n    &lt;\/<strong>Border<\/strong>&gt;\n&lt;\/<strong>Window<\/strong>&gt;<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8ff0\u4ee3\u7801\u6ca1\u6709\u8bbe\u7f6e&nbsp;<code>AllowsTransparency&nbsp;<\/code>, \u8fd0\u884c\u6548\u679c\u5982\u4e0b:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301000859969.png\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo\/image-20200301000859969.png\" alt=\"image-20200301000859969\" title=\"image-20200301000859969\"\/><\/a><\/figure>\n\n\n\n<p><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301000859969.png\">image-20200301000859969<\/a><\/p>\n\n\n\n<p>\u8bbe\u7f6e<code>AllowsTransparency=\"True\"<\/code>\u4ee5\u540e, \u9876\u90e8\u7684\u4e00\u4e2a\u8fb9 \u4f1a\u6d88\u5931.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301000808831.png\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo\/image-20200301000808831.png\" alt=\"image-20200301000808831\" title=\"image-20200301000808831\"\/><\/a><\/figure>\n\n\n\n<p><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301000808831.png\">image-20200301000808831<\/a><\/p>\n\n\n\n<p>\u56db\u89d2\u7684\u767d\u8272\u4e3a Window\u7684 Background\u8bbe\u7f6e\u7684\u989c\u8272. \u5982\u679c\u60f3\u53bb\u6389\u767d\u8272, \u5219\u9700\u8981\u8bbe\u7f6e Window \u7684 Background \u4e3a \u900f\u660e, \u5373:&nbsp;<code>Background=\"Transparent\"<\/code>, \u6b64\u65f6\u4ece\u56db\u89d2\u662f\u53ef\u4ee5\u770b\u5230\u4e0b\u4e00\u5c42\u7684Window\u5185\u5bb9.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301001328682.png\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo\/image-20200301001328682.png\" alt=\"image-20200301001328682\" title=\"image-20200301001328682\"\/><\/a><\/figure>\n\n\n\n<p><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301001328682.png\">image-20200301001328682<\/a><\/p>\n\n\n\n<p><strong>2. WindowStartupLocation<\/strong><\/p>\n\n\n\n<p>Window\u542f\u52a8\u65f6\u7684\u4f4d\u7f6e, \u53ef\u9009\u503c\u4e3a:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>CenterScreen : \u5728\u5c4f\u5e55\u7684\u4e2d\u5fc3<\/li><li>CenterOwner : \u5728Owner Window \u7684\u4e2d\u5fc3<\/li><li>Manual : \u7a97\u53e3\u6839\u636e\u5176 Left \u548c Top \u5c5e\u6027\u503c\u5b9a\u4f4d\u3002 \u5982\u679c\u672a\u6307\u5b9a Left \u6216 Top \u5c5e\u6027\uff0c\u5219\u5176\u503c\u7531 Windows \u51b3\u5b9a\u3002<\/li><\/ul>\n\n\n\n<p>\u4e0b\u56fe\u4e3a&nbsp;<code>CenterScreen<\/code>\u7684\u6548\u679c:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200229235000923.png\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo\/image-20200229235000923.png\" alt=\"image-20200229235000923\" title=\"image-20200229235000923\"\/><\/a><\/figure>\n\n\n\n<p><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200229235000923.png\">image-20200229235000923<\/a><\/p>\n\n\n\n<p><strong>3. ShowInTaskbar<\/strong><\/p>\n\n\n\n<p>\u8be5\u5c5e\u6027\u63a7\u5236\u662f\u5426\u5728\u4efb\u52a1\u680f\u663e\u793a\u56fe\u6807, \u5982\u679c\u8bbe\u7f6e\u4e3a&nbsp;<code>False<\/code>&nbsp;\u5219\u4e0d\u4f1a\u5728 \u4efb\u52a1\u680f\u770b\u5230\u56fe\u6807, \u5982\u679c\u8fd9\u65f6\u5019\u6700\u5c0f\u5316\u4e86Window ,\u5219\u4f1a\u5728\u5de6\u4e0b\u89d2\u663e\u793a\u4e00\u4e2a\u5c0f\u7684\u63a7\u5236\u6761, \u5982\u4e0b\u56fe:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200229235334731.png\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo\/image-20200229235334731.png\" alt=\"image-20200229235334731\" title=\"image-20200229235334731\"\/><\/a><\/figure>\n\n\n\n<p><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200229235334731.png\">image-20200229235334731<\/a><\/p>\n\n\n\n<p>\u70b9\u51fb\u8fd8\u539f\u6309\u94ae\u5219\u53ef\u8fd8\u539f\u7a97\u53e3.<\/p>\n\n\n\n<p><strong>4. ShowActivated<\/strong><\/p>\n\n\n\n<p>\u8be5\u503c\u6307\u793a\u5728\u7b2c\u4e00\u6b21\u663e\u793a\u7a97\u53e3\u65f6\uff0c\u7a97\u53e3\u662f\u5426\u5904\u4e8e\u6fc0\u6d3b\u72b6\u6001, \u5982\u679c\u8bbe\u7f6e\u4e3a False, \u6548\u679c\u5982\u4e0b:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200229235510879.png\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo\/image-20200229235510879.png\" alt=\"image-20200229235510879\" title=\"image-20200229235510879\"\/><\/a><\/figure>\n\n\n\n<p><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200229235510879.png\">image-20200229235510879<\/a><\/p>\n\n\n\n<p>\u6ce8\u610f\u4e0a\u56fe\u7684\u6807\u9898\u680f\u80cc\u666f\u7684\u989c\u8272\u662f \u672a\u6fc0\u6d3b\u72b6\u6001\u7684 \u989c\u8272.<\/p>\n\n\n\n<p><strong>5. SizeToContent<\/strong><\/p>\n\n\n\n<p>\u542b\u4e49: \u8bbe\u7f6e\u7a97\u53e3\u662f\u5426\u81ea\u52a8\u8c03\u6574\u5927\u5c0f. \u5176\u53ef\u9009\u503c\u4e3a:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Height : \u6839\u636e\u9ad8\u5ea6\u8c03\u6574<\/li><li>Width : \u6839\u636e\u5bbd\u5ea6\u8c03\u6574<\/li><li>WidthAndHeight: \u540c\u65f6\u8c03\u6574\u5bbd\u5ea6\u548c\u9ad8\u5ea6<\/li><li>Manual : \u4e0d\u8c03\u6574<\/li><\/ul>\n\n\n\n<p>\u8bbe\u7f6e\u4e3a True \u65f6, \u5982\u679c\u5de5\u4f5c\u533a\u7684\u5b9e\u9645\u5927\u5c0f\u6ca1\u6709Window \u5927\u5c0f, \u5219\u4f1a\u81ea\u52a8\u8c03\u6574.<\/p>\n\n\n\n<p>\u4f8b\u5982, \u5e03\u5c40\u4ee3\u7801\u5982\u4e0b:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;<strong>Window<\/strong> x:Class=\"WindowDemo.MainWindow\"\n        xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n        xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n        xmlns:d=\"http:\/\/schemas.microsoft.com\/expression\/blend\/2008\"\n        xmlns:mc=\"http:\/\/schemas.openxmlformats.org\/markup-compatibility\/2006\"\n        xmlns:local=\"clr-namespace:WindowDemo\"\n        mc:Ignorable=\"d\"\n        WindowStartupLocation=\"CenterScreen\"\n        BorderBrush=\"Red\" BorderThickness=\"3\"\n        WindowStyle=\"None\"\n        AllowsTransparency=\"True\"\n        Background=\"Transparent\"\n        ResizeMode=\"CanResize\"\n        Title=\"Home\" Icon=\"App.png\"\n        Height=\"450\" Width=\"800\"&gt;\n    &lt;<strong>Border<\/strong> CornerRadius=\"50\" Background=\"Aqua\"\n            Width=\"300\" Height=\"300\"&gt;\n    &lt;\/<strong>Border<\/strong>&gt;\n&lt;\/<strong>Window<\/strong>&gt;<\/code><\/pre>\n\n\n\n<p>\u6b64\u65f6\u6ca1\u6709\u8bbe\u7f6e SizeToContent , \u9ed8\u8ba4\u4e3a&nbsp;<code>Manual<\/code>&nbsp;\u5373 \u4e0d\u8c03\u6574\u5927\u5c0f.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301001902692.png\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo\/image-20200301001902692.png\" alt=\"image-20200301001902692\" title=\"image-20200301001902692\"\/><\/a><\/figure>\n\n\n\n<p><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301001902692.png\">image-20200301001902692<\/a><\/p>\n\n\n\n<p>SizeToContent\u7684\u5176\u4ed6\u7684\u503c\u6548\u679c\u5982\u4e0b:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301002158981.png\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo\/image-20200301002158981.png\" alt=\"image-20200301002158981\" title=\"image-20200301002158981\"\/><\/a><\/figure>\n\n\n\n<p><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301002158981.png\">image-20200301002158981<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301002228930.png\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo\/image-20200301002228930.png\" alt=\"image-20200301002228930\" title=\"image-20200301002228930\"\/><\/a><\/figure>\n\n\n\n<p><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301002228930.png\">image-20200301002228930<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301002308138.png\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo\/image-20200301002308138.png\" alt=\"image-20200301002308138\" title=\"image-20200301002308138\"\/><\/a><\/figure>\n\n\n\n<p><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301002308138.png\">image-20200301002308138<\/a><\/p>\n\n\n\n<p><strong>6. Topmost<\/strong><\/p>\n\n\n\n<p>\u542b\u4e49: \u8be5\u503c\u8bbe\u7f6e\u7a97\u53e3\u662f\u5426\u51fa\u73b0\u5728 Z \u987a\u5e8f\u7684\u6700\u9876\u5c42<\/p>\n\n\n\n<p>Topmost \u5c5e\u6027\u8bbe\u7f6e\u4e3a&nbsp;<code>true<\/code>&nbsp;\u7684\u7a97\u53e3\u5c06\u663e\u793a\u5728\u6240\u6709\u5176 Topmos t\u5c5e\u6027\u8bbe\u7f6e\u4e3a&nbsp;<code>false<\/code>\u7684\u7a97\u53e3\u4e4b\u4e0a\u3002<\/p>\n\n\n\n<p>\u5728\u5c06 Topmost \u5c5e\u6027\u8bbe\u7f6e\u4e3a&nbsp;<code>true<\/code>\u7684\u7a97\u53e3\u7ec4\u4e2d\uff0c\u5f53\u524d\u6fc0\u6d3b\u7684\u7a97\u53e3\u662f\u6700\u9876\u90e8\u7684\u7a97\u53e3\u3002<\/p>\n\n\n\n<p><strong>7. WindowStyle<\/strong><\/p>\n\n\n\n<p>\u8bbe\u7f6e Window\u7684\u98ce\u683c, \u7c7b\u4f3c\u4e8e Android Activity \u7684 theme\u8bbe\u7f6e. \u5176\u53ef\u9009\u503c\u6709:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>None : \u65e0Title bar\u533a\u57df<\/li><li>SingleBorderWindow : \u9ed8\u8ba4\u503c, Title bar \u5305\u542b icon, title,\u53ca\u6700\u5927\u5316\u6700\u5c0f\u5316\u5173\u95ed\u6309\u94ae<\/li><li>ThreeDBorderWindow : 3D\u8fb9\u6846\u98ce\u683c<\/li><li>ToolWindow : \u65e0\u6700\u5927\u5316\u6700\u5c0f\u5316\u53caIcon, \u53ea\u6709\u5173\u95ed\u6309\u94ae\u548cTitle<\/li><\/ul>\n\n\n\n<p>\u56db\u79cd\u7684\u6548\u679c\u5982\u4e0b:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301002948880.png\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo\/image-20200301002948880.png\" alt=\"image-20200301002948880\" title=\"image-20200301002948880\"\/><\/a><\/figure>\n\n\n\n<p><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301002948880.png\">image-20200301002948880<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301003046857.png\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo\/image-20200301003046857.png\" alt=\"image-20200301003046857\" title=\"image-20200301003046857\"\/><\/a><\/figure>\n\n\n\n<p><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301003046857.png\">image-20200301003046857<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301003119054.png\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo\/image-20200301003119054.png\" alt=\"image-20200301003119054\" title=\"image-20200301003119054\"\/><\/a><\/figure>\n\n\n\n<p><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301003119054.png\">image-20200301003119054<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301003157094.png\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo\/image-20200301003157094.png\" alt=\"image-20200301003157094\" title=\"image-20200301003157094\"\/><\/a><\/figure>\n\n\n\n<p><a href=\"http:\/\/image.devwiki.net\/picgo\/image-20200301003157094.png\">image-20200301003157094<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u5e03\u5c40<\/strong><\/h2>\n\n\n\n<p>WPF\u7684\u5e03\u5c40\u65b9\u5f0f\u548cAndroid\u7684\u7c7b\u4f3c, \u91c7\u7528&nbsp;<code>XAML<\/code>&nbsp;+&nbsp;<code>cs<\/code>&nbsp;\u6587\u4ef6\u63a7\u5236\u7684\u5f62\u5f0f.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">0x01. WPF \u5e03\u5c40\u539f\u5219<\/h2>\n\n\n\n<p>WPF\u7684\u7a97\u53e3\u53ea\u80fd\u5305\u542b\u5355\u4e2a\u5143\u7d20, \u5982\u679c\u5728WPF \u7a97\u53e3\u4e2d\u653e\u7f6e\u591a\u4e2a\u5143\u7d20\u9700\u8981\u5728\u7a97\u53e3\u4e0a\u6dfb\u52a0\u4e2a\u5bb9\u5668, \u7136\u540e\u5728\u5bb9\u5668\u4e2d\u6dfb\u52a0\u5176\u4ed6\u5143\u7d20.<\/p>\n\n\n\n<p>WPF \u9700\u9075\u5faa\u7684\u5e03\u5c40\u539f\u5219\u5982\u4e0b:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u4e0d\u5e94\u663e\u5f0f\u8bbe\u5b9a\u5143\u7d20\u7684\u5c3a\u5bf8<\/li><li>\u4e0d\u5e94\u4f7f\u7528\u5c4f\u5e55\u5750\u6807\u6307\u5b9a\u5143\u7d20\u4f4d\u7f6e<\/li><li>\u5e03\u5c40\u5bb9\u5668\u7684\u5b50\u5143\u7d20\u5171\u4eab\u53ef\u7528\u7684\u7a7a\u95f4<\/li><li>\u53ef\u4ee5\u5d4c\u5957\u5e03\u5c40\u5bb9\u5668<\/li><\/ul>\n\n\n\n<p>\u6982\u62ec\u4e0b\u6765\u5373: \u4e0d\u63a8\u8350\u4f7f\u7528\u7edd\u5bf9\u5750\u6807\u5e03\u5c40, \u5e03\u5c40\u4e2d\u53ef\u4ee5\u5d4c\u5957\u5bb9\u5668.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">0x02. \u5e03\u5c40\u8fc7\u7a0b<\/h2>\n\n\n\n<p>\u548cAndroid \u7684\u5e03\u5c40\u8fc7\u7a0b\u4e0d\u540c\u7684\u662f, WPF\u7684\u5e03\u5c40\u5305\u62ec\u4e24\u4e2a\u9636\u6bb5:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u6d4b\u91cf(measure) \u9636\u6bb5<\/li><li>\u6392\u5217(arrange) \u9636\u6bb5<\/li><\/ul>\n\n\n\n<p>\u6d4b\u91cf\u9636\u6bb5\u662f\u5bb9\u5668\u904d\u5386\u6240\u6709\u7684\u5b50\u5143\u7d20,\u5e76\u83b7\u53d6\u5b50\u5143\u7d20\u7684\u671f\u671b\u5c3a\u5bf8.<\/p>\n\n\n\n<p>\u6392\u5217\u9636\u6bb5\u662f\u5bb9\u5668\u5728\u5408\u9002\u7684\u4f4d\u7f6e\u653e\u7f6e\u5b50\u5143\u7d20.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">0x03. \u5e03\u5c40\u5bb9\u5668<\/h2>\n\n\n\n<p>\u6240\u6709\u7684WPF\u7684\u5e03\u5c40\u5bb9\u5668\u7684\u57fa\u7c7b\u4e3a&nbsp;<a href=\"https:\/\/docs.microsoft.com\/zh-cn\/dotnet\/api\/system.windows.controls.panel?view=netframework-4.8\" target=\"_blank\" rel=\"noreferrer noopener\">Panel (System.Windows.Controls)<\/a>&nbsp;\u62bd\u8c61\u7c7b\u9762\u677f, \u6b64\u7c7b\u7684\u7ee7\u627f\u5173\u7cfb\u5982\u4e0b:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>DispatcherObject\n    - DependencyObject\n        - Visual\n            - UIElement\n                - FrameworkElement\n                    - Panel<\/code><\/pre>\n\n\n\n<p>\u6b64\u5916, Panel \u7c7b\u6709\u4e09\u4e2a\u91cd\u8981\u7684\u5171\u6709\u5c5e\u6027:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Background : \u9762\u677f\u7684\u80cc\u666f<\/li><li>Children : \u9762\u677f\u4e2d\u5b58\u50a8\u7684\u6761\u76ee\u96c6\u5408<\/li><li>IsItemsHost : \u7528\u6237\u663e\u793a\u4e0eItemsControl \u63a7\u4ef6\u5173\u8054\u7684\u9879, \u975e\u81ea\u5b9a\u4e49\u9762\u677f\u4e00\u822c\u4e0d\u9002\u7528\u8be5\u5c5e\u6027.<\/li><\/ul>\n\n\n\n<p>\u5e38\u7528\u7684\u6838\u5fc3 Panel \u7684\u5b9e\u73b0\u7c7b\u6709:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/docs.microsoft.com\/zh-cn\/dotnet\/api\/system.windows.controls.stackpanel?view=netframework-4.8\" target=\"_blank\" rel=\"noreferrer noopener\"><code>StackPanel<\/code><\/a>&nbsp;: \u7c7b\u4f3c\u4e8e Android \u4e2d\u7684\u7ebf\u6027\u5e03\u5c40, \u6c34\u5e73\u6216\u8005\u7ad6\u76f4\u6392\u5217\u5b50\u5143\u7d20<\/li><li><a href=\"https:\/\/docs.microsoft.com\/zh-cn\/dotnet\/api\/system.windows.controls.wrappanel?view=netframework-4.8\" target=\"_blank\" rel=\"noreferrer noopener\"><code>WrapPanel<\/code><\/a>&nbsp;: \u53ef\u6362\u884c\u7684\u5e03\u5c40\u5bb9\u5668<\/li><li><a href=\"https:\/\/docs.microsoft.com\/zh-cn\/dotnet\/api\/system.windows.controls.dockpanel?view=netframework-4.8\" target=\"_blank\" rel=\"noreferrer noopener\"><code>DockPanel<\/code><\/a>&nbsp;: \u6839\u636e\u5bb9\u5668\u7684\u4fbf\u6377\u8c03\u6574\u5143\u7d20\u7684\u9762\u677f<\/li><li><a href=\"https:\/\/docs.microsoft.com\/zh-cn\/dotnet\/api\/system.windows.controls.grid?view=netframework-4.8\" target=\"_blank\" rel=\"noreferrer noopener\"><code>Grid<\/code><\/a>&nbsp;: \u8868\u683c\u5e03\u5c40<\/li><li><a href=\"https:\/\/docs.microsoft.com\/zh-cn\/dotnet\/api\/system.windows.controls.primitives.uniformgrid?view=netframework-4.8\" target=\"_blank\" rel=\"noreferrer noopener\"><code>UniformGrid<\/code><\/a>&nbsp;: \u5f3a\u5236\u6240\u6709\u5355\u5143\u683c\u76f8\u540c\u7684\u8868\u683c\u5e03\u5c40<\/li><li><a href=\"https:\/\/docs.microsoft.com\/zh-cn\/dotnet\/api\/system.windows.controls.canvas?view=netframework-4.8\" target=\"_blank\" rel=\"noreferrer noopener\"><code>Canvas<\/code><\/a>&nbsp;: \u7edd\u5bf9\u5750\u6807\u5e03\u5c40\u7684\u9762\u677f<\/li><\/ul>\n\n\n\n<p>\u9664\u4e86\u6838\u5fc3\u9762\u677f\u5916, Panel \u8fd8\u6709\u5f88\u591a\u4e13\u4e1a\u7684\u5b9e\u73b0, \u5982\u4e0b:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>System.Windows.Controls.Canvas\nSystem.Windows.Controls.DockPanel\nSystem.Windows.Controls.Grid\nSystem.Windows.Controls.StackPanel\nSystem.Windows.Controls.VirtualizingPanel\nSystem.Windows.Controls.WrapPanel\nSystem.Windows.Controls.Primitives.TabPanel\nSystem.Windows.Controls.Primitives.ToolBarOverflowPanel\nSystem.Windows.Controls.Primitives.UniformGrid\nSystem.Windows.Controls.Ribbon.Primitives.RibbonContextualTabGroupsPanel\nSystem.Windows.Controls.Ribbon.Primitives.RibbonGalleryCategoriesPanel\nSystem.Windows.Controls.Ribbon.Primitives.RibbonGalleryItemsPanel\nSystem.Windows.Controls.Ribbon.Primitives.RibbonGroupItemsPanel\nSystem.Windows.Controls.Ribbon.Primitives.RibbonQuickAccessToolBarOverflowPanel\nSystem.Windows.Controls.Ribbon.Primitives.RibbonTabHeadersPanel\nSystem.Windows.Controls.Ribbon.Primitives.RibbonTabsPanel\nSystem.Windows.Controls.Ribbon.Primitives.RibbonTitlePanel<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">1. StackPanel<\/h3>\n\n\n\n<p>StackPanel \u9ed8\u8ba4\u4e3a\u5782\u76f4\u6392\u5217\u5e03\u5c40, \u7528\u6cd5\u5982\u4e0b:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;<strong>Window<\/strong> x:Class=\"WPFApp.MainWindow\"\n        xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n        xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n        xmlns:d=\"http:\/\/schemas.microsoft.com\/expression\/blend\/2008\"\n        xmlns:mc=\"http:\/\/schemas.openxmlformats.org\/markup-compatibility\/2006\"\n        xmlns:local=\"clr-namespace:WPFApp\"\n        mc:Ignorable=\"d\"\n        Title=\"MainWindow\" SizeToContent=\"WidthAndHeight\" Width=\"200\" Height=\"200\"&gt;\n        \n        &lt;<strong>StackPanel<\/strong>&gt;\n                &lt;<strong>Button<\/strong> Content=\"Button1\"  Height=\"24\"\/&gt;\n                &lt;<strong>Button<\/strong> Content=\"Button2\"  Height=\"24\"\/&gt;\n                &lt;<strong>Button<\/strong> Content=\"Button3\"  Height=\"24\"\/&gt;\n                &lt;<strong>Button<\/strong> Content=\"Button4\"  Height=\"24\"\/&gt;\n        &lt;\/<strong>StackPanel<\/strong>&gt;\n&lt;\/<strong>Window<\/strong>&gt;<\/code><\/pre>\n\n\n\n<p>\u663e\u793a\u6548\u679c\u5982\u4e0b:<br><a href=\"http:\/\/image.devwiki.net\/picgo20191217200250.png\"><\/a><\/p>\n\n\n\n<p>\u5982\u679c\u66f4\u6539 StackPanel \u7684\u65b9\u5411\u4e3a\u6c34\u5e73:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>        &lt;<strong>StackPanel<\/strong> Orientation=\"Horizontal\"&gt;\n                &lt;<strong>Button<\/strong> Content=\"Button1\"  Height=\"24\"\/&gt;\n                &lt;<strong>Button<\/strong> Content=\"Button2\"  Height=\"24\"\/&gt;\n                &lt;<strong>Button<\/strong> Content=\"Button3\"  Height=\"24\"\/&gt;\n                &lt;<strong>Button<\/strong> Content=\"Button4\"  Height=\"24\"\/&gt;\n        &lt;\/<strong>StackPanel<\/strong>&gt;<\/code><\/pre>\n\n\n\n<p>\u663e\u793a\u5219\u5982\u4e0b:<br><a href=\"http:\/\/image.devwiki.net\/picgo20191217200801.png\"><\/a><\/p>\n\n\n\n<p>StackPanel \u6709\u51e0\u4e2a\u6bd4\u8f83\u5e38\u7528\u7684 attribute \u5c5e\u6027\u53ef\u5728 xaml \u4e2d\u914d\u7f6e:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>HorizontalAlignment : \u5b50\u5143\u7d20\u7684\u6c34\u5e73\u5e03\u5c40\u5bf9\u9f50\u65b9\u5f0f, \u7c7b\u4f3cAndroid\u7684Gravity. \u53ef\u9009: Center, Left, Right, Stretch<\/li><li>VerticalAlignment : \u5b50\u5143\u7d20\u7684\u5782\u76f4\u5e03\u5c40\u5bf9\u9f50\u65b9\u5f0f, \u53ef\u9009: Top, Center, Bottom, Stretch<\/li><li>Margin : \u9762\u677f\u5916\u90e8\u7684\u8fb9\u8ddd<\/li><li>MinWidth, MinHeight: \u9762\u677f\u7684\u6700\u5c0f\u5bbd\u5ea6\u548c\u9ad8\u5ea6<\/li><li>MaxWidth \u548c MaxHeight : \u9762\u677f\u7684\u6700\u5927\u9ad8\u5ea6\u548c\u5bbd\u5ea6<\/li><li>Width \u548c Height : \u9762\u677f\u7684\u5bbd\u5ea6\u548c\u9ad8\u5ea6<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">2. WrapPanel<\/h3>\n\n\n\n<p>\u4f7f\u7528WrapPanel\u9762\u677f\u627f\u8f7d\u4e0a\u9762\u7684\u56db\u4e2a\u6309\u94ae,<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;<strong>Window<\/strong> x:Class=\"WPFDemo.MainWindow\"\n        xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n        xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n        xmlns:d=\"http:\/\/schemas.microsoft.com\/expression\/blend\/2008\"\n        xmlns:mc=\"http:\/\/schemas.openxmlformats.org\/markup-compatibility\/2006\"\n        xmlns:local=\"clr-namespace:WPFDemo\"\n        mc:Ignorable=\"d\"\n        Title=\"MainWindow\" Height=\"150\" Width=\"200\"&gt;\n    &lt;<strong>WrapPanel<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button1\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button2\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button3\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button4\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n    &lt;\/<strong>WrapPanel<\/strong>&gt;\n\n&lt;\/<strong>Window<\/strong>&gt;<\/code><\/pre>\n\n\n\n<p>\u6548\u679c\u5982\u4e0b:<br><a href=\"http:\/\/image.devwiki.net\/picgo20191218145105.png\"><\/a><\/p>\n\n\n\n<p><code>WrapPanel<\/code>&nbsp;\u548c&nbsp;<code>StackPanel<\/code>&nbsp;\u7c7b\u4f3c, \u9ed8\u8ba4\u5e03\u5c40\u65b9\u5411\u4f1a\u884c, \u53ef\u4ee5\u624b\u52a8\u4fee\u6539\u4e3a\u5217:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;<strong>Window<\/strong> x:Class=\"WPFDemo.MainWindow\"\n        xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n        xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n        xmlns:d=\"http:\/\/schemas.microsoft.com\/expression\/blend\/2008\"\n        xmlns:mc=\"http:\/\/schemas.openxmlformats.org\/markup-compatibility\/2006\"\n        xmlns:local=\"clr-namespace:WPFDemo\"\n        mc:Ignorable=\"d\"\n        Title=\"MainWindow\" Height=\"150\" Width=\"200\"&gt;\n    &lt;<strong>WrapPanel<\/strong> Orientation=\"Vertical\"&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button1\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button2\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button3\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button4\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button5\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button6\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button7\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button8\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n    &lt;\/<strong>WrapPanel<\/strong>&gt;\n\n&lt;\/<strong>Window<\/strong>&gt;<\/code><\/pre>\n\n\n\n<p>\u6548\u679c\u5982\u4e0b:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo20191218145258.png\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo20191218145258.png\" alt=\"\" title=\"\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">3. DockPanel<\/h3>\n\n\n\n<p>Dock \u548c Mac \u7684 Dock\u5de5\u5177\u680f\u7c7b\u4f3c \u53ef\u4ee5\u9009\u62e9\u4e00\u4e2a\u8fb9\u505c\u9760, DockPanel \u7684\u5b50\u5143\u7d20\u4e5f\u53ef\u4ee5\u9009\u62e9\u4e00\u4e2a\u8fb9\u505c\u9760, \u4f8b\u5982:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;<strong>Window<\/strong> x:Class=\"WPFDemo.MainWindow\"\n        xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n        xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n        xmlns:d=\"http:\/\/schemas.microsoft.com\/expression\/blend\/2008\"\n        xmlns:mc=\"http:\/\/schemas.openxmlformats.org\/markup-compatibility\/2006\"\n        xmlns:local=\"clr-namespace:WPFDemo\"\n        mc:Ignorable=\"d\"\n        Title=\"MainWindow\" Height=\"150\" Width=\"200\"&gt;\n    &lt;<strong>DockPanel<\/strong> &gt;\n        &lt;<strong>Button<\/strong> Content=\"Button1\" DockPanel.Dock=\"Left\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button2\" DockPanel.Dock=\"Top\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button3\" DockPanel.Dock=\"Right\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button4\" DockPanel.Dock=\"Bottom\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button5\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n    &lt;\/<strong>DockPanel<\/strong>&gt;\n\n&lt;\/<strong>Window<\/strong>&gt;<\/code><\/pre>\n\n\n\n<p>\u8fd0\u884c\u6548\u679c\u5982\u4e0b:<br><a href=\"http:\/\/image.devwiki.net\/picgo20191218152522.png\"><\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Grid<\/h3>\n\n\n\n<p>Grid\u662f\u6700\u5e38\u7528\u7684\u4e5f\u662f\u6700\u7075\u6d3b\u7684\u5e03\u5c40\u9762\u677f, \u65b0\u5efaWindow \u9ed8\u8ba4\u7684\u5e03\u5c40\u5c31\u662f Grid:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;<strong>Window<\/strong> x:Class=\"WPFDemo.MainWindow\"\n        xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n        xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n        xmlns:d=\"http:\/\/schemas.microsoft.com\/expression\/blend\/2008\"\n        xmlns:mc=\"http:\/\/schemas.openxmlformats.org\/markup-compatibility\/2006\"\n        xmlns:local=\"clr-namespace:WPFDemo\"\n        mc:Ignorable=\"d\"\n        Title=\"MainWindow\" Height=\"200\" Width=\"200\"&gt;\n    &lt;<strong>Grid<\/strong> &gt;\n    &lt;\/<strong>Grid<\/strong>&gt;\n&lt;\/<strong>Window<\/strong>&gt;<\/code><\/pre>\n\n\n\n<p>Grid \u7684\u7f3a\u7701\u914d\u7f6e\u662f 1\u884c1\u5217\u4e00\u4e2a\u5355\u5143\u683c. \u5982\u679c\u8981\u589e\u52a0\u884c\u548c\u5217,\u9700\u8981\u5728 Grid \u5185\u90e8\u589e\u52a0&nbsp;<code>Grid.ColumnDefinitions<\/code>&nbsp;\u548c&nbsp;<code>Grid.RowDefinitions<\/code>, \u5982\u4e0b\u914d\u7f6e 2 x 3 \u7684 Grid :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;<strong>Window<\/strong> x:Class=\"WPFDemo.MainWindow\"\n        xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n        xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n        xmlns:d=\"http:\/\/schemas.microsoft.com\/expression\/blend\/2008\"\n        xmlns:mc=\"http:\/\/schemas.openxmlformats.org\/markup-compatibility\/2006\"\n        xmlns:local=\"clr-namespace:WPFDemo\"\n        mc:Ignorable=\"d\"\n        Title=\"MainWindow\" Height=\"200\" Width=\"200\"&gt;\n    &lt;<strong>Grid<\/strong> &gt;\n        &lt;<strong>Grid.ColumnDefinitions<\/strong>&gt;\n            &lt;<strong>ColumnDefinition<\/strong>&gt;&lt;\/<strong>ColumnDefinition<\/strong>&gt;\n            &lt;<strong>ColumnDefinition<\/strong>&gt;&lt;\/<strong>ColumnDefinition<\/strong>&gt;\n        &lt;\/<strong>Grid.ColumnDefinitions<\/strong>&gt;\n        &lt;<strong>Grid.RowDefinitions<\/strong>&gt;\n            &lt;<strong>RowDefinition<\/strong>&gt;&lt;\/<strong>RowDefinition<\/strong>&gt;\n            &lt;<strong>RowDefinition<\/strong>&gt;&lt;\/<strong>RowDefinition<\/strong>&gt;\n            &lt;<strong>RowDefinition<\/strong>&gt;&lt;\/<strong>RowDefinition<\/strong>&gt;\n        &lt;\/<strong>Grid.RowDefinitions<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button1\" &gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button2\" Grid.Column=\"1\" Grid.RowSpan=\"2\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button3\" Grid.Row=\"1\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button4\" Grid.Row=\"2\" Grid.ColumnSpan=\"2\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n    &lt;\/<strong>Grid<\/strong>&gt;\n\n&lt;\/<strong>Window<\/strong>&gt;<\/code><\/pre>\n\n\n\n<p>\u5728 Grid\u7684\u5b50\u5143\u7d20\u4e2d\u4f7f\u7528\u4ee5\u4e0b\u5c5e\u6027:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><code>Grid.Row<\/code>: \u5143\u7d20\u4f4d\u7f6e\u8d77\u59cb\u884c, \u4ece0\u5f00\u59cb, \u9ed8\u8ba4\u4e3a0<\/li><li><code>Grid.Column<\/code>&nbsp;\u5143\u7d20\u4f4d\u7f6e\u7684\u8d77\u59cb\u5217, \u4ece0\u5f00\u59cb, \u9ed8\u8ba4\u4e3a0<\/li><li><code>Grid.RowSpan<\/code>&nbsp;: \u5143\u7d20\u5360\u7528\u7684\u884c\u6570, \u9ed8\u8ba4\u4e3a1<\/li><li><code>Grid.ColumnSpan<\/code>&nbsp;: \u5143\u7d20\u5360\u7528\u7684\u5217\u6570, \u9ed8\u8ba4\u4e3a1<\/li><\/ul>\n\n\n\n<p>\u4e0a\u8ff0\u4ee3\u7801\u8fd0\u884c\u6548\u679c\u5982\u4e0b:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo20191218194106.png\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo20191218194106.png\" alt=\"\" title=\"\"\/><\/a><\/figure>\n\n\n\n<p>\u9ed8\u8ba4\u7684\u884c\u548c\u5217\u662f\u5747\u5206, \u53ef\u4ee5\u624b\u52a8\u8bbe\u7f6e\u884c\u5217\u5c3a\u5bf8, \u5982:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;<strong>Window<\/strong> x:Class=\"WPFDemo.MainWindow\"\n        xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n        xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n        xmlns:d=\"http:\/\/schemas.microsoft.com\/expression\/blend\/2008\"\n        xmlns:mc=\"http:\/\/schemas.openxmlformats.org\/markup-compatibility\/2006\"\n        xmlns:local=\"clr-namespace:WPFDemo\"\n        mc:Ignorable=\"d\"\n        Title=\"MainWindow\" Height=\"200\" Width=\"200\"&gt;\n    &lt;<strong>Grid<\/strong> &gt;\n        &lt;<strong>Grid.ColumnDefinitions<\/strong>&gt;\n            &lt;<strong>ColumnDefinition<\/strong> Width=\"50\"&gt;&lt;\/<strong>ColumnDefinition<\/strong>&gt;\n            &lt;<strong>ColumnDefinition<\/strong> Width=\"150\"&gt;&lt;\/<strong>ColumnDefinition<\/strong>&gt;\n        &lt;\/<strong>Grid.ColumnDefinitions<\/strong>&gt;\n        &lt;<strong>Grid.RowDefinitions<\/strong>&gt;\n            &lt;<strong>RowDefinition<\/strong>&gt;&lt;\/<strong>RowDefinition<\/strong>&gt;\n            &lt;<strong>RowDefinition<\/strong>&gt;&lt;\/<strong>RowDefinition<\/strong>&gt;\n            &lt;<strong>RowDefinition<\/strong>&gt;&lt;\/<strong>RowDefinition<\/strong>&gt;\n        &lt;\/<strong>Grid.RowDefinitions<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button1\" &gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button2\" Grid.Column=\"1\" Grid.RowSpan=\"2\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button3\" Grid.Row=\"1\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button4\" Grid.Row=\"2\" Grid.ColumnSpan=\"2\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n    &lt;\/<strong>Grid<\/strong>&gt;\n\n&lt;\/<strong>Window<\/strong>&gt;<\/code><\/pre>\n\n\n\n<p>\u8fd0\u884c\u6548\u679c\u5982\u4e0b:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo20191219204207.png\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo20191219204207.png\" alt=\"\" title=\"\"\/><\/a><\/figure>\n\n\n\n<p>\u7c7b\u4f3c\u4e8eAndroid\u7684\u767e\u5206\u6bd4\u5e03\u5c40, Grid\u4e5f\u53ef\u4ee5\u6309\u7167\u6bd4\u4f8b\u8bbe\u7f6e\u6bcf\u884c\u7684\u5c3a\u5bf8, \u540c\u6837\u4e5f\u53ef\u4ee5\u6dfb\u52a0\u5206\u9694\u6761:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;<strong>Window<\/strong> x:Class=\"WPFDemo.MainWindow\"\n        xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation\"\n        xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\n        xmlns:d=\"http:\/\/schemas.microsoft.com\/expression\/blend\/2008\"\n        xmlns:mc=\"http:\/\/schemas.openxmlformats.org\/markup-compatibility\/2006\"\n        xmlns:local=\"clr-namespace:WPFDemo\"\n        mc:Ignorable=\"d\"\n        Title=\"MainWindow\" Height=\"200\" Width=\"200\"&gt;\n    &lt;<strong>Grid<\/strong> &gt;\n        &lt;<strong>Grid.ColumnDefinitions<\/strong>&gt;\n            &lt;<strong>ColumnDefinition<\/strong> Width=\"*\"&gt;&lt;\/<strong>ColumnDefinition<\/strong>&gt;\n            &lt;<strong>ColumnDefinition<\/strong> Width=\"2*\"&gt;&lt;\/<strong>ColumnDefinition<\/strong>&gt;\n        &lt;\/<strong>Grid.ColumnDefinitions<\/strong>&gt;\n        &lt;<strong>Grid.RowDefinitions<\/strong>&gt;\n            &lt;<strong>RowDefinition<\/strong>&gt;&lt;\/<strong>RowDefinition<\/strong>&gt;\n            &lt;<strong>RowDefinition<\/strong>&gt;&lt;\/<strong>RowDefinition<\/strong>&gt;\n            &lt;<strong>RowDefinition<\/strong> Height=\"Auto\"&gt;&lt;\/<strong>RowDefinition<\/strong>&gt;\n            &lt;<strong>RowDefinition<\/strong>&gt;&lt;\/<strong>RowDefinition<\/strong>&gt;\n        &lt;\/<strong>Grid.RowDefinitions<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button1\" &gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button2\" Grid.Column=\"1\" Grid.RowSpan=\"2\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button3\" Grid.Row=\"1\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n        &lt;<strong>GridSplitter<\/strong> Grid.Row=\"2\" ShowsPreview=\"True\" Grid.ColumnSpan=\"2\" HorizontalAlignment=\"Stretch\" Height=\"1\"\/&gt;\n        &lt;<strong>Button<\/strong> Content=\"Button4\" Grid.Row=\"3\" Grid.ColumnSpan=\"2\"&gt;&lt;\/<strong>Button<\/strong>&gt;\n    &lt;\/<strong>Grid<\/strong>&gt;\n\n&lt;\/<strong>Window<\/strong>&gt;\n<\/code><\/pre>\n\n\n\n<p>\u8fd0\u884c\u6548\u679c\u5982\u4e0b:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/image.devwiki.net\/picgo%E5%8F%AF%E9%A2%84%E8%A7%88%E7%9A%84%E5%88%86%E9%9A%94%E6%9D%A1.gif\"><img decoding=\"async\" src=\"http:\/\/image.devwiki.net\/picgo%E5%8F%AF%E9%A2%84%E8%A7%88%E7%9A%84%E5%88%86%E9%9A%94%E6%9D%A1.gif\" alt=\"picgo\u53ef\u9884\u89c8\u7684\u5206\u9694\u6761.gif (386\u00d7342)\" title=\"picgo\u53ef\u9884\u89c8\u7684\u5206\u9694\u6761.gif (386\u00d7342)\"\/><\/a><\/figure>\n\n\n\n<p><a href=\"http:\/\/image.devwiki.net\/picgo%E5%8F%AF%E9%A2%84%E8%A7%88%E7%9A%84%E5%88%86%E9%9A%94%E6%9D%A1.gif\">picgo\u53ef\u9884\u89c8\u7684\u5206\u9694\u6761.gif (386\u00d7342)<\/a><\/p>\n\n\n\n<p>\u5982\u679c\u5c06\u4e0a\u8ff0\u7684&nbsp;<code>ShowsPreview=\"True\"<\/code>&nbsp;\u5220\u9664\u6216\u8005 \u6539\u4e3a&nbsp;<code>False<\/code>&nbsp;\u600e\u4e0d\u4f1a\u9884\u89c8\u76f4\u63a5\u6539\u53d8\u5927\u5c0f.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. \u6982\u8981 \u548c Android &#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":1536,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32,36,35],"tags":[],"class_list":["post-1573","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-c","category-wpf","category-xaml"],"_links":{"self":[{"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/posts\/1573","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=1573"}],"version-history":[{"count":0,"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/posts\/1573\/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=1573"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/categories?post=1573"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sanlangcode.com\/index.php\/wp-json\/wp\/v2\/tags?post=1573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}