- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
有谁知道如何在 WPF 中制作内发光效果 没有 使用表达式混合或不推荐使用的 BitmapEffects?
示例图片:
例如,这里是一个带有图像和一些文本的按钮的一些 xaml。我希望这个按钮有一个内发光(不是外发光):
<Button Click="HandleDeleteRows" Style="{StaticResource ButtonCellStyle}">
<DockPanel>
<Image Style="{StaticResource DeleteButtonImage}" />
<TextBlock Style="{StaticResource DeleteButtonCaption}" />
</DockPanel>
</Button>
最佳答案
虽然我上面的简化示例由 PompolutZ 的回答解决,但我无法覆盖我想在现实世界示例中应用样式的控件的控件模板 - 所以我开始按照说明定义自己的效果here .
第一步 - 编写一个 HLSL .FX 文件,以达到您想要的效果。我放弃了发光太复杂,因为它需要边缘检测。我决定使用一系列标准的颜色、亮度、 Gamma 和饱和度调整,这些调整相当容易实现,并且可以让我创造一些很好的视觉提示。它们很容易使用常识和在线查找像素着色算法来实现。ColourAdjust.fx
:
sampler2D implicitInput : register(s0);
float saturation : register(c0);
float gamma : register(c1);
float brightness : register(c2);
float red_adjust : register(c3);
float green_adjust : register(c4);
float blue_adjust : register(c5);
static const float max_gamma = 100;
float4 main(float2 uv : TEXCOORD) : COLOR
{
float4 color = tex2D(implicitInput, uv);
float4 result;
// Apply greyscale desaturation
float gray = color.r * 0.3 + color.g * 0.59 + color.b *0.11;
result.r = (color.r - gray) * saturation + gray;
result.g = (color.g - gray) * saturation + gray;
result.b = (color.b - gray) * saturation + gray;
// Apply Gamma Adjustment (if it's not approximately 0.5 - which means no adjustment)
float gammafactor = gamma == 0 ? max_gamma : log(gamma) / log(0.5);
result.r = pow(result.r, gammafactor);
result.g = pow(result.g, gammafactor);
result.b = pow(result.b, gammafactor);
//Apply linear brightness adjustment
result.r += brightness + red_adjust;
result.g += brightness + green_adjust;
result.b += brightness + blue_adjust;
//Clamp brightness adjustment result to bounds 0 <= val <= 1
result.r = (result.r > 1 ? 1 : (result.r < 0 ? 0 : result.r));
result.g = (result.g > 1 ? 1 : (result.g < 0 ? 0 : result.g));
result.b = (result.b > 1 ? 1 : (result.b < 0 ? 0 : result.b));
result.a = color.a;
return result;
}
ColourAdjust.ps
.
> > fxc.exe /T ps_2_0 /E PS /ColourAdjust.ps ColourAdjust.fx
ColourAdjustEffect.cs
:
using System;
using System.Reflection;
using System.Windows;
using System.Windows.Media;
using System.Windows.Media.Effects;
namespace WPF.Utilities.UI
{
public class ColourAdjustEffect : ShaderEffect
{
private static PixelShader _pixelShader = new PixelShader() { UriSource = new Uri("pack://application:,,,/" + Assembly.GetExecutingAssembly() + ";component/Effects/ColourAdjust.ps") };
public static readonly DependencyProperty InputProperty = ShaderEffect.RegisterPixelShaderSamplerProperty("Input", typeof(ColourAdjustEffect), 0);
public static readonly DependencyProperty SaturationProperty = DependencyProperty.Register("Saturation", typeof(double), typeof(ColourAdjustEffect), new UIPropertyMetadata(1.0, PixelShaderConstantCallback(0), CoerceFactor));
public static readonly DependencyProperty GammaProperty = DependencyProperty.Register("Gamma", typeof(double), typeof(ColourAdjustEffect), new UIPropertyMetadata(0.5, PixelShaderConstantCallback(1), CoerceFactor));
public static readonly DependencyProperty BrightnessAdjustmentProperty = DependencyProperty.Register("BrightnessAdjustment", typeof(double), typeof(ColourAdjustEffect), new UIPropertyMetadata(0.0, PixelShaderConstantCallback(2), CoerceBrightnessAdjustment));
public static readonly DependencyProperty RedAdjustmentProperty = DependencyProperty.Register("RedAdjustment", typeof(double), typeof(ColourAdjustEffect), new UIPropertyMetadata(0.0, PixelShaderConstantCallback(3), CoerceBrightnessAdjustment));
public static readonly DependencyProperty GreenAdjustmentProperty = DependencyProperty.Register("GreenAdjustment", typeof(double), typeof(ColourAdjustEffect), new UIPropertyMetadata(0.0, PixelShaderConstantCallback(4), CoerceBrightnessAdjustment));
public static readonly DependencyProperty BlueAdjustmentProperty = DependencyProperty.Register("BlueAdjustment", typeof(double), typeof(ColourAdjustEffect), new UIPropertyMetadata(0.0, PixelShaderConstantCallback(5), CoerceBrightnessAdjustment));
public ColourAdjustEffect()
{
PixelShader = _pixelShader;
UpdateShaderValue(InputProperty);
UpdateShaderValue(SaturationProperty);
UpdateShaderValue(GammaProperty);
UpdateShaderValue(BrightnessAdjustmentProperty);
UpdateShaderValue(RedAdjustmentProperty);
UpdateShaderValue(GreenAdjustmentProperty);
UpdateShaderValue(BlueAdjustmentProperty);
}
public Brush Input
{
get { return (Brush)GetValue(InputProperty); }
set { SetValue(InputProperty, value); }
}
/// <summary>A value between 0 and 1 to alter the amount of colour left in the image. 0 is entirely greyscale, and 1 is unaffected. Default is 1.</summary>
public double Saturation
{
get { return (double)GetValue(SaturationProperty); }
set { SetValue(SaturationProperty, value); }
}
/// <summary>A value between 0 and 1 to alter the lightness of the greyscale without altering true black or true white.
/// 0 shifts shades closer to true black, and 1 shifts shades closer to true white. Default is 0.5.</summary>
public double Gamma
{
get { return (double)GetValue(GammaProperty); }
set { SetValue(GammaProperty, value); }
}
/// <summary>A value between -1 and 1 to linearly move the end result closer to true black or true white respectively.
/// -1 will result in an entirely black image, +1 will result in an entirely white image. Default is 0.</summary>
public double BrightnessAdjustment
{
get { return (double)GetValue(BrightnessAdjustmentProperty); }
set { SetValue(BrightnessAdjustmentProperty, value); }
}
/// <summary>A value between -1 and 1 to linearly increase the Red component of the result.
/// -1 will remove all Red from the image, +1 will maximize all Red in the image. Default is 0.</summary>
public double RedAdjustment
{
get { return (double)GetValue(RedAdjustmentProperty); }
set { SetValue(RedAdjustmentProperty, value); }
}
/// <summary>A value between -1 and 1 to linearly increase the Green component of the result.
/// -1 will remove all Green from the image, +1 will maximize all Green in the image. Default is 0.</summary>
public double GreenAdjustment
{
get { return (double)GetValue(GreenAdjustmentProperty); }
set { SetValue(GreenAdjustmentProperty, value); }
}
/// <summary>A value between -1 and 1 to linearly increase the Blue component of the result.
/// -1 will remove all Blue from the image, +1 will maximize all Blue in the image. Default is 0.</summary>
public double BlueAdjustment
{
get { return (double)GetValue(BlueAdjustmentProperty); }
set { SetValue(BlueAdjustmentProperty, value); }
}
private static object CoerceFactor(DependencyObject d, object value)
{
double newFactor = (double)value;
if( newFactor < 0.0 ) return 0.0;
if( newFactor > 1.0 ) return 1.0;
return newFactor;
}
private static object CoerceBrightnessAdjustment(DependencyObject d, object value)
{
double newFactor = (double)value;
if( newFactor < -1.0 ) return -1.0;
if( newFactor > 1.0 ) return 1.0;
return newFactor;
}
}
}
<Setter Property="Effect">
<Setter.Value>
<ui:ColourAdjustEffect Saturation="0" Gamma="0.6"
BrightnessAdjustment="-0.2" RedAdjustment="0.04" />
</Setter.Value>
</Setter>
关于WPF 内发光效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10317496/
有没有办法在另一个 WPF 窗口内托管 WPF 窗口。我有几个有点复杂的表格。但现在为了简化事情,我试图将其中一些合并为一个“仪表板”表单中的标签页。 请注意,我不是要托管 Windows 窗体,而是
WPF 特有的哪些方面和实践在非 WPF GUI 编程中最有用(并且并非难以实现)? 最佳答案 通过学习 WPF 命令,我了解了命令模式。它构成了 UI - 代码分离的基础,我认为应该在其他应用程序中
WinRT/Metro 正在获得一个新的 SemanticZoom控制,但我很难为 WPF 找到任何东西。 我不想为我的特定项目切换到 Metro,因为它不允许我制作窗口应用程序或跨多个显示器的多个实
我很难解决我的问题,我快要疯了。 想法是这样的:我有两个 ListView 元素,当一个元素从第一个列表掉落到第二个列表时,我需要打开一个对话,但我需要被掉落的元素的信息以及被添加以填充对话的元素。
如果我遵循TabControl,并且一切正常,当我切换到第二个Tabitem时,它显示就没有问题。 //datagrid //datagrid2 但是如果我有这个xaml,当我
在 Windows 窗体应用程序中,我们的数据 GridView 有很多事件,如行鼠标双击或行单击以及额外的...... 但是在 WPF 中我找不到这些事件。我如何将行鼠标双击添加到其中包含数据网格的
在这个项目中,代码 正确编译和执行 ;但是,我需要帮助解决两个问题: VS2012 WPF 设计器不适用于此 XAML 文件。它显示消息设计 View 对于 x64 和 ARM 目标平台不可用。 我收
目前我正在设计 WPF ScrollViewer,我发现了这个 Content="M 0 0 L 4 4 L 0 8 Z" 阅读 MSDN examples .现在我真的很想知道这意味着什么,但我无法
在 WPF 中,元素的可见性可以为“可见”,但实际上在屏幕上不可见,因为它的父元素(或父元素的父元素)具有折叠的可见性。 我希望能够知道一个元素是否实际呈现在屏幕上,而不必遍历可视化树检查父元素。 有
我应该使用 ApplicationCommands.Close用于关闭模式对话框还是该命令被认为是为关闭应用程序保留的?如果是后者,请大家创建Close每个命令 Dialog盒子或只是一个 Close
WPF 是否有任何可用的 piemenu 控件? 最佳答案 我在我的最爱中找到了这个,你可以看看: This 祝你今天过得愉快。 关于wpf - WPF 的菜单,我们在Stack Overflow上找
我正在尝试使用 WrapPanel 和两个 TextBlock 将星号 (*) 附加到某些文本的左侧,允许文本换行,并强制文本右对齐。通过创建一个 FlowDirection 设置为 RightToL
这里是场景(简化):我在Window上有一个控件(比如说一个Rectangle)。我迷上了MouseMove事件,以使其启动拖放操作。然后在MouseDown事件中进行动画处理,向右移动50个像素。但
我有一个 ListView ,它的项目来源是一个列表。我希望用户只选择一项。当我将 listview 的 SelectionMode 设置为 single 时,用户仍然可以选择多个项目,并且似乎 li
就目前而言,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the he
INotifyPropertyChanged 的目的是什么。我知道每当更改属性时都会触发此事件,但是 View /用户界面如何知道触发了此事件: 这是实现 INotifyPropertyChang
我正在查看工具箱中的 WPF 组件,但找不到 2005/2008 中存在的错误提供程序。 被移除了吗? 最佳答案 ErrorProvider是一个 Winforms 控件。 WPF 中没有等效项。但是
我试图在单击和双击 wpf Image 控件时有不同的行为。不幸的是,单击首先被触发,因此双击被忽略。 最佳答案 如果您改用 MouseDown 事件,则它在 EventArgs 中为 ClickCo
这可能吗? 我使用了一个框架控件并且:显示(例如:showwindow.xaml) 但是我得到这个错误: root element is not valid for navigation 最佳答案 确
我在蓝色背景的窗口上放置了一个扩展器,我想让扩展器的按钮与默认颜色不同(蓝色,它是从窗口接收的)。当我修改扩展器的背景属性时,它会将整个扩展器、标题和全部更改为新颜色。但是,我只想更改按钮本身。谁能指
我是一名优秀的程序员,十分优秀!