zoukankan
html css js c++ java
继续聊WPF——Expander控件(2)
上一篇文章简单说了一下Expander控件,本文将编写一个自义模板的Expander控件,如下图所示:
<Window x:Class="Expander_Sample2.Window1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Window1" Height="300" Width="300"> <Window.Resources> <!-- ToogleButton的模板, 因为要进和状态切换,故要用到ToggleButton控件 --> <ControlTemplate x:Key="ToggleButtonTemp" TargetType="{x:Type ToggleButton}"> <Border x:Name="bd" BorderThickness="1" CornerRadius="1,1,1,1"> <Border.Background> <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1"> <GradientStop Color="LightGray" Offset="0"/> <GradientStop Color="White" Offset="1"/> </LinearGradientBrush> </Border.Background> <Border.BorderBrush> <LinearGradientBrush StartPoint="0,0" EndPoint="1,1"> <GradientStop Color="Black" Offset="0"/> <GradientStop Color="Gray" Offset="1"/> </LinearGradientBrush> </Border.BorderBrush> <Path Margin="2,2,2,2" Fill="Black" x:Name="p" Data="M 0,0 L 4,5 L8,0 Z" HorizontalAlignment="Center" VerticalAlignment="Center"/> </Border> <ControlTemplate.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter TargetName="bd" Property="Background"> <Setter.Value> <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1"> <GradientStop Color="LightGreen" Offset="0"/> <GradientStop Color="White" Offset="1"/> </LinearGradientBrush> </Setter.Value> </Setter> </Trigger> <Trigger Property="IsChecked" Value="True"> <Setter TargetName="p" Property="Data" Value="M0,5 L8,5 L4,0 Z"/> </Trigger> <Trigger Property="IsEnabled" Value="True"> <Setter TargetName="bd" Property="BorderBrush" Value="Gray"/> <Setter TargetName="p" Property="Fill" Value="Gray"/> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> <!-- Expnder的样式 --> <Style TargetType="{x:Type Expander}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type Expander}"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="auto"/> <RowDefinition x:Name="gr" Height="0"/> </Grid.RowDefinitions> <BulletDecorator Background="DarkTurquoise" Grid.Row="0" VerticalAlignment="Center" > <BulletDecorator.Bullet> <ToggleButton Margin="1,1,1,1" Height="18" Width="18" Template="{StaticResource ToggleButtonTemp}" IsChecked="{Binding Path=IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" OverridesDefaultStyle="True"/> </BulletDecorator.Bullet> <ContentPresenter HorizontalAlignment="Center" Margin="1,1,1,1" ContentSource="Header"/> </BulletDecorator> <Border x:Name="scv" Background="LightGray" BorderThickness="1" BorderBrush="Black" Grid.Row="1" > <ContentPresenter Margin="0" ContentSource="Content"/> </Border> </Grid> <ControlTemplate.Triggers> <Trigger Property="IsExpanded" Value="True"> <Setter TargetName="gr" Property="Height" Value="{Binding Path=DesiredSize/Height,ElementName=scv}"/> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style> </Window.Resources> <Grid> <Expander Margin="10,10" Height="210" Width="130" OverridesDefaultStyle="True"> <Expander.Header> <TextBlock Text="相见恨晚" FontWeight="Bold" FontSize="16"/> </Expander.Header> <TextBlock TextWrapping="Wrap"> 如果相见不会太晚,我们就不会悲伤,和你堂堂的手牵手,过得好简单, 若我有天不见了,或许你会比较快乐,虽然有万般舍不得,也不愿看你难割舍 若我有天不在了。请你原谅我的困扰,虽然你给我的不算少,只是我没福气要就算是完美。 </TextBlock> </Expander> </Grid> </Window>
查看全文
相关阅读:
leetcode算法题(JavaScript实现)
使用git submodule管理一个需要多个分立开发或者第三方repo的项目
linux下从源代码安装git
git项目实战常用workflow和命令
如何在linux console中显示当前你在的branch?
git plumbing 更加底层命令解析-深入理解GIT
如何直接在github网站上更新你fork的repo?
git remotes
git和其他版本控制系统的区别
Git server安装和配置
原文地址:https://www.cnblogs.com/tcjiaan/p/2422688.html
最新文章
水平垂直居中
onkeyup 事件会在键盘按键被松开时发生
输入框的获取焦点、失去焦点
oninput,onpropertychange,onchange的用法和区别
点击某个功能 界面变化
操作日志工具类
在Mybatis-spring中由于默认Autowired导致不能配置多个数据源的问题分析及解决
后台action处理数据传递给前台界面
验证码 jsp生成
session cookie
热门文章
mysql 配置参数
XAF-Domain Components 技术 使用接口来定义ORM业务对象
详解google Chrome浏览器(理论篇)
Raft 实现日志复制同步
MyBatis 源码分析——介绍
JDK1.8源码阅读系列之三:Vector
Nginx反向代理、CORS、JSONP等跨域请求解决方法总结
关于.NET玩爬虫这些事
开发史上最强模块加载工具
实现jul 日志重定向到 slf4j
Copyright © 2011-2022 走看看