XAML 保证金错误

Question

我正在尝试在 windows 通用应用程序上生成动态表单，但边距有问题。

我喜欢将 Radiobutton 和 Textbox 都放在左边距为 0 的位置。问题是文本框无法留在左侧，我的两个控件的边距都为 0，不知何故文本框被推到了屏幕的右侧。

这是我运行应用后的结果。

Windows 通用应用程序在 Windows 10 上的输出结果

我的脚本文件名 MainPage.xaml.cs 项目 AppTestTrash

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Runtime.InteropServices.WindowsRuntime;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Navigation;
namespace AppTestTrash
{
    /// <summary>
    /// An empty page that can be used on its own or navigated to within a Frame.
    /// </summary>
    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();
        }

        private void Page_Loaded(object sender, RoutedEventArgs e)
        {
            //Add dynamic RadioButton
            var dynamicRadiobtn = new RadioButton();
            dynamicRadiobtn.Name = "testme";
            dynamicRadiobtn.Height = 30;
            dynamicRadiobtn.Width = 50;
            dynamicRadiobtn.Margin = new Thickness(0, 100, 0, 0);
            dynamicForm.Children.Add(dynamicRadiobtn);

            //Add dynamic texbox
            var dynamicTextbox = new TextBox();
            dynamicTextbox.Name = "testme2";
            dynamicTextbox.Height = 30;
            dynamicTextbox.Width = 50;
            dynamicTextbox.Margin = new Thickness(0, 120, 0, 0);
            dynamicForm.Children.Add(dynamicTextbox);
        }
    }
}

XAML 文件 mainpage.xaml

<Page
    x:Class="AppTestTrash.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:AppTestTrash"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" Loaded="Page_Loaded">

    <Grid Name="mainGrid"  BorderBrush="AliceBlue"  Width="500" Height="500" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" BorderThickness="2">
        <StackPanel Name="dynamicForm" BorderThickness="1">
        </StackPanel>
    </Grid>
</Page>

Answer 1

要解决此问题，您可以像下面这样设置 dynamicTextbox 的 HorizontalAlignment property to Left。

//Add dynamic texbox
var dynamicTextbox = new TextBox();
dynamicTextbox.Name = "testme2";
dynamicTextbox.Height = 30;
dynamicTextbox.Width = 50;
dynamicTextbox.HorizontalAlignment = HorizontalAlignment.Left;
dynamicTextbox.Margin = new Thickness(0, 120, 0, 0);
dynamicForm.Children.Add(dynamicTextbox);

HorizontalAlignment 的默认值是 Stretch，因此即使左边距为 0，您的文本框也会位于网格的中心。有关详细信息，请参阅 HorizontalAlignment 的备注。

XAML 保证金错误

XAML margin error

c#

xaml

win-universal-app

uwp