文档章节

Wpf button

lokialone
 lokialone
发布于 2015/10/20 19:51
字数 276
阅读 63
收藏 1

wpf实例-----Button

  1.     图片Button(注意页面里图片路径)


  1. <Grid>
            <StackPanel Orientation="Vertical" Width="89">
                <Button Height="49" Width="49" Margin="0,21,0,15">
                    <Button.Template>
                        <ControlTemplate>
                            <Border CornerRadius="6" Background="#66cccc">
                                <Image Source="/Resources/Images/icon-chat-3.png" Width="22"></Image>
                            </Border>
                        </ControlTemplate>
                    </Button.Template>
                </Button>
                <TextBlock  Foreground="#797979" FontSize="14"  HorizontalAlignment="Center">水电费录入</TextBlock>
            </StackPanel>
        </Grid>

2.带图片的Button

鼠标滑过的效果

<Button x:Name="leftMenuButton"
        						Width="150"
        						HorizontalAlignment="Right"
        						Height="50"
        						Foreground="{DynamicResource LeftMenuFontColor}"
        						Margin="0,0,0,0"
        						BorderBrush="Transparent"
        						Command="{Binding DataContext.MenuClickCommand, ElementName=MenuView}"
        						CommandParameter="{Binding}"
        						FontSize="14" >
        <Button.Style>
            <Style TargetType="{x:Type Button}">
                <Setter Property="Background"
        									Value="#ffe4eaf4" 
                                                                />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type Button}">
                            <Border  x:Name="buttonBorder"
        												BorderBrush="#03a9f4"
        												Background="{TemplateBinding Background}"
        												BorderThickness="0,0,0,0">

                                <StackPanel VerticalAlignment="Center">
                                    <Grid>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="60"/>
                                            <ColumnDefinition Width="90"/>
                                        </Grid.ColumnDefinitions>

                                        <Image  x:Name="btnIcon" Source="/Resources/Images/icon_ding.png" Width="27" Height="26" Grid.Column="0" />
                                        <TextBlock Text="HelloWorld" Grid.Column="1" Margin="0,4,0,0" Foreground="#FF8F8E8E"/>
                                    </Grid>

                                </StackPanel>
                            </Border>

                            <ControlTemplate.Triggers>
                                <Trigger Property="IsMouseOver"
        													Value="True">
                                    <Setter Property="Background"
        														Value="#ffcce4f7" 
                                                                />
                                    <Setter Property="BorderThickness"
        														Value="2,0,0,0" TargetName="buttonBorder"
                                                                />
                                    <Setter Property="BorderBrush"
        														Value="#008cee" />
                                    <Setter Property="Foreground" Value="#008cee" />
                                    <Setter Property="Source" Value="/Resources/Images/icon_ding_hover.png" TargetName="btnIcon"/>

                                </Trigger>
                                <DataTrigger Binding="{Binding IsCurrent}"
        													Value="True">
                                    <Setter Property="BorderThickness"
        														Value="2,0,0,0"
        														TargetName="buttonBorder"/>
                                    <Setter Property="Background"
        														Value="#cce4f7"
                                                                />
                                    <Setter Property="Source" Value="/Resources/Images/icon_ding_hover.png" TargetName="btnIcon"/>
                                </DataTrigger>
                            </ControlTemplate.Triggers>

                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
                <Style.Triggers>
                    <Trigger Property="IsMouseOver"
        										Value="True">
                        <Setter Property="Background"
        											Value="#ffcce4f7" 
                                                                />
                        <Setter Property="BorderThickness"
        											Value="2,0,0,0"
                                                                />
                        <Setter Property="BorderBrush"
        											Value="#008cee" />
                        <Setter Property="Foreground" Value="#008cee" />


                    </Trigger>
                </Style.Triggers>
            </Style>
        </Button.Style>
    </Button>


© 著作权归作者所有

上一篇: 快速上手WPF
下一篇: 快速上手WPF
lokialone
粉丝 0
博文 2
码字总数 1252
作品 0
杭州
程序员
私信 提问
WPF 浏览PDF 文件

很长时间没写文章感觉手有点生了,前段时间忙的要死公事、家事、私事,事事操心。还好现在有些时间可以继续写博客了。本篇将为大家演示如何在WPF 程序中浏览PDF 文件,本例将通过Adobe PDF R...

junwong
2012/03/09
838
0
Advanced WPF TreeViews - Part 5 of n

SolutionExplorerDemo2.zip Introduction This article shows how the content of a WPF/MVVM TreeView can be saved and re-loaded with XML. Background A recent article [5] on Reading ......

Dirk Bahle
2017/12/27
0
0
WPF 模拟UI 键盘录入

开发WinForm 应用程序时可以利用SendKeys 类方便的模拟键盘录入操作。那么在WPF 中如何为控件实现键盘模拟呢?本篇将使用WPF SendKeys 实现和WinForm 中相同的效果。 首先将WpfSendKeys.dll...

junwong
2012/03/09
335
0
关于C#下面的Invoke 和在WPF中使用的Dispatcher.Invoke的区别

在此重新学习一下Dispatcher.Invoke的定义: 从主 UI 线程派生的后台线程不能更新的内容 Button UI 线程上创建。 为了使后台线程访问的内容属性的 Button, ,后台线程必须将工作委托给 Disp...

Andrewniu
2018/10/31
0
0
简述WPF中的画刷(Brush)

-------------------------------------------------------------------------------- 引用或转载时请保留以下信息: 大可山 [MSN:a3news(AT)hotmail.com] http://www.zpxp.com http://www.b......

Andrewniu
2018/09/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 如果是个帅小伙你愿意和他出去吗

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 小小编辑推荐:《Ghost 》游戏《死亡搁浅》原声 《Ghost 》游戏(《死亡搁浅》原声) - Au/Ra / Alan Walker 手机党少年们想听歌,请使劲儿戳...

小小编辑
47分钟前
77
5
java通过ServerSocket与Socket实现通信

首先说一下ServerSocket与Socket. 1.ServerSocket ServerSocket是用来监听客户端Socket连接的类,如果没有连接会一直处于等待状态. ServetSocket有三个构造方法: (1) ServerSocket(int port);...

Blueeeeeee
今天
6
0
用 Sphinx 搭建博客时,如何自定义插件?

之前有不少同学看过我的个人博客(http://python-online.cn),也根据我写的教程完成了自己个人站点的搭建。 点此:使用 Python 30分钟 教你快速搭建一个博客 为防有的同学不清楚 Sphinx ,这...

王炳明
昨天
5
0
黑客之道-40本书籍助你快速入门黑客技术免费下载

场景 黑客是一个中文词语,皆源自英文hacker,随着灰鸽子的出现,灰鸽子成为了很多假借黑客名义控制他人电脑的黑客技术,于是出现了“骇客”与"黑客"分家。2012年电影频道节目中心出品的电影...

badaoliumang
昨天
16
0
很遗憾,没有一篇文章能讲清楚线程的生命周期!

(手机横屏看源码更方便) 注:java源码分析部分如无特殊说明均基于 java8 版本。 简介 大家都知道线程是有生命周期,但是彤哥可以认真负责地告诉你网上几乎没有一篇文章讲得是完全正确的。 ...

彤哥读源码
昨天
19
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部