同一页面上有许多模板10调整大小答案

【问题标题】：Many template10 resizer on same page同一页面上有许多模板10调整大小
【发布时间】：2017-11-17 03:20:03
【问题描述】：

我在我的 uwp 应用程序上使用 template10 库。
我试图在同一页面上的文本框上放置 4 个调整大小控件。
但是当我拖动一个时，其他文本框的抓取器也在没有文本框的情况下移动。

我想要的是：

如果我抓住一个抓取器，只有这个抓取器应该移动
其他人不应该一起移动

你有什么想法吗？

这是我的代码：

<StackPanel x:Name="MedicalInfoGroup" Margin="0,0,0,24">

    <controls:Resizer Margin="0,0,0,24">
        <TextBox    TextWrapping="Wrap"
                    AcceptsReturn="True"
                    MinWidth="500" MinHeight="100"
                    Text="{Binding MedicalInformationsItem.Treatment, Mode=TwoWay}"
                    HorizontalAlignment="Left"
                    InputScope="Default"
                    IsSpellCheckEnabled="True">
        </TextBox>
    </controls:Resizer>

    <controls:Resizer Margin="0,0,0,24">
        <TextBox    TextWrapping="Wrap"
                    AcceptsReturn="True"
                    MinWidth="500" MinHeight="100"
                    Text="{Binding MedicalInformationsItem.MedicalHistory, Mode=TwoWay}"
                    HorizontalAlignment="Left"
                    InputScope="Default"
                    IsSpellCheckEnabled="True">
        </TextBox>
    </controls:Resizer>

    <controls:Resizer Margin="0,0,0,24">
        <TextBox    TextWrapping="Wrap"
                    AcceptsReturn="True"
                    MinWidth="500" MinHeight="100"
                    Text="{Binding MedicalInformationsItem.SurgicalHistory, Mode=TwoWay}"
                    HorizontalAlignment="Left"
                    InputScope="Default"
                    IsSpellCheckEnabled="True">
        </TextBox>
    </controls:Resizer>

    <controls:Resizer Margin="0,0,0,24">
        <TextBox    TextWrapping="Wrap"
                    AcceptsReturn="True"
                    MinWidth="500" MinHeight="100"
                    Text="{Binding MedicalInformationsItem.Allergies, Mode=TwoWay}"
                    HorizontalAlignment="Left"
                    InputScope="Default"
                    IsSpellCheckEnabled="True">
        </TextBox>
    </controls:Resizer>

</StackPanel>

【问题讨论】：

标签： c# xaml uwp template10

【解决方案1】：

尝试将 Resizer 的 HorizontalAlignment 设置为 Left 而不是 TextBox

<controls:Resizer Margin="0,0,0,24"
                  HorizontalAlignment="Left">
    <TextBox TextWrapping="Wrap"
             AcceptsReturn="True"
             MinWidth="500" MinHeight="100"
             Text="{Binding MedicalInformationsItem.Treatment, Mode=TwoWay}"
             InputScope="Default"
             IsSpellCheckEnabled="True">
    </TextBox>
</controls:Resizer>

【讨论】：

哇，它有效。非常感谢 Shawn 你能解释一下在调整大小和文本框上放置水平对齐有什么区别吗？
Resizer 有一个默认的水平对齐拉伸。在它的内容中，它具有与右侧对齐的三角形夹点。由于控件会伸展以填充给定的空间，因此握把将位于最右侧。这有意义吗？