WP7消息传递应用程序的用户界面

时间:2012-04-01 10:25:06

标签: windows-phone-7

我有一个Message.xaml文件,应该显示收件人字段和消息字段,如下所示:

enter image description here

用户可以添加多个收件人,因此TextBox的高度应该灵活。我用以下代码管理了这个:

<TextBox FontSize="24" Margin="0,0,80,532" Name="absenderField" 
          AcceptsReturn="True" TextWrapping="Wrap" Height="auto"
          MinHeight="30" MaxWidth="375">
</TextBox>

现在,当添加的文本不适合时,收件人字段的高度会增加。另一个TextBox用于消息。标记与收件人字段相同,只是高度不同。

第一个问题是,当收件人字段生长时,它会遍历邮件字段,但邮件字段应在收件人字段的底部对齐并向下移动。我怎么能实现呢?

现在另一个问题。当我输入大量文本以使消息字段增长时,收件人字段也将增长。这很奇怪。为什么会这样?

是否可以在文本框内滚动文字?

整个xaml: http://pastebin.com/xPg7rV9e

1 个答案:

答案 0 :(得分:1)

我认为您应该重新安排内容并尝试类似的内容:

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="80" />
    </Grid.ColumnDefinitions>

    <ScrollViewer>
        <StackPanel>
            <TextBox FontSize="24" Name="absenderField" AcceptsReturn="True" TextWrapping="Wrap" Height="auto" MinHeight="30" MaxWidth="375">
                <TextBox.InputScope>
                    <InputScope>
                        <InputScopeName  NameValue="Text" />
                    </InputScope>
                </TextBox.InputScope>
            </TextBox>

            <TextBox FontSize="24" Name="messageField" AcceptsReturn="True" TextWrapping="Wrap">
                <TextBox.InputScope>
                    <InputScope>
                        <InputScopeName  NameValue="Chat" />
                    </InputScope>
                </TextBox.InputScope>
            </TextBox>
        </StackPanel>
    </ScrollViewer>

    <Button Grid.Column="1" Height="70" HorizontalAlignment="Center" Name="button1" VerticalAlignment="Top" Width="76">
        <Button.Background>
            <ImageBrush ImageSource="/Smsflatrate;component/Images/appbar.add.rest2.png" />
        </Button.Background>
    </Button>
</Grid>