WPF学习——控件模板
时间:2021-07-20
本文章向大家介绍WPF学习——控件模板,主要包括WPF学习——控件模板使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
<Window x:Class="ControlTemplate.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:ControlTemplate" mc:Ignorable="d" Title="MainWindow" Height="450" Width="800"> <Window.Resources> <Style x:Key="ButtonStyle1" TargetType="{x:Type Button}"> <Setter Property="FontSize" Value="30"/> <Setter Property="Margin" Value="10"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type Button}"> <Border BorderBrush="Yellow" BorderThickness="3" CornerRadius="10" Background="{TemplateBinding Background}"> <DockPanel LastChildFill="False"> <TextBlock Text="❥(^_-)" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="5,0,0,0"/> <ContentPresenter Margin="10,0,0,0" VerticalAlignment="{TemplateBinding VerticalAlignment}"></ContentPresenter> </DockPanel> </Border> <ControlTemplate.Triggers > <Trigger Property="IsMouseOver" Value="True"> <Setter Property="Background" Value="Red"/> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style> </Window.Resources> <Grid> <StackPanel> <Button Height="60" Content="hello" VerticalAlignment="Center" Style="{StaticResource ButtonStyle1}"/> <Button Height="80" Content="style" VerticalAlignment="Center" Style="{StaticResource ButtonStyle1}"/> </StackPanel> </Grid> </Window>
ControlTemplate用于自定义控件。
ContentPresenter 是控件的内容呈现。Border重新定义你想要的控件外形,增加的额外内容写在Border中。
这里的Trigger定义在ControlComplate内,当鼠标移动到按钮上时,改变背景颜色为红色。
XAML代码中包含了样式、触发器等内容。
原文地址:https://www.cnblogs.com/lch902268/p/15035369.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法