C#(Wpf)实现小键盘-低调大师

C#(Wpf)实现小键盘

2018-08-22 639

原文: C#(Wpf)实现小键盘

花了一天时间小键盘基本功能已完成，先看看效果图吧！

默认：

Shift：

Caps Lock：

Button style

<Style x:Key="KeyButton" TargetType="Button">
        <Setter Property="Background" Value="White"/>
        <Setter Property="Margin" Value="1,2"/>
        <Setter Property="Width" Value="24"/>
        <Setter Property="Height" Value="24"/>
        <Setter Property="BorderThickness" Value=".5"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Grid>
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualState x:Name="Normal"/>
                                <VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#47C9FB"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#2BA8E8"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#1097D7"/>
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" To="#1097D7"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" To="#2BA8E8"/>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" To="#47C9FB"/>
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="Disabled" />
                            </VisualStateGroup>
                            <VisualStateGroup x:Name="FocusStates">
                                <VisualState x:Name="Focused" />
                                <VisualState x:Name="Unfocused" />
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                        <Border x:Name="Background"  Background="White" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                            <Grid Background="{TemplateBinding Background}">
                                <Rectangle x:Name="BackgroundGradient" >
                                    <Rectangle.Fill>
                                        <LinearGradientBrush StartPoint=".5,0" EndPoint=".5,1">
                                            <GradientStop Color="White" Offset="0" />
                                            <GradientStop Color="White"  Offset="0.4" />
                                            <GradientStop Color="White" Offset="1" />
                                        </LinearGradientBrush>
                                    </Rectangle.Fill>
                                </Rectangle>
                            </Grid>
                        </Border>
                        <ContentPresenter
                              x:Name="contentPresenter"
                              Content="{TemplateBinding Content}"
                              ContentTemplate="{TemplateBinding ContentTemplate}"
                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                              HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                              Margin="{TemplateBinding Padding}"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

View Code

Window style

<Style TargetType="{x:Type local:KeyBoard}">
        <Setter Property="Width" Value="360px"></Setter>
        <Setter Property="Height" Value="108px"></Setter>
        <Setter Property="AllowsTransparency" Value="true"/>
        <Setter Property="ResizeMode" Value="NoResize"/>
        <Setter Property="WindowStyle" Value="None"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:KeyBoard}">
                    <Border Background="#2092D8"
                            BorderBrush="#043150"
                            BorderThickness="1" CornerRadius="2">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition />
                                <RowDefinition />
                                <RowDefinition />
                                <RowDefinition /> 
                            </Grid.RowDefinitions>
                            <StackPanel Orientation="Horizontal">
                                <Button x:Name="btnNum2" Margin="10,2,1,2" Style="{StaticResource KeyButton}">2</Button>
                                <Button x:Name="btnNum3" Style="{StaticResource KeyButton}">3</Button>
                                <Button x:Name="btnNum4" Style="{StaticResource KeyButton}">4</Button>
                                <Button x:Name="btnNum5" Style="{StaticResource KeyButton}">5</Button>
                                <Button x:Name="btnNum6" Style="{StaticResource KeyButton}">6</Button>
                                <Button x:Name="btnNum7" Style="{StaticResource KeyButton}">7</Button>
                                <Button x:Name="btnNum8" Style="{StaticResource KeyButton}">8</Button>
                                <Button x:Name="btnNum9" Style="{StaticResource KeyButton}">9</Button>
                                <Button x:Name="btnNum0" Style="{StaticResource KeyButton}">0</Button>
                                <Button x:Name="btnDot" Style="{StaticResource KeyButton}">`</Button>
                                <Button x:Name="btnNum1" Style="{StaticResource KeyButton}">1</Button>
                                <Button x:Name="btnDelete" Style="{StaticResource KeyButton}" Width="45">&lt;-</Button>
                            </StackPanel>
                            <StackPanel Orientation="Horizontal" Grid.Row="1">
                                <Button x:Name="btnShift" Margin="2,2,1,2" Style="{StaticResource KeyButton}" Width="30">Shift</Button>
                                <Button x:Name="btnBackslant" Style="{StaticResource KeyButton}">\</Button>
                                <Button x:Name="btnLParenthesis" Style="{StaticResource KeyButton}">[</Button>
                                <Button x:Name="btnRParenthesis" Style="{StaticResource KeyButton}">]</Button>
                                <Button x:Name="btnSemicolon" Style="{StaticResource KeyButton}">;</Button>
                                <Button x:Name="btnSQuotes" Style="{StaticResource KeyButton}">'</Button>
                                <Button x:Name="btnComma" Style="{StaticResource KeyButton}">,</Button>
                                <Button x:Name="btnPeriod" Style="{StaticResource KeyButton}">.</Button>
                                <Button x:Name="btnSlant" Style="{StaticResource KeyButton}">/</Button>
                                <Button x:Name="btnSub" Style="{StaticResource KeyButton}">-</Button>
                                <Button x:Name="btnEquip" Style="{StaticResource KeyButton}">=</Button>
                                <Button x:Name="btnCapsLock" Style="{StaticResource KeyButton}" Width="62">Caps Lock</Button>
                            </StackPanel>
                            <StackPanel Orientation="Horizontal" Grid.Row="2">
                                <Button x:Name="btnj" Margin="10,2,1,2" Style="{StaticResource KeyButton}">j</Button>
                                <Button x:Name="btnk" Style="{StaticResource KeyButton}">k</Button>
                                <Button x:Name="btnl" Style="{StaticResource KeyButton}">l</Button>
                                <Button x:Name="btnm" Style="{StaticResource KeyButton}">m</Button>
                                <Button x:Name="btna" Style="{StaticResource KeyButton}">a</Button>
                                <Button x:Name="btnb" Style="{StaticResource KeyButton}">b</Button>
                                <Button x:Name="btnc" Style="{StaticResource KeyButton}">c</Button>
                                <Button x:Name="btnd" Style="{StaticResource KeyButton}">d</Button>
                                <Button x:Name="btne" Style="{StaticResource KeyButton}">e</Button>
                                <Button x:Name="btnf" Style="{StaticResource KeyButton}">f</Button>
                                <Button x:Name="btng" Style="{StaticResource KeyButton}">g</Button>
                                <Button x:Name="btnh" Style="{StaticResource KeyButton}">h</Button>
                                <Button x:Name="btni" Style="{StaticResource KeyButton}">i</Button>
                            </StackPanel>
                            <StackPanel Orientation="Horizontal" Grid.Row="3">
                                <Button x:Name="btnp" Margin="10,2,1,2" Style="{StaticResource KeyButton}">p</Button>
                                <Button x:Name="btnq" Style="{StaticResource KeyButton}">q</Button>
                                <Button x:Name="btnr" Style="{StaticResource KeyButton}">r</Button>
                                <Button x:Name="btns" Style="{StaticResource KeyButton}">s</Button>
                                <Button x:Name="btnt" Style="{StaticResource KeyButton}">t</Button>
                                <Button x:Name="btnu" Style="{StaticResource KeyButton}">u</Button>
                                <Button x:Name="btnv" Style="{StaticResource KeyButton}">v</Button>
                                <Button x:Name="btnw" Style="{StaticResource KeyButton}">w</Button>
                                <Button x:Name="btnx" Style="{StaticResource KeyButton}">x</Button>
                                <Button x:Name="btny" Style="{StaticResource KeyButton}">y</Button>
                                <Button x:Name="btnz" Style="{StaticResource KeyButton}">z</Button>
                                <Button x:Name="btnn" Style="{StaticResource KeyButton}">n</Button>
                                <Button x:Name="btno" Style="{StaticResource KeyButton}">o</Button>
                            </StackPanel>
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

View Code

存在的问题：还不能自动定位，弹出键盘需要手动控制，这些以后会解决的

周末愉快！

本文地址:http://www.cnblogs.com/liuxiaobo93/p/3915468.html 暮雨冰蓝

微信关注我们

原文链接：https://yq.aliyun.com/articles/677694

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

【新功能邀请】Go版本云监控插件开始公测

云监控用Go语言重构了插件，且较目前的Java版本在资源消耗方面有很大节省。您可以根据如下步骤升级插件，升级后版本号为2.1.47。新版本插件资源消耗情况 CmsGoAgent进程占用15~20M左右内存和单核1~2%的CPU。（Java版本内存消耗在70M左右） CmsGoAgent是便携的无额外依赖Agent，程序大小在15M左右，视处理器不同实际尺寸相差2~3M。（Java版本安装包70M，解压后大小200M）本地日志最多占用40M空间，超过40M会进行清除。每15秒发送一次监控数据，约占用内网网络带宽10KB。每3分钟发送一次心跳数据，约占用内网网络带宽2KB左右。 ECS安装GoAgent 1.1 准备工作确定需要安装GoAgent的ECS地域ID（RegionID）查询地域的ID 1.2 Linux下安装GoAgent 远程登录e

2018-08-23

742

原文: c#实现任务栏添加控制按钮 Windows7Taskbar的使用你需要引入3个文件VistaBridgeLibrary.dll、Windows7.DesktopIntegration.dll、Windows7.DesktopIntegration.Registration.exe 下载地址：http://yunpan.cn/QauRaNK4H3BYW （提取码：fe58）里面封装好的类：Windows7Taskbar、ThumbButtonManager、ThumbButton、JumpListManager、RegistrationHelper等等 Windows7Taskbar用于注册及初始化，ThumbButtonManager管理ThumbButton，包括创建添加按钮，JumpListManager历史记录，RegistrationHelper关联文件类型实现步骤： 1.引用 using Windows7.DesktopIntegration;using Windows7.DesktopIntegration.WindowsForms; 2.初始化（窗体Load...

2018-08-23

693

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。