如何在 Windows Phone 7 中设置“表单”字段标签的样式？答案

【问题标题】：How to style "form" field labels in Windows Phone 7?如何在 Windows Phone 7 中设置“表单”字段标签的样式？
【发布时间】：2010-12-30 21:13:09
【问题描述】：

是否有关于如何在 windows phone 7 silverlight 应用程序中设置表单字段旁边的字段标签样式的标准指南？

例如，假设我有一个带有 TextBlock 标签的 StackPanel 和一个用于数据输入的 TextBox。目前我正在使用 PhoneTextSubtleStyle ("12,0,12,0") 中包含的默认 TextBlock Margin，并使用 "0,-12,0,0" 的 Margin 将 TextBox 推到更靠近标签的位置：

<StackPanel HorizontalAlignment="Left"> 
  <TextBlock VerticalAlignment="Center" Text="Name" Style="{StaticResource PhoneTextSubtleStyle}" /> 
  <TextBox Text="{Binding ItemName, Mode=TwoWay}" TextChanged="TextBox_TextChanged" VerticalAlignment="Center" Width="433" Margin="0,-12,0,0" /> 
</StackPanel>

请注意，TextBox 似乎在左侧和右侧有一些 12 像素的内部填充，因此 TextBlock 标签和 TextBox 控件在视觉上完美地排列在左侧。

问题是，我看到现有的应用程序具有广泛不同的字段标签样式约定。有些不做负边距调整，就像我上面所说的那样。有些没有。有些似乎覆盖了标签 TextBlock Margin，使其在左侧额外缩进 12 个像素（即“24,0,12,0”而不是默认的“12,0,12,0”）。有些应用程序会将标签放在字段的左侧（我讨厌这样）。

在 Windows Phone 7 中是否有一些关于字段标签的标准设计指南？我通读了设计模板 PDF，只能确定字段标签在第一个单词上应该是大写的（最好只有一个单词标签），并且最后不应该有冒号。我没有看到关于标签和字段之间的边距或对齐方式的任何内容。

【问题讨论】：

标签： c# silverlight xaml windows-phone-7

【解决方案1】：

这可能也很有趣

“Fuel Tracker” Guidance Application – Drop 3

还没有看到任何这样的具体指导。这可以说是我们可能比普通消费者更关注的事情。

您可以随时在推特@WPDesignTeam 上查看他们是否有任何未发表的想法。或者通过他们的博客给团队中的某个人发送电子邮件，看看他们是否愿意/愿意考虑。

【讨论】：