无意间发现抖音里有一个段视频,逼迫批准辞职的小程序。虽然小白菜,但闲来无事,举手投足间打发时间。

这里主要分以下几步骤:

  1. 布局:在顶端放置内容,在中间布满按键,在底部排一排,并将最后一排头尾两个按键显示,其他按键全部隐藏。
  2. 按键事件:除最后一个按键添加点击触发事件外,其他所有按键统一为鼠标进入触发事件,并共用一个触发事件。
  3. 点击事件处理“批准”事件,代表同意“辞职”,鼠标移动事件为“不批准”事件;最后一个事件为关闭事件,该事件只有批准事件发生,才会退出程序。

先看一下源码:

 1 <Window x:Class="Resignation.MainWindow"
 2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4         Title="MainWindow" Height="350" Width="525">
 5     <Grid Background="Black">
 6         <DockPanel VerticalAlignment="Top">
 7             <StackPanel DockPanel.Dock="Top">
 8                 <TextBlock HorizontalAlignment="Center" Foreground="White" Width="auto" FontWeight="Bold" FontSize="24">
 9                     I have to resign, please kindly approve.
10                 </TextBlock>
11             </StackPanel>
12             <StackPanel DockPanel.Dock="Left" Orientation="Vertical">
13                 <Button Name="btn00_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
14                 <Button Name="btn01_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
15                 <Button Name="btn02_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
16                 <Button Name="btn03_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
17             </StackPanel>
18             <StackPanel DockPanel.Dock="Left" Orientation="Vertical">
19                 <Button Name="btn10_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
20                 <Button Name="btn11_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
21                 <Button Name="btn12_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
22                 <Button Name="btn13_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
23             </StackPanel>
24             <StackPanel DockPanel.Dock="Left" Orientation="Vertical">
25                 <Button Name="btn20_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
26                 <Button Name="btn21_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
27                 <Button Name="btn22_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
28                 <Button Name="btn23_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
29             </StackPanel>
30             <StackPanel DockPanel.Dock="Left" Orientation="Vertical">
31                 <Button Name="btn30_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
32                 <Button Name="btn31_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
33                 <Button Name="btn32_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
34                 <Button Name="btn33_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
35             </StackPanel>
36             <StackPanel DockPanel.Dock="Left" Orientation="Vertical">
37                 <Button Name="btn40_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
38                 <Button Name="btn41_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
39                 <Button Name="btn42_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
40                 <Button Name="btn43_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
41             </StackPanel>
42         </DockPanel>
43         <DockPanel VerticalAlignment="Bottom">
44             <StackPanel DockPanel.Dock="Left" Orientation="Horizontal">
45                 <Button Name="btn50_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter"/>
46                 <Button Name="btn51_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
47                 <Button Name="btn52_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
48                 <Button Name="btn53_ok" Content="Disapproved" Width="80" Height="30" Margin="10" MouseEnter="btn1_ok_MouseEnter" Visibility="Hidden"/>
49                 <Button Name="btn54_ok" Content="Approved" Width="80" Height="30" Margin="10" FontWeight="Bold" FontSize="14" Click="approved_Click"/>
50             </StackPanel>
51         </DockPanel>
52     </Grid>
53 </Window>
XAML

相关文章:

  • 2021-11-02
  • 2021-08-12
  • 2021-10-04
  • 2021-11-10
  • 2021-10-25
  • 2021-11-25
猜你喜欢
  • 2021-09-03
  • 2021-04-02
  • 2021-11-14
  • 2021-11-07
  • 2021-07-22
相关资源
相似解决方案