WPF dan fokus awal

Tampaknya ketika aplikasi WPF dimulai, tidak ada yang memiliki fokus.

Ini sangat aneh. Setiap kerangka kerja lain yang saya gunakan melakukan apa yang Anda harapkan: menempatkan fokus awal pada kontrol pertama dalam urutan tab. Tetapi saya telah mengkonfirmasi bahwa itu adalah WPF, bukan hanya aplikasi saya - jika saya membuat Window baru, dan hanya memasukkan TextBox di dalamnya, dan menjalankan aplikasi, TextBox tidak memiliki fokus sampai saya mengkliknya atau tekan Tab . Yuck.

Aplikasi saya yang sebenarnya lebih rumit dari sekedar TextBox. Saya memiliki beberapa lapisan UserControls dalam UserControls. Salah satu UserControls memiliki penangan Focusable = "True" dan KeyDown / KeyUp, dan saya ingin itu memiliki fokus segera setelah jendela saya terbuka. Saya masih agak pemula WPF, dan saya tidak punya banyak keberuntungan mencari tahu bagaimana melakukan ini.

Jika saya memulai aplikasi saya dan menekan tombol Tab, maka fokus beralih ke kontrol yang dapat saya fokuskan, dan mulai berfungsi seperti yang saya inginkan. Tapi saya tidak ingin pengguna saya harus menekan Tab sebelum mereka dapat mulai menggunakan jendela.

Saya telah bermain-main dengan FocusManager.FocusedElement, tapi saya tidak yakin kontrol mana yang digunakan (Window tingkat atas? Induk yang berisi kontrol yang dapat difokus? Kontrol yang dapat difokus sendiri?) Atau untuk mengaturnya.

Apa yang harus saya lakukan untuk mendapatkan kontrol mendalam saya untuk memiliki fokus awal segera setelah jendela terbuka? Atau lebih baik lagi, untuk memfokuskan kontrol fokus pertama dalam urutan tab?

Ini juga berfungsi:

<Window FocusManager.FocusedElement="{Binding ElementName=SomeElement}">

   <DataGrid x:Name="SomeElement">
     ...
   </DataGrid>
</Window>

Saya memiliki ide cemerlang untuk menggali melalui Reflector untuk melihat di mana properti Focusable digunakan, dan menemukan jalan saya ke solusi ini. Saya hanya perlu menambahkan kode berikut ke konstruktor Window saya:

Loaded += (sender, e) =>
    MoveFocus(new TraversalRequest(FocusNavigationDirection.First));

Ini akan secara otomatis memilih kontrol pertama dalam urutan tab, jadi ini adalah solusi umum yang harus dapat dimasukkan ke jendela mana saja dan Just Work.

Berdasarkan jawaban yang diterima diterapkan sebagai perilaku terlampir:

using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;

namespace UI.Behaviors
{
    public static class FocusBehavior
    {
        public static readonly DependencyProperty FocusFirstProperty =
            DependencyProperty.RegisterAttached(
                "FocusFirst",
                typeof(bool),
                typeof(FocusBehavior),
                new PropertyMetadata(false, OnFocusFirstPropertyChanged));

        public static bool GetFocusFirst(Control control)
        {
            return (bool)control.GetValue(FocusFirstProperty);
        }

        public static void SetFocusFirst (Control control, bool value)
        {
            control.SetValue(FocusFirstProperty, value);
        }

        static void OnFocusFirstPropertyChanged(
            DependencyObject obj, DependencyPropertyChangedEventArgs args)
        {
            Control control = obj as Control;
            if (control == null || !(args.NewValue is bool))
            {
                return;
            }

            if ((bool)args.NewValue)
            {
                control.Loaded += (sender, e) =>
                    control.MoveFocus(new TraversalRequest(FocusNavigationDirection.Next));
            }
        }
    }
}

Gunakan seperti ini:

<Window xmlns:Behaviors="clr-namespace:UI.Behaviors"
        Behaviors:FocusBehavior.FocusFirst="true">

Saya menemukan solusi lain yang mungkin. Mark Smith memposting ekstensi markup FirstFocusedElement untuk digunakan dengan FocusManager.FocusedElement.

<UserControl x:Class="FocusTest.Page2"
    xmlns:FocusTest="clr-namespace:FocusTest"
    FocusManager.FocusedElement="{FocusTest:FirstFocusedElement}">

Apakah masalah yang sama diselesaikan dengan solusi sederhana: Di jendela utama:

  <Window ....
        FocusManager.FocusedElement="{Binding ElementName=usercontrolelementname}"
         ... />

Di kontrol pengguna:

private void UserControl_GotFocus_1(object sender, RoutedEventArgs e)
        {
            targetcontrol.Focus();
            this.GotFocus -= UserControl_GotFocus_1;  // to set focus only once
        }

Setelah memiliki 'WPF Initial Focus Nightmare' dan berdasarkan pada beberapa jawaban di stack, berikut ini terbukti bagi saya untuk menjadi solusi terbaik.

Pertama, tambahkan App.xaml OnStartup () berikut ini:

EventManager.RegisterClassHandler(typeof(Window), Window.LoadedEvent,
          new RoutedEventHandler(WindowLoaded));

Kemudian tambahkan acara 'WindowLoaded' juga di App.xaml:

void WindowLoaded(object sender, RoutedEventArgs e)
    {
        var window = e.Source as Window;
        System.Threading.Thread.Sleep(100);
        window.Dispatcher.Invoke(
        new Action(() =>
        {
            window.MoveFocus(new TraversalRequest(FocusNavigationDirection.First));

        }));
    }

Masalah threading harus digunakan karena fokus awal WPF sebagian besar gagal karena beberapa kondisi ras kerangka.

Saya menemukan solusi berikut yang terbaik karena digunakan secara global untuk seluruh aplikasi.

Semoga ini bisa membantu ...

Oran

Anda dapat dengan mudah mengatur kontrol itu sendiri sebagai elemen fokus di XAML.

<Window>
   <DataGrid FocusManager.FocusedElement="{Binding RelativeSource={RelativeSource Self}}">
     ...
   </DataGrid>
</Window>

Saya tidak pernah mencoba mengatur ini dalam kontrol pengguna dan melihat apakah ini berfungsi, tetapi mungkin.

Versi minimal dari jawaban Mizipzor untuk C # 6+.

public static class FocusBehavior
{
    public static readonly DependencyProperty GiveInitialFocusProperty =
        DependencyProperty.RegisterAttached(
            "GiveInitialFocus",
            typeof(bool),
            typeof(FocusBehavior),
            new PropertyMetadata(false, OnFocusFirstPropertyChanged));

    public static bool GetGiveInitialFocus(Control control) => (bool)control.GetValue(GiveInitialFocusProperty);
    public static void SetGiveInitialFocus(Control control, bool value) => control.SetValue(GiveInitialFocusProperty, value);

    private static void OnFocusFirstPropertyChanged(DependencyObject obj, DependencyPropertyChangedEventArgs args)
    {
        var control = obj as Control;

        if (control == null || !(args.NewValue is bool))
            return;

        if ((bool)args.NewValue)
            control.Loaded += OnControlLoaded;
        else
            control.Loaded -= OnControlLoaded;
    }

    private static void OnControlLoaded(object sender, RoutedEventArgs e) => ((Control)sender).MoveFocus(new TraversalRequest(FocusNavigationDirection.Next));
}

Gunakan di XAML Anda:

<Window local:FocusBehavior.GiveInitialFocus="True" />

Jika Anda seperti saya, dan Anda menggunakan beberapa kerangka kerja yang, entah bagaimana, mengacaukan perilaku fokus dasar, dan membuat semua solusi di atas tidak relevan, Anda masih dapat melakukan ini:

1 - Catat elemen yang mendapatkan fokus (apa pun itu!)

2 - Tambahkan ini dalam kode Anda di belakang xxx.xaml.cs

private bool _firstLoad;

3 - Tambahkan ini pada elemen yang mendapatkan fokus pertama:

GotFocus="Element_GotFocus"

4 - Tambahkan metode Element_GotFocus dalam kode di belakang, dan tentukan elemen bernama WPF yang membutuhkan fokus pertama:

private void Element_GotFocus(object sender, RoutedEventArgs e)
{
    if(_firstLoad)
    {
        this.MyElementWithFistFocus.Focus();
        _firstLoad = false;
    }
}

5 - Kelola acara yang Dimuat

dalam XAML

Loaded="MyWindow_Loaded"   

dalam xaml.cs

private void MyWindow_Loaded(object sender, RoutedEventArgs e)
{
        _firstLoad = true;
        this.Element_GotFocus(null, null);
}

Semoga ini akan membantu sebagai solusi resor terakhir

Saya juga menghadapi masalah yang sama. Saya memiliki tiga kotak teks di dalam wadah kanvas dan ingin kotak teks pertama difokuskan ketika kontrol pengguna terbuka. Kode WPF mengikuti pola MVVM. Saya membuat kelas perilaku terpisah untuk memfokuskan elemen dan mengikatnya dengan pandangan saya seperti ini.

Kode perilaku kanvas

public  class CanvasLoadedBehavior : Behavior<Canvas>
{
    private Canvas _canvas;
    protected override void OnAttached()
    {
        base.OnAttached();
        _canvas = AssociatedObject as Canvas;
        if (_canvas.Name == "ReturnRefundCanvas")
        {

            _canvas.Loaded += _canvas_Loaded;
        }


    }

    void _canvas_Loaded(object sender, RoutedEventArgs e)
    {
        FocusNavigationDirection focusDirection = FocusNavigationDirection.Next;

        // MoveFocus takes a TraveralReqest as its argument.
        TraversalRequest request = new TraversalRequest(focusDirection);
        UIElement elementWithFocus = Keyboard.FocusedElement as UIElement;
        if (elementWithFocus != null)
        {
            elementWithFocus.MoveFocus(request);
        }

    }

}

Kode untuk dilihat

<Canvas  Name="ReturnRefundCanvas" Height="200" Width="1466" DataContext="{Binding RefundSearchViewModel}">
                <i:Interaction.Behaviors>
                    <b:CanvasLoadedBehavior />
                </i:Interaction.Behaviors>
                <uc:Keyboard Canvas.Left="973" Canvas.Top="111" ToolTip="Keyboard" RenderTransformOrigin="-2.795,9.787"></uc:Keyboard>
                <Label  Style="{StaticResource Devlbl}" Canvas.Left="28" Content="Return and Refund Search" Canvas.Top="10" />
                <Image Height="30" Width="28" Canvas.Top="6" Canvas.Left="5" Source="pack://application:,,,/HomaKiosk;component/images/searchF.png">
                    <Image.OpacityMask>
                        <ImageBrush ImageSource="pack://application:,,,/HomaKiosk;component/images/searchF.png"/>
                    </Image.OpacityMask>
                </Image>

                <Separator Height="4" Canvas.Left="6" Margin="0" Canvas.Top="35" Width="1007"/>

                <ContentControl Canvas.Top="45" Canvas.Left="21"
                    ContentTemplate="{StaticResource ErrorMsg}"
                    Visibility="{Binding Error, Converter={c:StringNullOrEmptyToVisibilityConverter}}" 
                    Content="{Binding Error}" Width="992"></ContentControl>

                <Label  Style="{StaticResource Devlbl}" Canvas.Left="29" Name="FirstName" Content="First Name" Canvas.Top="90" />
                <wpf:AutoCompleteTextBox  Style="{StaticResource AutoComp}" Height="32" Canvas.Left="33" ToolTip="First Name"  Canvas.Top="120" Width="205"                     Padding="10,5" TabIndex="1001"
                    VerticalAlignment="Top"

                    Watermark=""
                    IconPlacement="Left"
                    IconVisibility="Visible"
                    Delay="100"

                    Text="{Binding FirstName, Mode=TwoWay, TargetNullValue=''}" 
                    Provider="{Binding FirstNameSuggestions}">
                    <wpf:AutoCompleteTextBox.ItemTemplate>
                        <DataTemplate>
                            <Border Padding="5">
                                <StackPanel Orientation="Vertical">
                                    <TextBlock Text="{Binding}"
                   FontWeight="Bold" />
                                </StackPanel>
                            </Border>
                        </DataTemplate>
                    </wpf:AutoCompleteTextBox.ItemTemplate>
                </wpf:AutoCompleteTextBox>

                <Label Style="{StaticResource Devlbl}" Canvas.Left="250" Content="Last Name" Canvas.Top="90" />
                <wpf:AutoCompleteTextBox  Style="{StaticResource AutoComp}" Height="32" ToolTip="Last Name" Canvas.Left="250"  Canvas.Top="120" Width="205" Padding="10,5"  TabIndex="1002"
                    VerticalAlignment="Top"
                    Watermark=""
                    IconPlacement="Left"
                    IconVisibility="Visible"
                    Delay="100"
                   Text="{Binding LastName, Mode=TwoWay, TargetNullValue=''}" 
                    Provider="{Binding LastNameSuggestions}">
                    <wpf:AutoCompleteTextBox.ItemTemplate>
                        <DataTemplate>
                            <Border Padding="5">
                                <StackPanel Orientation="Vertical">
                                    <TextBlock Text="{Binding}"
                   FontWeight="Bold" />
                                </StackPanel>
                            </Border>
                        </DataTemplate>
                    </wpf:AutoCompleteTextBox.ItemTemplate>
                </wpf:AutoCompleteTextBox>

                <Label Style="{StaticResource Devlbl}" Canvas.Left="480" Content="Receipt No" Canvas.Top="90" />
                             <wpf:AutoCompleteTextBox  Style="{StaticResource AutoComp}" Height="32" ToolTip="Receipt No" Canvas.Left="480"  Canvas.Top="120" Width="205" Padding="10,5"  TabIndex="1002"
                    VerticalAlignment="Top"
                    Watermark=""
                    IconPlacement="Left"
                    IconVisibility="Visible"
                    Delay="100"
                    Text="{Binding ReceiptNo, Mode=TwoWay, TargetNullValue=''}" 
                    Provider="{Binding ReceiptIdSuggestions}">
                    <wpf:AutoCompleteTextBox.ItemTemplate>
                        <DataTemplate>
                            <Border Padding="5">
                                <StackPanel Orientation="Vertical" >
                                    <TextBlock Text="{Binding}"
                   FontWeight="Bold">

                                    </TextBlock>
                                </StackPanel>
                            </Border>
                        </DataTemplate>
                    </wpf:AutoCompleteTextBox.ItemTemplate>
                    <i:Interaction.Behaviors>
                        <b:AllowableCharactersTextBoxBehavior RegularExpression="^[0-9]+$" MaxLength="15" />
                    </i:Interaction.Behaviors>
                </wpf:AutoCompleteTextBox>
                <!--<Label Style="{StaticResource Devlbl}" Canvas.Left="710" Content="Duration" Canvas.Top="79" />-->
                <!--<ComboBox AllowDrop="True" Canvas.Left="710" ToolTip="Duration" Canvas.Top="107" Width="205" TabIndex="1004"
                    Style="{StaticResource CommonComboBox}"      
                    ItemsSource="{Binding Durations}" DisplayMemberPath="Description" SelectedValuePath="Id" SelectedValue="{Binding SelectedDate, Mode=TwoWay}">

                </ComboBox>-->

                <Button Content="Search" Style="{StaticResource MyButton}" ToolTip="Search" 
                    Canvas.Top="116" Canvas.Left="710" Cursor="Hand" 
                    Command="{Binding SearchCommand}" TabIndex="2001">
                </Button>
                <Button Content="Clear" Style="{StaticResource MyButton}"  ToolTip="Clear"
                    Canvas.Top="116" Canvas.Left="840" Cursor="Hand" 
                    Command="{Binding ClearCommand}" TabIndex="2002">
                </Button>
                <Image Height="25" Width="25" Canvas.Top="175" Canvas.Left="25" Source="pack://application:,,,/HomaKiosk;component/images/chkpending.png"/>
                <Label  Style="{StaticResource LegendLbl}" Canvas.Left="50" Content="Check Returned and Payment Pending" Canvas.Top="178" />
                <Image Height="25" Width="25" Canvas.Top="175" Canvas.Left="300" Source="pack://application:,,,/HomaKiosk;component/images/chkrepaid.png"/>
                <Label  Style="{StaticResource LegendLbl}" Canvas.Left="325" Content="Repaid" Canvas.Top="178" />
                <Image Height="25" Width="25" Canvas.Top="175" Canvas.Left="395" Source="pack://application:,,,/HomaKiosk;component/images/refund.png"/>
                <Label  Style="{StaticResource LegendLbl}" Canvas.Left="415" Content="Refunded" Canvas.Top="178" />
                 </Canvas>

Solusi di atas tidak berfungsi seperti yang diharapkan untuk saya, saya telah sedikit mengubah perilaku yang diusulkan oleh Mizipzor sebagai berikut:

Dari bagian ini

if ((bool)args.NewValue)
        {
            control.Loaded += (sender, e) =>
                   control.MoveFocus(new TraversalRequest(FocusNavigationDirection.Next));
        }

Untuk ini

if ((bool)args.NewValue)
        {
            control.Loaded += (sender, e) => control.Focus();
        }

Dan saya tidak melampirkan perilaku ini ke Window atau UserControl, tetapi untuk mengontrol saya ingin fokus pada awalnya, misalnya:

<TextBox ui:FocusBehavior.InitialFocus="True" />

Oh, maaf untuk penamaan yang berbeda, saya menggunakan nama InitialFocus untuk properti terlampir.

Dan ini bekerja untuk saya, mungkin bisa membantu orang lain.

<Window FocusManager.FocusedElement="{Binding ElementName=yourControlName}">