Ubicación emergente de WPF ComboBox: Inferior y alineado con el borde derecho

Question

Estoy intentando crear un ComboBox con una alineación desplegable no estándar. Básicamente, quiero que el menú desplegable esté debajo del ComboBox, pero alineado con el borde derecho del ComboBox en lugar del borde izquierdo.

Lo normal ComboBox parece, utilizando PlacementMode="Bottom":

lo que quiero:

Traté de jugar con la propiedad Popup.PlacementMode en la plantilla de mi ComboBox , pero ninguno de los posibles valores parece hacer lo que quiero. ¿Hay una manera simple de hacerlo, preferiblemente en XAML puro?

Answer 1

Cuando abrí Expression Blend, que han llegado con la solución dentro de unos pocos segundos:

<Popup Placement="Left" VerticalOffset="{TemplateBinding ActualHeight}" 
     HorizontalOffset="{TemplateBinding ActualWidth}" 

A veces esta aplicación es más útil que la escritura xaml por las manos, pero no tan a menudo.

Answer 2

es un poco hacky, pero funciona. solo tienes que cambiar el estilo de la combobox.

<Grid Height="40"> 
     <Grid HorizontalAlignment="Center" VerticalAlignment="Center"> 
      <FrameworkElement Name="dummy" Visibility="Collapsed"> 
       <FrameworkElement.RenderTransform> 
        <TransformGroup x:Name="xformgrp"> 
         <TranslateTransform X="{Binding ElementName=PopupContent, Path=ActualWidth}" /> 
         <ScaleTransform ScaleX="-1" /> 
         <TranslateTransform X="{Binding ElementName=chk, Path=ActualWidth}" /> 
        </TransformGroup> 
       </FrameworkElement.RenderTransform> 
      </FrameworkElement> 
      <CheckBox Name="chk" HorizontalAlignment="Center">checkthisout</CheckBox> 
      <Popup IsOpen="{Binding IsChecked, ElementName=chk}" PlacementTarget="{Binding ElementName=chk}" Placement="Bottom" HorizontalOffset="{Binding ElementName=dummy, Path=RenderTransform.Value.OffsetX}"> 
       <TextBlock Name="PopupContent" Foreground="Yellow" Background="Blue">yeah long popupcontent</TextBlock> 
      </Popup> 
     </Grid>    
    </Grid> 

El popups HorizontalOffset sólo tiene que obtener el valor de PopupContent.ActualWidth-PlacementTarget.ActualWidth. Para obtener ese valor, utilicé this trick from Charles Petzold.

Answer 3

me gustaría utilizar el placementmode "Custom" para el emergente y declarar una devolución de llamada para colocar el control emergente en la posición correcta, como se muestra aquí: WPF ComboBox DropDown Placement

A ver si un ejemplo aquí sería trabajar para usted :

public class TestComboBox : ComboBox 
{ 
    public override void OnApplyTemplate() 
    { 
     base.OnApplyTemplate(); 

     var popup = (Popup)Template.FindName("PART_Popup", this); 
     popup.Placement = PlacementMode.Custom; 
     popup.CustomPopupPlacementCallback += (Size popupSize, Size targetSize, Point offset) => 
      new[] { new CustomPopupPlacement() { Point = new Point (targetSize.Width-popupSize.Width, targetSize.Height) } }; 
    } 
} 

esperanza que esta ayuda, que se refiere a

Answer 4

Puede alguien publicar el código XAML completa por favor?

He intentado lo siguiente:

<ComboBox Grid.Column="1" Height="24" Width="20" HorizontalAlignment="Right" 
       VerticalAlignment="Top"     
       Name="comboBox2" 
       ItemsSource="{Binding Source={StaticResource FilterTypes}}" 
       SelectedValue="{Binding Path=SelectedType, Mode=TwoWay}" > 

     <ComboBox.Template> 
      <ControlTemplate> 
       <Popup Placement="Left" VerticalOffset="{TemplateBinding ActualHeight}" 
         HorizontalOffset="{TemplateBinding ActualWidth}" /> 
      </ControlTemplate> 
     </ComboBox.Template> 
    </ComboBox> 

... después de algún trabajo y pruebas que he encontrado una buena solución ...

 <ComboBox.Style> 
      <Style TargetType="ComboBox" >          
       <Setter Property="Popup.FlowDirection" Value="RightToLeft"/>     
      </Style> 
     </ComboBox.Style>