精华内容
参与话题
问答
  • blend

    千次阅读 2011-12-27 22:38:23
    看着各位大虾出系列文章貌似挺好玩的,本人耍了2个月的Wpf,有点见解,希望各位看官笑纳。本系列第一章就先来点简单又实用的吧o(∩_∩)o 哈哈.. 最终效果如下: ←点它  本人一直在做WPF算是第一次做silverlight...
    看着各位大虾出系列文章貌似挺好玩的,本人耍了2个月的Wpf,有点见解,希望各位看官笑纳。本系列第一章就先来点简单又实用的吧o(∩_∩)o 哈哈..
    

    最终效果如下:

    ←点它

     本人一直在做WPF算是第一次做silverlight,这样主要是为了能够在博客里更好的展示成品 。(特别鸣谢银光中国提供的免费silverlight空间)

     

     

    1.总体思路


     

    分析上面效果--button为一个发光的三角形在MouseOver和click的时候有响应的动画效果...

     发光的三角形:由2个空心三角形构成,其中下面一层那个被加入了BlurEffect效果。

     

     

     2.设计过程


     

     打开blend,新建  silverlight应用程序+网站  (这些我就不浪费口水了) 

     首先我们来画一个等腰三角形的路径..如何让它等腰呢?我们这里利用了一点几何常识....

    看到左边工具栏里面的图形

    我们先画一个矩形,然后再画一个矩形的内接圆(由于blend对图形绘制时的定位有吸附效果,所以很容易画出内接圆)

     然后用钢笔工具(P)连接3个切点,注意画的时候可以按住shift键来画,这点和PS一样可以让线保持在某几个角度范围,这样线就可以画的很直

    可以把圈圈和框框del了,剩下三角形,根据自己需求调好角度和边框粗细,颜色等。(调角度时按shift也有效果哦)

    然后我们把画好的三角形再CtrlV、CtrlC复制一份出来,把上面一层的边框颜色改为白色,如下图(有必要说明一下,因为XAML为解释性语言,后面创建的控件会覆盖在前面创建的控件上,这就导致图层结构显示和PS刚好相反,如下图,下面的Path在上面一层图层)

    然后我们为下层的三角添加Effect效果,点新建,选BlurEffect.

             

     做好后如下图:

    再反复调下面一层三角形的Effect.Radius和边框粗细和颜色,直到自己想要的效果

    作为一个Button它有点太大了,我们用选择工具(V)在画布上框选,或在左边树状结构里选中两个Path调节到自己想要的尺寸。

    然后把它两加入到一个Grid里面,方法如下图。或者也可以选中两个图形后用快捷键Ctrl+G。

    然后右键Grid,构成控件...

    我们选择Button确定。

    然后我们就发现真的变成Button了也~

    我们把Button.Content的内容清空

    我们进入编辑Button的模版,选中Button点下图中Grid就可进入

    结构如下

    我们选Grid,把它的背景色设为任意一个颜色,然后把透明度调为0(如果不这样做的话,空心三角形的内部为空的部分响应不了鼠标事件)

    作为一个Button当然要有MouseOver的效果咯。

    我们点状态选项栏,选中MouseOver状态,把作为发光虚化的三角形的边框改为另外一个颜色,再添加Normal状态到MouseOver的过度为0.3秒,这样让变化有个过程。如下图

    同理,我们添加Pressd状态的样式,这里我们把整个Grid向右稍微移动一点,可以选中grid后用方向键→来调整,这样保证在一条水平线上。同样添加到其他任意状态的过度,如下图。

    最后一步,按F5看一下你的成果吧~~!

    源码下载:http://files.cnblogs.com/tong-tong/SilverlightApplication1.rar


     

    在做上面这个Demo的时候突然有个想法,实施了下,效果不错,就作为耐心看完本教程的朋友的奖励吧~~

     

     

    由于silverlight中没有VisualBrush所以实现倒影略显繁琐....

    同样附上源码:http://files.cnblogs.com/tong-tong/SilverlightApplication1-%E5%89%AF%E6%9C%AC.rar


    展开全文
  • BLEND

    2013-01-30 14:54:13
    第一类: Layout Controls(布局控件) 第二类: Item ...我们已经对第一类布局控件在Blend中的应用进行了描述。本文将介绍Item Controls,也称为项目控件;和User Interaction Controls,也称为用户交互控件.
    第一类: Layout Controls(布局控件)
    第二类: Item Controls (项目控件)
    第三类: User Interaction Controls(用户交互控件)
    我们已经对第一类布局控件在Blend中的应用进行了描述。本文将介绍Item Controls,也称为项目控件;和User Interaction Controls,也称为用户交互控件.
     
    Item Controls (项目控件)
    在实际项目中,我们经常会遇到处理数据集合或者数组的情况,而处理数据集合最好的方法就是使用“Binding”绑定。正如您所知道的,在ASP.NET中,就已经应用了“Binding”绑定的概念,其优势在于节省了大量的开发时间,降低了开发难度。而在Silverlight中微软加强了Binding功能,并且使用Item Controls(项目控件)来显示和处理数据集合和数组类型数据。Silverlight提供了四种标准项目控件,分别是ListBox,ComboBox,TabControl和TreeView。 下面,我将演示在Blend中如何使用这些控件。
     
    根据上文描述,使用Item Controls前,首先需要绑定数据,而绑定数据需要有相关数据源,所以,我们需要先定义数据源。本文依旧使用前文例程SilverlightBlendDemo,在Silverlight客户端创建一个新的Usercontrol,ItemControlsDemo.xaml.
     
    创建完毕后,主设计窗口将呈现ItemControlsDemo的UI设计界面,看右边属性栏,有三个Tab,其中包含“Data”,选中Data,
     
    该窗口允许用户在Blend中定义数据源,导入XML格式数据,定义外部数据源等功能。
     
     
    首先,我们选择“Define New Sample Data..",定义一个新的例程数据源,名字使用默认SampleDataSource。其中,Define in是指定该数据源的应用访问,默认为整个项目,当然,如果作为测试,也可以指定该数据源仅应用于当前打开文档。这里,我们使用默认设置。
     
    创建完成后,在右边Data数据栏中,会出现SampleDataSource选项,而在该数据源下包含一个集合“Collection”,该集合默认有两个属性“Property1”和“Property2”。在项目应用中,可以根据需要再添加新的属性。
     
    由于我们添加的是例程数据源,Blend已经在该数据源中添加了例程数据,根据需求,我们可以对例程数据进行修改。首先选择Collection,然后点击编辑例程数据,
    可以看到,Blend生成的默认例程数据,这里我们可以进行简单修改,Property1默认类型String,Property2默认类型为Boolean,这里我想修改Property2为String,
    类型修改为String,还可以修改该数据列的具体的格式:
    为了方便演示我修改两个默认属性名,分别为,“网站”和“网址”
     
    点击OK,例程数据建立完成。
    下面,看看在Blend中如何使用Item Controls装载数据源。首先我们测试ListBox:
    在左边工具栏,选择ListBox控件,然后在ItemControlsDemo.Xaml设计页面,画一个ListBox。
    然后从右边Data栏中,选中Collection,拖拽到ListBox空白处,ListBox即可自动绑定例程数据。
    Blend会自动生成XAML代码,对例程数据进行绑定。
     
     1 <UserControl.Resources>
     2     <DataTemplate x:Key="ItemTemplate">
     3         <StackPanel>
     4           <TextBlock Text="{Binding 网址}"/>
     5           <TextBlock Text="{Binding 网站}"/>
     6         </StackPanel>
     7     </DataTemplate>
     8 </UserControl.Resources>
     9 <Grid x:Name="LayoutRoot" DataContext="{Binding Source={StaticResource SampleDataSource}}">
    10     <ListBox HorizontalAlignment="Left" Margin="48,45,0,43" Width="249" ItemTemplate="{StaticResource ItemTemplate}" ItemsSource="{Binding Collection}"/>
    11 </Grid>
     
     
    这样就轻松实现了ListBox绑定例程数据。
    再试试ComboBox,从左边工具框选择ComboBox,在设计页面画一个ComboxBox,
    仍旧按照以上方法,拖拽Collection到ComboBox上,即可看到数据已经进行绑定。
     同样,在Treeview中,也可以正常绑定。
     
    在数据绑定的时候,Data栏目,会有黄色的框,表示“Data Binding”。
     
    具体的定义,在Property属性栏中查看:
     
    以上则是使用Blend对Item Controls进行数据绑定的方法。由于文本主要讲述Blend应用,这里,就不再对Item Controls的属性进行赘述,如果您有问题可以留言给我。
     
    User Interaction Controls(用户交互控件)
    Silverlight控件中,User Interaction Controls是面向用户行为交互,该控件和ASP.NET和WPF中的大部分交互控件相同,用法也基本相似。其选取和设计,和前文Item Controls相同,这里就不再赘述。需要注意的是,不同的交互控件,具有不同的交互事件,从而达到不同的交互效果。在后文,如果有需要,我将详细解释说明。
    展开全文
  • 本文内容则简单介绍CSS3出现了两个与混合模式有关的属性,mix-blend-mode和background-blend-mode. 二、CSS3 mix-blend-mode   首先,要知道”blend-mode”就是混合模式的意思。那mix, 恩,我也不知道为什么命名为...
  • Advanced Blend Equations

    2020-11-29 23:45:16
    <div><p>This is a feature request to add the blend equations as seen in GL_KHR_blend_equation_advanced (https://www.khronos.org/registry/OpenGL/extensions/KHR/KHR_blend_equation_advanced.txt). ...
  • blend modes not working

    2020-11-25 02:39:20
    for (blend_mode, h_pos) in zip(["avg", "add"], [-0.5, +0.5]): win.blendMode = blend_mode grating.pos = (h_pos, 0) for grating_ori in [0, 90]: grating.ori = ...
  • A more robust blend?

    2020-11-22 02:20:46
    <div><p>I ran into a case recently where the default blend method was producing weird artifacts, but a different blend method didn't: <p><img alt="screen shot 2018-01-28 at 12 54 16 pm" src=...
  • <p>I just wanted to share that we have determined conclusively that the additive pre-multiplied blend mode is incorrect in headless-gl. <p>Specifically this does not work: <pre><code> gl....
  • Expression Blend

    2010-08-24 11:41:24
    Expression Blend中文教程 简介 布局 等
  • Blend教程

    2015-06-15 13:15:52
    适用铁路中心站数据交换平台、场站数据交换平台与全域通铁路口岸海关辅助系统之间接口的数据传输方式、数据传输流程、数据传输内容(属性、报文格式、控制报文格式、确认报文格式)
  • Add a Tri-blend shirt

    2020-11-25 17:01:38
    <p>The <a href="https://www.theprintful.com/custom/t-shirts/141/american-apparel-tr401-unisex-tri-blend-short-sleeve-track-shirt?tab=Info">TR401</a> and ...
  • <div><p>BlendShape animationについて質問があります <p>MeshSyncでUnity内に生成されるanimation clipの中にBlendShapeのanimationカーブは確認でき、実際にMeshSync sceneではBlendShape animationが再生されま...
  • Microsoft Expression Blend 4

    热门讨论 2013-03-28 14:30:16
    本书介绍microsoft expression blend 4的入门和提高教程,想要设计比较炫的silver light 程序的人建议看看,很快捷方便地利用blend来设计者类的程序,不过注意,此书是英文版,不过好像中文版的不好找,还是可以看看...
  • m trying blend test video with another video by using <code>" sr [" + mVideoTextureID + "," + mVideoWidth + "," + mVideoHeight + "] 100"</code> ...
  • help on blend node

    2020-11-29 17:34:07
    I try to use the blend node, to get the same result than this ;/rrstatic/javascript/shapejs/2.0/scripts/gyroid.js">with shape.js</a></p> <p>but it seems to do anything totaly different. I'm right ...
  • Blend 4序列号

    千次阅读 2010-09-03 08:27:00
    6WDDQ-K7D4F-GQGF4-2VYBJ-8K6MB

    6WDDQ-K7D4F-GQGF4-2VYBJ-8K6MB

     

    Microsoft Office Project Professional 2007 产品密钥:

    W2JJW-4KYDP-2YMKW-FX36H-QYVD8

    展开全文
  • <div><h2>Problem statement <p>Blender crashes during reopening of blend. Suspected node: Objects in sourcing a mesh that supposed to output slicers ... but hard to explain. <p>1. This will crash: ...
  • <div><p>Enable both Retopoflow and Blend4Web SDK, save preferences, restart blender. The interface changes to become like this issue https://github.com/CGCookie/retopoflow/issues/183</p> <p>clicking ...
  • BlendShape表情镜像

    2018-09-30 16:17:31
    blendshape制作面部表情,需要进行表情镜像。 于是开工,做了一个blendshape表情镜像的小插件。 maya2016、2018测试正常,安装使用说明都在压缩包内。 详情请见:https://www.jianshu.com/p/82e1b963b455
  • blend method should crop alpha of top layer according to alpha of bottom layer. See https://wiki.synfig.org/Blend_Method_Parameter#Add</p> <p>This doesn't happens, see sample file - ...
  • I wanted to know if there was any way to make this dynamic as I want to have a single object which can blend any number of animations. Since blendJob.layers is of type ozz::Range I tried setting is ...
  • Blend Image Op

    2020-11-25 19:50:04
    <div><p>Refers #1333 (#1226) Adding blend op to <code>tensorflow_addons.image</code></p>该提问来源于开源项目:tensorflow/addons</p></div>
  • <p>I was wondering if the blendshape is working as intended. In addition to writing a neutral face to an .obj file, I also wanted to write a face with expression to another file. <code>// neutral_...
  • Alpha blend mode is broken

    2020-11-29 11:40:18
    <div><ol><li>Start rootston with the Wayland backend</li><li>Open gnome-...<p>No idea how to fix this, the current blend mode looks good to me.</p><p>该提问来源于开源项目:swaywm/wlroots</p></div>
  • ve tested the new feature and for me is occurring a strange blend with the below layers, the new layer from visible is reinforcing the value colour. For me the new layer from visible must create an ...
  • BlendShape Unity

    2013-06-16 22:08:46
    This works in Unity, and it takes no more Script.
  • unity shaderlab Blend操作

    千次阅读 2016-03-01 10:56:39
    Blend混合操作是作用于在所有计算之后,是Shader渲染的最后一步,进行Blend操作后就可以显示在屏幕上。shader的计算步骤借用unity官方的一张图 Blend操作有两个混合对象,同时对应两个混合因子,Blend操作公式:...

    原文链接: http://www.tiankengblog.com/?p=84

    Blend混合操作是作用于在所有计算之后,是Shader渲染的最后一步,进行Blend操作后就可以显示在屏幕上。shader的计算步骤借用unity官方的一张图


    Blend操作有两个混合对象,同时对应两个混合因子,Blend操作公式:Blend SrcFactor DstFactor

    这里称SrcFactor为资源因子,DstFactor为目标因子,公式的意义就是:当前资源*资源因子+目标资源*目标因子

    举一些常用的例子,以此来分析

    Blend One One,计算的结果*1+目标的结果*1

    因为混合因子有很多,他们都可以作为混合因子,如下图


    Blend默认操作是混合相加

    同时unity提供了其他的操作方式BlendOp,Max(取计算的最大值),Min(取最小值),Sub(相减,当前-目标),RevSub(相减,目标-当前)

    示例,可以用来做一些图像裁剪:

    BlendOp RevSub

    Blend One One


    展开全文
  • Blend混合示例

    2013-08-11 10:37:09
    按键: 1:开启1个光照 2:开启2个光照 3:开启3个光照

空空如也

1 2 3 4 5 ... 20
收藏数 7,173
精华内容 2,869
关键字:

blend