2013-03-11 33 views
3

我有一個ListPicker,當我點擊它時,我有全屏彈出窗口,但其中的選項都非常小,而且無論如何我都無法更改FontSize。無法更改ListPicker的FontSize FullModeItemTemplate

代碼:

<phone:PhoneApplicationPage.Resources> 
    <DataTemplate x:Name="PickerFullItemTemplate"> 
     <StackPanel> 
      <TextBlock Text="{Binding Number}"/> 
     </StackPanel> 
    </DataTemplate> 
</phone:PhoneApplicationPage.Resources> 


<toolkit:ListPicker ExpansionMode="FullScreenOnly" Name="Picker" ItemsSource="{Binding Number, ElementName=this}" FullModeItemTemplate="{Binding PickerFullItemTemplate}" /> 

如何讓我的全屏彈出尺寸36字體的文本?

編輯: 我應該提到,如果我在模板中設置字體大小(如下所示),它不起作用。我可以在列表選擇器上設置字體大小,但顯然不會更改完整模式彈出窗口。 另外,我已將ListPicker從它所包含的Pivot中取出並儘可能地註釋掉,所以沒有任何東西可能覆蓋此設置,但仍然沒有任何結果。

回答

5

執行以下操作:

1)您在XAML文件的頂部值

public class Number 
{ 
    public IEnumerable<string> number { get { return "AA1,AA2,AA3".Split(','); } } 
} 

2)申報項目的命名空間的列表中創建一個類

xmlns:local="clr-namespace:YourAppNameSpaceGoesHere" 

3)將您的課程聲明爲PhoneApplicationPage Resources部分中的資源

4)在你的DataTemplate TextBlock的,只是定義文本值「{結合}」,並設置你的字號

<phone:PhoneApplicationPage.Resources> 
    <local:Number x:Key="Number"/> 
    <DataTemplate x:Name="PickerFullItemTemplate"> 
     <StackPanel> 
      <TextBlock Text="{Binding}" FontSize="36"/> 
     </StackPanel> 
    </DataTemplate> 
</phone:PhoneApplicationPage.Resources> 

5)包裝你ListPicker控制就像一個網格容器控件並設置網格的的DataContext你的課

6)在ListPicker的FullModeItemTemplate應該被定義爲靜態資源

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0" DataContext="{StaticResource Number}"> 
     <toolkit:ListPicker ExpansionMode="FullScreenOnly" Name="Picker" ItemsSource="{Binding number}" FullModeItemTemplate="{StaticResource PickerFullItemTemplate}" /> 
    </Grid> 
+0

是的,這很簡單,再次感謝! – dudledok 2013-03-12 15:37:25

+0

謝謝這也幫助了我 – 2013-11-29 13:19:15

0

以下應該工作。

<DataTemplate x:Name="PickerFullItemTemplate"> 
    <StackPanel> 
     <TextBlock Text="{Binding Number}" FontSize="36"/> 
    </StackPanel> 
</DataTemplate> 
+0

對不起,我以爲我提到我已經試過了,這就是問題所在。如果我在模板中設置字體大小,則不起作用。我可以在列表選擇器上設置字體大小,但顯然不會更改完整模式彈出窗口。 – dudledok 2013-03-11 10:00:48

0

怎麼樣:

<Style x:Key="LPickFullModeTxtBlock" TargetType="TextBlock"> 
    <Setter Property="FontSize" Value="30"/> 
</Style> 

<toolkit:ListPicker.FullModeItemTemplate> 
    <DataTemplate> 
     <TextBlock Text="{Binding bindProp}" VerticalAlignment="Top" HorizontalAlignment="Left" Style="{StaticResource LPickFullModeTxtBlock}"></TextBlock> 
    </DataTemplate> 
</toolkit:ListPicker.FullModeItemTemplate>