我正在为具有管理屏幕以连接到 wifi 网络的信息亭应用程序构建一个窗口。实际上,我正在移植一个现有的 WinForms 应用程序,它已经这样做了,但没有给我们想要创建更有趣的 UI 的灵活性。所以,我们正在转向 WPF。
该窗口非常简单,它有一个列表视图来显示它找到的网络,如果您单击一个,它将连接到它。为了连接,如果需要,我们需要提示该网络的安全代码。为此,我们打开一个包含三个部分的弹出窗口 - 顶部的“dialog-y”提示部分、间隔行和位于屏幕键盘后面的空白边框,但有漂亮的圆角。
该顶部有一个标题、一个文本框和两个按钮,连接和取消。同样,没有什么复杂的。
这一切都有效。您单击一个网络,我们会显示弹出窗口和键盘,除了:密码的文本框永远不会获得焦点。即使你点击它。没有重点。我发现让它成为焦点的唯一技巧是点击弹出窗口(就像返回列表视图,如果弹出窗口打开,它已经忽略点击,所以它是安全的),然后点击文本框,瞧!重点。我真的不认为我想把它放在用户手册中。
这是 xaml 的弹出部分:
<Popup x:Name="popPasscode" Placement="Top" HorizontalOffset="50" VerticalOffset="1000" AllowsTransparency="True" >
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="50" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Border Grid.Row="0" Background="White" CornerRadius="20" Width="600" Height="400">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Border Grid.Row="0" Background="#464646" Height="50" Margin="8,10,8,0" CornerRadius="25" >
<Label x:Name="lblTitleSecurityCode" Content="Enter the security code" Foreground="White" FontFamily="Arial" FontSize="30" FontWeight="Bold" HorizontalAlignment="Center"/>
</Border>
<TextBox Grid.Row="1" x:Name="tbPasscode" Height="50" FontFamily="Arial" FontSize="30" Margin="40,0,40,0"/>
<StackPanel Grid.Row="2" Orientation="Horizontal" Margin="10,0,10,10" HorizontalAlignment="Center">
<Controls:ImageButton x:Name="btnCodeConnect" Content="Connect" Height="70" Width="275" Foreground="Black" Style="{DynamicResource PlainButton}" FontFamily="Arial" FontSize="30" FontWeight="Bold" Click="btnCodeConnect_Click" HorizontalAlignment="Center" VerticalAlignment="Center" />
<Controls:ImageButton x:Name="btnCodeCancel" Content="Cancel" Height="70" Width="275" Foreground="Black" Style="{DynamicResource PlainButton}" FontFamily="Arial" FontSize="30" FontWeight="Bold" Click="btnCodeCancel_Click" HorizontalAlignment="Center" VerticalAlignment="Center" />
</StackPanel>
</Grid>
</Border>
<Border Grid.Row="2" x:Name="brdrKbd" Background="White" CornerRadius="20" Width="1200" Height="420"/>
</Grid>
</Popup>
这是我当前在 listview 单击事件期间尝试执行的操作,以将焦点移到控件上。请注意,我试图伪造“将焦点设置为列表视图,然后将其设置为文本框,但这不起作用。
// set the popup location and width and keyboard border width based on the current screen width
popPasscode.IsOpen = true;
// open the on-screen keyboard - synchronous call, doesn't return until it's open and idle
FocusManager.SetFocusedElement(this, lvAvailNetworks);
tbPasscode.Focusable = true;
FocusManager.SetFocusedElement(popPasscode, tbPasscode);
我已经为 tbPasscode 的 DependencyElement 尝试了几种不同的方法,但我真的不知道我在做什么,或者我正在做的事情有什么不同。哦,我有没有提到我刚刚完成了第一周的 WPF 编码?是的,WPF 新手警报。
我看到了这篇文章,但它并没有太大帮助,因为我认为我已经在做所有这些了。