如何在WP8中自定义LongListSelector或ListBox设计

Question

我喜欢以自己的方式自定义我的LongListSelector或ListBox，所以任何人都可以帮助我进行设计。
我的代码..

<StackPanel HorizontalAlignment="Left" Height="345" Margin="10,234,0,0" VerticalAlignment="Top" Width="413">
                <phone:LongListSelector x:Name="list_organization" Height="340" Margin="10,0"/>

</StackPanel>

这是我绑定长列表的代码。

org = await client.searchOrganization(txtQuery.Text);
            if (org != null)
            {
                var query = from c in org
                            select new { c.name,c.id,c.time,.. };
                list_organization.ItemsSource = query.ToList();//bind the query to longlist
            }

我想要这个设计页面。

怎么做...？

Answer 1

首先，删除明确的宽度和高度。 而且，如果在StackPanel只有一个LongListSelector ，则可以删除StackPanel 。

通过使用DataTemplate替换ItemTemplate可以完成类似于列表框的容器的各个项目。 检查以下MSDN链接以获取更多信息： ListBox样式和模板 。

基本上，这是您的操作方法：

<phone:LongListSelector x:Name="list_organization" Height="340" Margin="10,0"
                        ItemsSource="{Binding People}">
    <phone:LongListSelector.ItemTemplate>
        <DataTemplate>
            <!-- your XAML for individual item goes here -->
            <TextBlock Text="{Binding FirstName}" />
        </DataTemplate>
    </phone:LongListSelector.ItemTemplate>
</phone:LongListSelector>