如何在Windows Phone 8中包裝ListPicker SelectedItem

我使用Windows Phone工具包中的ListPicker。我的選擇是相當漫長的，所以我的ItemTemplate是，如何在Windows Phone 8中包裝ListPicker SelectedItem

<DataTemplate> 
<TextBlock TextWrapping="Wrap"/> 
</DataTemplate>

現在，當我在擴展模式（小於5個選項），它是作爲預期工作好，選擇一個漫長的選項（比如三線），但是當我使用FullMode（超過5項）不包含在ListPicker中。

爲了更加清楚，它按照預期包裹在FullModePage中，但它不在控制之內。你將需要

<toolkit:ListPicker Margin="0" MinHeight="70" toolkit:TiltEffect.SuppressTilt="True" Template="{StaticResource ListPickerControlCustomTemplate}" HorizontalAlignment="Stretch" VerticalAlignment="Top" FontFamily="{StaticResource RegularFont}" 
    SelectionChanged="SharedAppsCategoryListPicker_OnSelectionChanged" Name="SharedAppsCategoryListPicker" 
         LayoutUpdated="SharedAppsCategoryListPicker_OnLayoutUpdated" > 

      <toolkit:ListPicker.ItemTemplate> 
      <DataTemplate> 

       <Grid Margin="0,0,20,0"> 
        <TextBlock TextWrapping="Wrap" VerticalAlignment="Center" HorizontalAlignment="Stretch" Margin="20,15,120,15" FontSize="20" Text="{Binding groupname}" Foreground="{StaticResource ListPickerForegroundColor}"></TextBlock> 
        <Rectangle Margin="20,10,0,-11" Height="0.5" HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Stroke="{StaticResource ListPickerDividerColor}" StrokeThickness="0.5" /> 
       </Grid> 
      </DataTemplate> 
     </toolkit:ListPicker.ItemTemplate> 

     <toolkit:ListPicker.FullModeItemTemplate> 
      <DataTemplate> 
        <Grid Margin="0,0,20,0"> 
         <TextBlock MaxWidth="250" Width="250" TextWrapping="Wrap" FontSize="20" Margin="0,0,120,0" VerticalAlignment="Center" Text="{Binding groupname}" Foreground="{StaticResource ListPickerForegroundColor}" FontFamily="{StaticResource RegularFont}"></TextBlock>       
        </Grid> 
       </DataTemplate> 
     </toolkit:ListPicker.FullModeItemTemplate> 

    </toolkit:ListPicker>

來源

2014-09-05 Pradeep AJ- Msft MVP

給寬度的文本塊後，如果含量比文字塊的寬度則文本將被包裝。

試試這個：

<DataTemplate> 
<TextBlock TextWrapping="Wrap" width=200/> 
</DataTemplate>

編輯：

我已經Implemeted一個這樣說

XAML：O/P的

<toolkit:ListPicker Margin="0" MinHeight="70" toolkit:TiltEffect.SuppressTilt="True" HorizontalAlignment="Stretch" VerticalAlignment="Top" Name="SharedAppsCategoryListPicker" > 
        <toolkit:ListPicker.ItemTemplate> 
         <DataTemplate> 
          <Grid Margin="0,0,20,0"> 
           <TextBlock Width="300" TextWrapping="Wrap" VerticalAlignment="Center" HorizontalAlignment="Stretch" Margin="20,15,120,15" FontSize="20" Text="{Binding}" ></TextBlock> 
          </Grid> 
         </DataTemplate> 
        </toolkit:ListPicker.ItemTemplate> 

        <toolkit:ListPicker.FullModeItemTemplate> 
         <DataTemplate> 
          <Grid Margin="0,0,20,0"> 
           <TextBlock Width="400" TextWrapping="Wrap" FontSize="20" Margin="0,0,0,0" VerticalAlignment="Center" Text="{Binding}" ></TextBlock> 
          </Grid> 
         </DataTemplate> 
        </toolkit:ListPicker.FullModeItemTemplate> 
       </toolkit:ListPicker>

圖片：

Normal Full mode

來源

2014-09-05 10:43:44

試過寬度和MaxWidth。但沒有運氣。 – 2014-09-05 11:20:46

將其他代碼粘貼到問題中，以便其他人也可以通過粘貼代碼並對其進行測試來幫助您。 – 2014-09-05 11:22:06

嘗試正確設置邊距。其工作正常。我已經實現了它。 – 2014-09-05 11:52:13

如何在Windows Phone 8中包裝ListPicker SelectedItem

回答

相關問題