WPF模仿QQ登录按钮
来源:互联网 发布:什么是网络民生新闻 编辑:程序博客网 时间:2024/05/17 02:07
如下图,第一张是未点击时按钮样式,第二张是鼠标划过时按钮样式。
样式代码:
<Style TargetType="{x:Type Button}">
<Setter Property="FontSize" Value="16"/>
<Setter Property="HorizontalAlignment" Value="Center"/>
<Setter Property="VerticalAlignment" Value="Center"/>
<Setter Property="Foreground" Value="#FFFFFF"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Button}">
<Grid>
<Border Name="bd"
Background="#FD5E59"
CornerRadius="3">
<ContentPresenter Margin="0"
HorizontalAlignment="Center"
VerticalAlignment="Center"
RecognizesAccessKey="True" />
</Border>
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter TargetName="bd" Property="Background" Value="#FF726E" />
</Trigger>
<Trigger Property="IsPressed" Value="true">
<Setter TargetName="bd" Property="Background" Value="#F4433E" />
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
WPF前台xaml代码:
<Button Margin="5" Content="登 录" Width="270" Height="45" Style="{StaticResource btnLogin}"/>
看一下效果:
WPF XAML技术交流群:477319939
- WPF模仿QQ登录按钮
- swing 模仿QQ登录界面
- 简单模仿qq登录界面
- .net (vb) wpf 模仿QQ 吸附窗体
- WPF自学—模仿QQ窗体载入和关闭动画
- 模仿概念版QQ登录界面(超炫)
- Android 模仿QQ登录界面解决软键盘遮挡问题
- 模仿手机QQ以视频流背景的登录界面
- 模仿QQ背景为视频的登录页
- 自定义ProgressDialog的姿势(模仿QQ登录加载dialog)
- WPF开发实例——仿QQ登录界面
- WPF:按钮
- WPF:按钮
- 模仿QQ截图片
- 模仿QQ截图
- 网页模仿QQ消息
- 模仿QQ 输入框
- 模仿QQ界面
- ASP.NET 点击按钮首先出现确认对话框
- java Web应用配置log4j日志记录
- [整理]MongoDB 常用命令总结
- 关于WAMP出现无法启动的一些分析以及解决思路
- Android1.5中的AVD 总结
- WPF模仿QQ登录按钮
- windows系统卸载oracle(简单步骤,完全卸载)
- iOS7下隐藏status bar的详细研究
- 织梦dedecms|软件下载页面标签
- The Skyline Problem Leetcode Java
- 【数据可视化】大规模多变量空间数据场可视化
- 算法导论—最大子数组问题
- 博客地址收藏
- 求最大子数组