Windows应用商店和TextBox的拉伸问题，响应式设计

Question

我正在开发Windows商店应用程序，并且文本框拉伸存在很大问题。 我想要响应式设计，这意味着我使用了大量的Grids和VerticalAlignment="Stretch"和HorizontalAlignment="Stretch"

发生问题，即TextBoxes中的FontSize相同且未居中对齐。 这就是为什么我使用ViewBox原因。

但是不允许ViewBox拉伸和填充Grid单元中的空间。

<Viewbox Grid.Row="1" 
    Grid.Column="1" 
    HorizontalAlignment="Stretch" 
    VerticalAlignment="Stretch" >
    <TextBox HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch"
        Text="{Binding Name, Mode=TwoWay}" 
        HorizontalAlignment="Stretch" 
        VerticalAlignment="Stretch"/>
</Viewbox>

我可以使用一些硬编码的大小，但是在各种类型的分辨率中，我迫切希望使UI适合所有类型的设备。

我也尝试根据实际屏幕尺寸计算尺寸，但是这种方法非常麻烦。

• 您有解决该问题的想法吗？
• 在Windows Store应用中进行响应式设计的最佳方法是什么？
• 您是否不知道一些像本地winRT控件更好的第三方TextBox控件？
• 是将ViewBox用于离散控件的好方法，还是将ViewBox用于整个屏幕并设置硬编码的大小更好？

Answer 1

水平或垂直拉伸TextBox控件不会导致拉伸其中的文本，这只会导致控件调整大小以填充可用空间并在其中显示更多文本。 字形大小仍然仅取决于FontSize属性。

如果要水平对齐TextBox内容，请将TextAlignment属性设置为Horizo​​ntalAlignment.Center。 如果要垂直对齐TextBox的内容，可惜没有VerticalTextAlignment，但是可以将VerticalAlignment设置为VerticalAlignment.Center（而不是Stretch），以便TextBox可以垂直放置在其容器的中间。

为了设计适合所有类型设备的应用程序，您可以查看MSDN中的准则：

• 支持多种屏幕尺寸的准则
• 缩小布局的准则
• 快速入门：为不同的窗口大小设计应用程序

我个人的经验是，针对多种尺寸进行设计并不意味着您绝对不能硬着任何尺寸，或者您需要扩展文本框的内容。 更多的是以不同的方式重新定位，隐藏/显示元素。 查看内置的Windows Metro Apps（Now Universal）以及它们在不同大小下的行为。