windows phone ListBox in two columns

來源:互聯網
上載者:User

希望得到一個多個列的listBox,每個單元都是ListBox的一個Item, 如下:

 

對應的xaml:

                    <Grid x:Name="LoginNoSubsPanel" Visibility="Visible">                        <ListBox x:Name="HotKeywordsListBox"                                 ItemsSource="{Binding RecommendedTopicsLeft}">                            <ListBox.ItemsPanel>                                <ItemsPanelTemplate>                                    <toolkit:WrapPanel  ItemHeight="176" ItemWidth="176"/>                                </ItemsPanelTemplate>                            </ListBox.ItemsPanel>                            <ListBox.ItemTemplate>                                <DataTemplate>                                    <Grid Margin="20,0,0,20">                                        <Grid.RowDefinitions>                                            <RowDefinition Height="Auto"/>                                            <RowDefinition Height="*"/>                                        </Grid.RowDefinitions>                                        <Image Grid.Row="0" Source="{Binding ImageSource}"                                                Height="140" Width="176" Margin="0"                                               Stretch="Uniform"/>                                        <Button Grid.Row="0" HorizontalAlignment="Center"                                                 VerticalAlignment="Center" Margin="0" Padding="0"                                                BorderThickness="0">                                            <Button.Content>                                                <Image Source="/Assets/BtnIcons/unchoose_2.png"                                                       Width="36" Height="36"/>                                            </Button.Content>                                        </Button>                                        <TextBlock Grid.Row="1" Text="{Binding KeyWords}"                                                FontSize="{StaticResource PhoneFontSizeNormal}"/>                                        <Rectangle Grid.RowSpan="2" Stroke="Gray"/>                                    </Grid>                                </DataTemplate>                            </ListBox.ItemTemplate>                        </ListBox>                    </Grid>

設定ItemsPanel, 用到了 toolkit:WrapPanel.

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.