1

Expander コントロールにカスタム ヘッダーが必要です。左揃えのヘッダー テキストと右揃えの画像が必要です。

<Expander>
    <Expander.Header>
        <DockPanel LastChildFill="True" HorizontalAlignment="Stretch">
            <TextBlock DockPanel.Dock="Left" Text="Some Header Text"/>
            <Image DockPanel.Dock="Right" HorizontalAlignment="Right"  />
         </DockPanel>
     </Expander.Header>
     <StackPanel >
         <ItemsPresenter />
     </StackPanel>
</Expander>

残念ながら、ヘッダーは、デフォルトで水平方向に伸びない要素の内部でレンダリングされます。その要素は ContentPresenter コントロールであり、HorisontalAlign 値が Left であるため、デフォルトでは拡大されません。これを Stretch に変更すると (これは Snoop ツールで行いました)、ヘッダーは希望どおりにレンダリングされます。しかし、コードから変更するにはどうすればよいですか?

正しい Horizo​​ntalAlignment 値を使用して ContentPresenter スタイルを Expander リソースに追加しようとしましたが、残念ながら機能しません。おそらく ContentPresenter にはいくつかのカスタム スタイルが適用されているため、私のスタイルを取得できませんでした。私はこのように試しました：

<Expander.Resources>
    <Converters:TodoTypeToHeaderTextConverter x:Key="TodoTypeToHeaderTextConverter" />
    <Style TargetType="ContentPresenter">
        <Setter Property="HorizontalAlignment" Value="Stretch" />
    </Style>
</Expander.Resources>

それで、他に何を試すことができますか？

4

2 に答える 2

3

そのようなことを試してください：

XAML ファイル:

<Expander Name="exp" Header="test" Loaded="exp_Loaded">
            <Expander.HeaderTemplate>
                <DataTemplate>
                    <DockPanel LastChildFill="True" HorizontalAlignment="Stretch">
                        <TextBlock DockPanel.Dock="Left" Text="{Binding}"/>
                        <Image Source="/ExpanderStyle;component/animation.png" Width="20"
                               DockPanel.Dock="Right" HorizontalAlignment="Right" />
                    </DockPanel>
                </DataTemplate>
            </Expander.HeaderTemplate>                
        </Expander>

分離コード:

private void exp_Loaded(object sender, RoutedEventArgs e)
        {
            var tmp = VTHelper.FindChild<ContentPresenter>(sender as Expander);
            if (tmp != null)
            {
                tmp.HorizontalAlignment = System.Windows.HorizontalAlignment.Stretch;
            }
        }

そしてヘルパークラス：

public static class VTHelper
    {
        public static T FindChild<T>(DependencyObject parent) where T : DependencyObject
        {
            if (parent == null) return null;

            T childElement = null; 
            int childrenCount = VisualTreeHelper.GetChildrenCount(parent); 
            for (int i = 0; i < childrenCount; i++)
            {
                var child = VisualTreeHelper.GetChild(parent, i);
                T childType = child as T; 
                if (childType == null)
                {
                    childElement = FindChild<T>(child); 
                    if (childElement != null) 
                        break;
                }
                else
                {
                    childElement = (T)child; 
                    break;
                }
            } 
            return childElement;
        }
    }
于 2012-07-19T20:54:38.907 に答える
0

これを修正する別の方法は、テンプレートを編集することです: http://social.msdn.microsoft.com/Forums/en-US/wpf/thread/28a0f2d2-70cc-4935-9613-790ec0c8895a

于 2012-07-20T09:09:17.500 に答える