在 ListPicker Windows Phone 中更改 ItemSize答案

【问题标题】：Change ItemSize in ListPicker Windows Phone在 ListPicker Windows Phone 中更改 ItemSize
【发布时间】：2015-02-12 04:12:52
【问题描述】：

我是 Windows 移动应用程序的新手。我有一个数据透视页面，里面有多个数据透视项目。在枢轴项目内有列表选择器，其值是硬编码的。如果列表选择器中有更多项目，则默认情况下所有项目都显示在新页面中。我的问题是因为打开屏幕时所有项目字体都太小了。如何在打开列表选择器项目时更改它们的字体大小。我的代码是这样的。

<toolkit:ListPicker Grid.Row="0" Grid.Column="2" FontSize="21" Header="" Margin="10,12,-157,12" Background="White" Foreground="Black"  BorderThickness="1"  >
                        <sys:String>Convenience Eateries (CE)</sys:String>
                        <sys:String>Grocery Store (GS)</sys:String>
                        <sys:String>Secondary Network-ASD</sys:String>
                        <sys:String>Secondary Network-PSD</sys:String>
                        <sys:String>Cash and Carry</sys:String>
                        <sys:String>Modern Trade-Convenience Organized</sys:String>
                        <sys:String>Modern Trade-Grocery independent(SMMT)</sys:String>
                        <sys:String>HoReCa-Leisure outlets</sys:String>
                        <sys:String>HoReCa-Sports Clubs</sys:String>
                        <sys:String>HoReCa-Night Clubs</sys:String>
                        <sys:String>HoReCa-Karaoke</sys:String>
                        <sys:String>HoReCa-Casino</sys:String>
                        <sys:String>HoReCa-Café and Restaurant/Pubs</sys:String>
                        <sys:String>HoReCa-Other</sys:String>
                        <sys:String>Military-Welfare Shop</sys:String>
                        <sys:String>Military-Canteen</sys:String>
                        <sys:String>Convenience Mobile Outlets</sys:String>
                        <sys:String>Unconventional Outlets-Wine Stores</sys:String>
                        <sys:String>Unconventional Outlets-Other</sys:String>
                    </toolkit:ListPicker>

【问题讨论】：

标签： xaml windows-phone-8 windows-phone windows-phone-8.1

【解决方案1】：

尝试使用ListPickerItem 子代而不是字符串。它们的默认外观应该比上面显示的更好：

<toolkit:ListPicker>
  <toolkit:ListPickerItem>Bob</toolkit:ListPickerItem>
  <toolkit:ListPickerItem>Betty</toolkit:ListPickerItem>
  <toolkit:ListPickerItem>Frank</toolkit:ListPickerItem>
  <toolkit:ListPickerItem>Frank</toolkit:ListPickerItem>
</toolkit:ListPicker>

【讨论】：

【解决方案2】：

要更改项目在完整模式页面中的外观，您需要更改ListPicker 的FullModeItemTemplate 属性。像这样的：

<toolkit:ListPicker>
    <toolkit:ListPicker.FullModeItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding}" FontSize="25" />
        </DataTemplate>
    </toolkit:ListPicker.FullModeItemTemplate>
    <sys:String>Convenience Eateries (CE)</sys:String>
    <sys:String>Grocery Store (GS)</sys:String>
    <!-- Hard coded values go here, just as in your code. -->
</toolkit:ListPicker>

【讨论】：

我不想绑定值。我正在使用硬编码值。
@Tom 这与硬编码值无关。我稍微修改了代码，以向您展示在哪里/如何放置硬编码值。这就是ListPicker 的工作方式——无论是否硬编码，选择器有一个要显示的项目列表，然后有ItemTemplate 和FullModeItemTemplate 模板绑定到各个项目并定义项目的外观.如果你想改变一个项目的外观，你必须改变它的模板。