Windows phone7 ListPicker

时间:2012-05-15 13:30:00

标签: windows silverlight windows-phone-7 silverlight-4.0 windows-phone-7.1

在我的windows phone7应用程序中,我必须使用类似于下拉列表控件的控件。所以我遇到了提出WP7工具包程序集的ListPicker。

我遇到的问题是,它与页面中的其他元素重叠。以下是界面的截图。

enter image description here

当我单击ListPicker时,它会展开列表并允许我从中选择一个项目。但是当我选择一个项目时,它会点击下方显示的按钮。我可以ExpansionMode="FullScreenOnly"但它会进入全屏模式,因为列表选择器只有3个项目,这不是我想要的。

有没有人知道我可以让ListPicker扩展并从中选择一个而不会发生位于其下方的按钮点击。

编辑

我已安装WP7 Tool kit for Silverlight并将dll添加到项目中作为参考Microsoft.Phone.Controls.Toolkit

XAML --->

xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"


<toolkit:ListPicker Name="listPicker1"/>

1 个答案:

答案 0 :(得分:5)

我怀疑您正在使用Canvas来布局控件。如果您使用网格,那么ListPicker将很好地工作(在列表展开时自动移动它下面的控件)与您放在下面的任何其他控件: -

        <Grid x:Name="ContentPanel"
          Grid.Row="1"
          Margin="12,0,12,0">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <toolkit:ListPicker x:Name="MyListPicker"
                            Grid.Row="0">
            <toolkit:ListPicker.Items>
                <toolkit:ListPickerItem Content="item1" />
                <toolkit:ListPickerItem Content="item2" />
                <toolkit:ListPickerItem Content="item3" />
            </toolkit:ListPicker.Items>
        </toolkit:ListPicker>
        <Button x:Name="MyButton"
                Content="Check availability"
                Click="MyButton_Click" Grid.Row="1"/>
    </Grid>