问题标签 [gradientstop]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
3300 浏览

wpf - LinearGradientBrushes 中的绝对 GradientStops

如何为myOffset中的 s 指定绝对 s ?GradientStopLinearGradientBrush

我有GridView一个LinearGradientBrush作为背景:

当网格为其默认大小时,渐变的白色区域大约为 60 像素单位高。当我调整网格大小时,渐变会拉伸,白色区域会变大。如何保持白色区域的高度相同,但拉伸其余的渐变?

白色区域对应于网格中的一行,所以如果有一种方法可以使渐变跨越除第一行之外的每一行,那就可以了。

0 投票
2 回答
2051 浏览

wpf - WPF:如何绑定位于 vb 代码中 controlTemplate 中的渐变色块的颜色属性?

我需要这样做以便为自定义控件(继承 ContentControl)创建动态背景画笔。我的自定义控件有两个依赖属性:StartColor 和 EndColor。在自定义控件的控件模板中,控件被包裹在背景为RadialGradientBrush带有渐变色标的边框中。一个渐变点的颜色绑定到 StartColor,另一个绑定到 EndColor。我在 XAML 中有这个 WORKING,但我需要将它转换为 VB 代码。XAML 中控件模板的边框元素使用以下代码完成:

我尝试在VB代码中创建边框如下,但它不起作用:



关于如何在 VB 代码中实现这一点的任何想法?

0 投票
4 回答
7624 浏览

silverlight - 如何在 Silverlight 中绑定 GradientStop 颜色或 GradientStops 属性?

我希望能够在 Silverlight 中拥有动态渐变,如下所示:

我绑定到两个返回“颜色”类型的属性,但是我总是收到此消息:

如果我尝试绑定到 GradientStop Collection 这也有同样的问题,这个问题的解决方案是什么:

  1. 允许在运行时更改渐变的开始和结束
  2. 在 Silverlight 3.0 中工作,不是 WPF 解决方案

如果有解决方法或无论如何要复制此行为,这是可以接受的,我有与 LinearGradients 一起使用的解决方案,因为我可以将某些“填充”属性绑定到此 - 但是在这种情况下不起作用,而且可能是我可能使用的其他渐变类型,以及将来可能使用的其他渐变类型,此解决方案/替代方案将适用。

0 投票
0 回答
723 浏览

silverlight - 来自 LinearGradientBrush 的 OpacityMask 与 Silverlight 3 中的绝对 GradientStops

我的问题与类似。

但是,该线程中的答案对我不起作用,因为我使用 LinearGradientBrush 作为不透明蒙版。

我有一个三行网格:

网格的内容在网格的顶部和底部(第一行和第三行)应该是半透明的。

我知道我不能使用剪辑,因为这不允许调整不透明度。所以我想我必须使用不透明蒙版。他们将图像或画笔作为内容,后者对于这个问题更有意义,但提出了如何将 GradientBrush 的偏移设置为网格高度的绝对值的问题。

另外,我正在使用 MVVM 模式。绑定偏移量不起作用,因为它不是从 FrameworkElement 派生的。我现在能看到的唯一解决方案是将完整的画笔绑定到我的视图模型,并在每次网格大小发生变化时对其进行调整。不太好,有没有更优雅的解决方案?

我想做的是这样的(RowDefinitions 和内容被跳过)

伪代码

我不能拆分网格或类似的东西,因为内容跨越三行。我猜 DrawingBrush 会很好地解决它,但这不是住在 SL 房子里。

我正在使用 Silverlight 3。

0 投票
0 回答
7069 浏览

css - 如何在不将颜色混合在一起(颜色急剧变化)的情况下制作对角 css 渐变,向右偏移 70%?

我找不到任何可以做我想做的事情的 CSS 渐变颜色生成器。没有混合的对角渐变,只是从#252525到的颜色急剧变化#0099ff(例如),两种颜色相交的线距容器左侧约 70%,因此该线将从容器左侧开始略多于一半容器的 x 轴,这条线可能会在容器右侧的 y 轴的中间结束。

如果您能够强调哪些数字专门用于计算倾斜度,以及渐变开始的 xy 坐标,那将非常有帮助。我只是在这一点上感到困惑。

0 投票
0 回答
332 浏览

silverlight - Silverlight 中的透明 GradientStop 并不完全透明

我在 Silverlight 中设计了一个简单的图形对象,它显示为一个带有一些白色文本的红色矩形;当鼠标悬停在矩形上时,我想显示一个从红色渐变为透明的覆盖矩形,以便文本仅部分可见。我的问题是,我使用的 LinearGradientBrush 不会从红色变为透明,而是从红色变为某种半透明的白色!我已将问题重现如下:

在这种情况下,您可以很容易地看到网格的上半部分比下半部分略亮,即使我使用了透明颜色常数。如果我使用#00FFFFFF,结果是相同的,而如果我使用#00xxxxxx,其中xxxxxx是任何颜色的RGB代码,上方矩形的色调会根据颜色而变化!代码的前两位不应该代表阿尔法通道吗?为什么“00”不代表完全透明?任何提示表示赞赏。

0 投票
1 回答
7771 浏览

c# - 在哪里添加 System.Windows.Media.GradientStopCollection 的参考

我已经转到解决方案资源管理器中的“参考”,并尝试从参考管理器中“程序集”下的“框架”添加它。在安装服务包方面有什么我缺少的吗?MSDN 页面 ( http://msdn.microsoft.com/en-us/library/system.windows.media.gradientstopcollection.aspx )

在 VS 2010 中

请指教...谢谢!

0 投票
1 回答
55 浏览

c# - 在 C# 中创建任何背景的方法

我正在尝试在 C# 中创建一个使用颜色的方法。

但不幸的是,它不起作用。这是错误消息:"System.Windows.Media.Colors" does not contain a definition for "ColorB".

有人知道我的谬误吗?

我想这样称呼它:Layoutgenerator(WhiteSmoke, LightGray);

0 投票
1 回答
182 浏览

.net - 如何将 #FF0B3663 设置为 GradientStop 颜色

现在我正在做;

但我需要传递 #FF0B3663 之类的字符串

任何想法?

谢谢

0 投票
3 回答
5273 浏览

css - 铬中模糊的线性渐变停止

如果我使用具有多个停止的线性渐变,如下所示:

Firefox 无问题。

Chrome 渐变颜色之间的过渡是模糊的。我正在重用一个位置来定义一种新颜色,所以在位置 35 上,颜色会立即从 #001500 变为 #ffffff(或至少应该如此)。如果 div 更高,渐变停止之间的模糊度会增加。

IE 有一些像 chrome 一样的模糊,但不那么极端。就像在 Chrome 中一样,如果 div 更高,模糊度会增加。

http://jsfiddle.net/cyq7grdr/5/

Firefox中的渐变:

Firefox中的渐变

chrome中的渐变:

镀铬渐变

当 div 不高时 chrome 中的渐变(1000 像素而不是 2000 像素):

在此处输入图像描述

编辑

似乎这是在 chrome 中修复的,但在 Firefox 中引入。如果有人能证实这一点,我会很高兴。