2014-03-31 112 views
1

我是Windows Phone 8开发新手,我有一个非常基本的问题,我相信。LongListSelector根据屏幕宽度调整

我希望使我的LongListSelector有100%的宽度和高度,但所有我已经尝试过的东西没有工作。

我试过自动,*等,但似乎没有做到这一点。

这里是我的代码:

<!--LayoutRoot is the root grid where all page content is placed--> 
<Grid x:Name="LayoutRoot" Background="Transparent"> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="*"/> 
    </Grid.RowDefinitions> 

    <!--TitlePanel contains the name of the application and page title--> 
    <StackPanel Grid.Row="0" Margin="12,17,0,28"> 
     <TextBlock Text="{Binding Path=LocalizedResources.ApplicationTitle, Source={StaticResource LocalizedStrings}}" Style="{StaticResource PhoneTextNormalStyle}"/> 
     <TextBlock TextWrapping="Wrap" Text="{Binding Path=LocalizedResources.SetupsPageTitle, Source={StaticResource LocalizedStrings}}" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/> 
    </StackPanel> 

    <!--ContentPanel - place additional content here--> 
    <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> 

     <phone:LongListSelector HorizontalAlignment="Left" Width="400" Height="400" 
         VerticalAlignment="Top" 
         Name="lstSetups" ItemsSource="{Binding BusRouteSetups}" 
         SelectionChanged="lstSetups_SelectionChanged" 
         LayoutMode="List"> 
      <phone:LongListSelector.ItemTemplate> 
       <DataTemplate> 
        <StackPanel Orientation="Vertical" Margin="0,10,0,10" Background="Coral"> 
         <TextBlock TextWrapping="Wrap" Margin="5" FontWeight="Bold" Text="{Binding Details.Title}" /> 
         <TextBlock TextWrapping="Wrap" Margin="5" Text="{Binding Details.Description}" /> 
        </StackPanel> 
       </DataTemplate> 
      </phone:LongListSelector.ItemTemplate> 
     </phone:LongListSelector> 

    </Grid> 

</Grid> 

任何帮助将非常感激。

+1

您已将'LongListSelector'的'Width'属性设置为'400',它将永远不会比这更宽...... –

+0

我已设置宽度和高度,以便我可以使用它直到找到一个办法。 – panais

+0

然后请张贴代码来重现问题。 –

回答

2

使用的Horizo​​ntalAlignment =拉伸(也垂直),然后LLS的宽度和高度将被设置为可用来控制最大空间:

<phone:LongListSelector HorizontalAlignment="Stretch"     
         VerticalAlignment="Stretch" 
         Name="lstSetups" ItemsSource="{Binding BusRouteSetups}" 
         SelectionChanged="lstSetups_SelectionChanged" 
         LayoutMode="List"> 

注意,它是将网格(确定最大高度控制的父母)。虽然您已将RowDefinition的高度设置为* - 这意味着它将使用屏幕的所有剩余高度(剩余 - 第一行使用一些空间(设置为自动) - 带标题的StackPanel)。

1

的Horizo​​ntalAlignment = “左” WIDTH = “400” HEIGHT = “400” VerticalAlignment = “评出的”

只是删除你的这部分代码,然后将控制应自动sretched。

相关问题