6

このウィンドウの例では、タブ移動は最初のテキストボックスから最後のテキストボックス、そしてエキスパンダーヘッダーに移動します。

<Window x:Class="ExpanderTab.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="300" Width="300"
    FocusManager.FocusedElement="{Binding ElementName=FirstField}">
    <StackPanel>
        <TextBox TabIndex="10" Name="FirstField"></TextBox>
        <Expander TabIndex="20" Header="_abc">
            <TextBox TabIndex="30"></TextBox>
        </Expander>
        <TextBox TabIndex="40"></TextBox>
    </StackPanel>
</Window>

明らかに、これを最初のテキストボックス、エキスパンダーヘッダー、最後のテキストボックスに移動します。エキスパンダーのヘッダーにTabIndexを割り当てる簡単な方法はありますか?

を使用してエキスパンダーをタブストップに強制しようとしましたが、エキスパンダーKeyboardNavigation.IsTabStop="True"全体にフォーカスが移り、エキスパンダー全体がスペースバーに反応しません。さらに2つのタブを押すと、ヘッダーが再び選択され、スペースバーで開くことができます。

編集:私はこれを行うためのよりクリーンな方法を思い付くことができる人のためにそこに賞金を投げます-そうでなければ、rmoore、あなたは担当者を持つことができます。ご協力いただきありがとうございます。

4

2 に答える 2

10

次のコードは、TabIndexプロパティがなくても機能します。これらは、予想されるタブの順序を明確にするために含まれています。

<Window x:Class="ExpanderTab.Window1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Window1" Height="300" Width="300" FocusManager.FocusedElement="{Binding ElementName=FirstField}">
    <StackPanel>
        <TextBox TabIndex="10" Name="FirstField"></TextBox>
        <Expander TabIndex="20" Header="Section1" KeyboardNavigation.TabNavigation="Local">
            <StackPanel KeyboardNavigation.TabNavigation="Local">
                <TextBox TabIndex="30"></TextBox>
                <TextBox TabIndex="40"></TextBox>
            </StackPanel>
        </Expander>
        <Expander TabIndex="50" Header="Section2" KeyboardNavigation.TabNavigation="Local">
            <StackPanel KeyboardNavigation.TabNavigation="Local">
                <TextBox TabIndex="60"></TextBox>
                <TextBox TabIndex="70"></TextBox>
            </StackPanel>
        </Expander>
        <TextBox TabIndex="80"></TextBox>
    </StackPanel>
</Window>
于 2009-06-15T22:25:10.740 に答える
3

私は方法を見つけましたが、もっと良いものが必要です。


Moleを介してExpanderを見るか、Blendによって生成されたControlTemplateを見ると、Space / Enter / Click/etcに応答しているヘッダー部分が実際にはToggleButtonであることがわかります。悪いニュースです。ヘッダーのToggleButtonには、ExpanderのExpandedプロパティUp / Down / Left / Rightのレイアウトが異なるため、ExpanderのControlTemplateを介してすでにスタイルが割り当てられています。そのため、ExpanderのリソースでデフォルトのToggleButtonスタイルを作成するような単純なことを行うことができません。

代替テキスト

コードビハインドにアクセスできる場合、またはエクスパンダが含まれるリソースディクショナリにCodeBehindを追加してもかまわない場合は、次のようにToggleButtonにアクセスしてExpander.LoadedイベントでTabIndexを設定できます。

<Expander x:Name="uiExpander"
          Header="_abc"
          Loaded="uiExpander_Loaded"
          TabIndex="20"
          IsTabStop="False">
    <TextBox TabIndex="30">

    </TextBox>
</Expander>


private void uiExpander_Loaded(object sender, RoutedEventArgs e)
{
    //Gets the HeaderSite part of the default ControlTemplate for an Expander.
    var header = uiExpander.Template.FindName("HeaderSite", uiExpander) as Control;
    if (header != null)
    {
        header.TabIndex = uiExpander.TabIndex;
    }
}

複数のエキスパンダーで動作する必要がある場合は、センダーオブジェクトをエキスパンダーにキャストすることもできます。もう1つのオプションは、エキスパンダー用に独自のControlTemplateを作成し、そこに設定することです。

編集 コード部分をAttachedPropertyに移動して、よりクリーンで使いやすくすることもできます。

<Expander local:ExpanderHelper.HeaderTabIndex="20">
    ...
</Expander>

そしてAttachedProperty:

public class ExpanderHelper
{
    public static int GetHeaderTabIndex(DependencyObject obj)
    {
        return (int)obj.GetValue(HeaderTabIndexProperty);
    }

    public static void SetHeaderTabIndex(DependencyObject obj, int value)
    {
        obj.SetValue(HeaderTabIndexProperty, value);
    }

    // Using a DependencyProperty as the backing store for HeaderTabIndex.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty HeaderTabIndexProperty =
        DependencyProperty.RegisterAttached(
        "HeaderTabIndex",
        typeof(int),
        typeof(ExpanderHelper),
        new FrameworkPropertyMetadata(
            int.MaxValue,
            FrameworkPropertyMetadataOptions.None,
            new PropertyChangedCallback(OnHeaderTabIndexChanged)));

    private static void OnHeaderTabIndexChanged(DependencyObject o, DependencyPropertyChangedEventArgs e)
    {
        var expander = o as Expander;
        int index;

        if (expander != null && int.TryParse(e.NewValue.ToString(), out index))
        {
            if (expander.IsLoaded)
            {
                SetTabIndex(expander, (int)e.NewValue);
            }
            else
            {
                // If the Expander is not yet loaded, then the Header will not be costructed
                // To avoid getting a null refrence to the HeaderSite control part we
                // can delay the setting of the HeaderTabIndex untill after the Expander is loaded.
                expander.Loaded += new RoutedEventHandler((i, j) => SetTabIndex(expander, (int)e.NewValue));
            }
        }
        else
        {
            throw new InvalidCastException();
        }
    }

    private static void SetTabIndex(Expander expander, int index)
    {
        //Gets the HeaderSite part of the default ControlTemplate for an Expander.
        var header = expander.Template.FindName("HeaderSite", expander) as Control;
        if (header != null)
        {
            header.TabIndex = index;
        }
    }
}
于 2009-06-12T22:48:31.897 に答える