Windows Phone - новостной блок

Question

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

• Изображение в правом верхнем углу (с разрешением: 50 * 50);

• Текст, завернутый вместе с изображением;

  <ScrollViewer Grid.Row="1" x:Name="ContentRoot" Margin="20,0,20,0"> 
      <StackPanel> 
       <Button Width="Auto" Height="150"> 
        /*Text and picture here like described before*/ 
       </Button> 
       <Button Width="Auto" Height="150"> 
        /*Text and picture here like described before*/ 
       </Button> 
      </StackPanel> 
  </ScrollViewer> 
  

PS: Я хотел бы, чтобы его дизайн только не пытается сделать функциональное приложение.

Answer 1

Вы можете просто использовать Grid с ColumnDefinitions внутри Button, например:

<Button Width="Auto" 
        Height="50" 
        HorizontalContentAlignment="Stretch"> 
       <Grid Height="50"> 
        <Grid.ColumnDefinitions> 
         <ColumnDefinition /> 
         <ColumnDefinition Width="Auto" /> 
        </Grid.ColumnDefinitions> 

        <TextBlock Text="Sample text - lorem ipsum dolor sit amet" 
           TextWrapping="Wrap" 
           TextAlignment="Left" 
           VerticalAlignment="Top" 
           Margin="12"/> 

        <Image Grid.Column="1" 
          Source="SampleImageSourceHere" 
          HorizontalAlignment="Right" 
          Width="50" /> 
       </Grid> 
      </Button> 

Примечание: Это только пример, я не проверял, но вы можете попробовать настроить свой вид. Надеюсь, поможет.

Futhermore Я рекомендую использовать ListView, если вы добавите большое количество элементов (кнопок) в свой список. ListView поддерживает virtualizaton и позволяет избежать проблем с памятью.

Если у вас есть исходная коллекция предметов, вы можете просто создать ListView с шаблоном товара и установить ItemsSource. Я нашел нить об этом здесь: Windows Phone ListView Binding