代码之家  ›  专栏  ›  技术社区  ›  Jeaf Gilbert

水平排列ListBox DataTemplate中的图像

  •  2
  • Jeaf Gilbert  · 技术社区  · 14 年前

    预览

    alt text http://img39.imageshack.us/img39/5466/howtoorderhorizontal.jpg

    <StackPanel Orientation="Horizontal">

    我不希望图像具有ListBoxItem行为(悬停/单击)。我补充道 IsEnabled="False"

    数据模板

       <!-- FacilityTreeView data template -->
        <telerik:HierarchicalDataTemplate x:Key="FecilityTemplate" ItemsSource="{Binding Facilities}">
            <StackPanel Orientation="Horizontal">
                <ListBox ItemsSource="{Binding Icons}" BorderThickness="0" Background="Transparent">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal">
                                <Image Source="{Binding Source}" Margin=" 0,0,2,0" ToolTipService.ToolTip="{Binding Tooltip}" />
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>
                <TextBlock Text="{Binding Description}" VerticalAlignment="Center" />
            </StackPanel>
        </telerik:HierarchicalDataTemplate>
    
    3 回复  |  直到 14 年前
        1
  •  3
  •   Einarsson    14 年前

    使用ItemsPanelTemplate。

    <ListBox.ItemTemplate>
       <DataTemplate>
           <Image Source="{Binding Source}" Margin=" 0,0,2,0" ToolTipService.ToolTip="{Binding Tooltip}" />
       </DataTemplate>
    </ListBox.ItemTemplate>
    
    <ListBox.ItemsPanelTemplate>
       <StackPanel Orientation="Horizontal"/>
    </ListBox.ItemsPanelTemplate>
    
        2
  •  2
  •   Eugene Cheverda    14 年前

    <StackPanel Orientation="Horizontal"> 作为ItemsPanelTemplate。 Read more here.

        3
  •  1
  •   Taifun    10 年前

    我试着解决问题,结果发现不完整, 一定在里面 <ListBox.ItemsPanel>

    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Horizontal"></StackPanel>
        </ItemsPanelTemplate>
     </ListBox.ItemsPanel>