在silverlight中更改列表框控件的间距

时间:2010-05-18 21:48:27

标签: silverlight listbox

项目之间的空间很大。我怎么能减轻它?

3 个答案:

答案 0 :(得分:1)

设置ItemContainerStyle以根据需要设置边距和填充。 Blend将有助于重新尝试。

您也可以考虑设置DataTemplate。

答案 1 :(得分:0)

其他人可能比我更清楚,但我会覆盖列表框的数据模板。对于每个单独的项目,请明确指定文本控件的大小。

例如:

<ListBox Width="400" Margin="10" ItemsSource="{Binding Path=MyDataItems}">
   <ListBox.ItemTemplate>
     <DataTemplate>
       <TextBlock Text="{Binding Path=TaskName}" Height="27" />
     </DataTemplate>
   </ListBox.ItemTemplate>
 </ListBox>

这绝对是一项工作,但我不确定你能为列表框做些什么。

答案 2 :(得分:0)

好吧,我真的不知道你想要什么,我只是想猜你想减少你的列表框中的listboxitems之间的空间,然后你可以借助保证金来做到这一点:

<Style x:Key="LedgerListBoxItem" TargetType="ListBoxItem">
        <Setter Property="Padding" Value="3"/>
        <Setter Property="Height" Value="24"/>
        <Setter Property="Width" Value="330"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="VerticalContentAlignment" Value="Top"/>
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="TabNavigation" Value="Local"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ListBoxItem">
                    <Grid Background="{TemplateBinding Background}">                      
                        <Grid HorizontalAlignment="Stretch" **Margin="0 4 0 4"**>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="4"/>

                               <ColumnDefinition />
                            </Grid.ColumnDefinitions>
                            <Image Grid.Column="1" Source="../Styles/Images/icon-exception.png" 
     />

                        </Grid> 
                        <Rectangle x:Name="FocusVisualElement" RadiusY="4" RadiusX="4" Stroke="#FF6DBDD1"  StrokeThickness="0" Visibility="Collapsed" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

为了帮助您,请发布您的代码。 :)