интерфейс пользователя для приложения обмена сообщениями для WP7

Question

У меня есть Message.xaml файл, который должен отображать поле получателя и поле сообщения, как это:

Пользователь может добавить несколько получателей, поэтому TextBox должен быть гибким в высоту. Мне удалось это с помощью следующего кода:

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

Теперь поле получателя растет в высоту, когда текст добавляется, что не вписывается в нее. Другой текст - это сообщение. Разметка такая же, как для поля получателя, только высота отличается.

Первая проблема заключается в том, что когда поле получателя растет, оно переходит через поле сообщения, но поле сообщения должно быть выровнено в нижней части поля получателя и перемещаться вниз. как я могу это достичь?

Теперь другая проблема. Когда я ввожу много текста, чтобы увеличить поле сообщения, поле получателя тоже будет расти. Это очень странно. Почему это происходит?

Можно ли прокручивать текст внутри текстового поля?

Всего XAML:http://pastebin.com/xPg7rV9e

Answer 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>