标签: effect

我正在开发一个应用程序,我想做一些烟雾效果,如动画和与烟雾互动.

我是否需要实现OpenGLES或任何简单的解决方案？

有没有样品申请？

也就是说,元素的左边框和下边框需要给出弹出的3d效果.是否有一种好的,纯粹的CSS方式来实现这种效果？

我正在绘制一个DrawingContext,我想对绘图的一部分应用阴影效果.目前我在a中创建相关部分DrawingGroup并应用a BitmapEffect,但这没有效果:

var layer = new DrawingGroup();
using (var lcontext = layer.Open())
{
    // draw stuff in lcontext
}
layer.BitmapEffect = new DropShadowBitmapEffect { Color = Colors.Black, ShadowDepth = 3, Opacity = 0.5 };
context.DrawDrawing(layer);

这将layer正确地绘制所有内容,但没有投影效果.

我做错了什么/如何在DrawingContext中对一堆基元应用投影？

Drupal 7模块的"图像样式"可以产生图像效果,如调整大小,缩放,裁剪等.但这还不够.例如,原始图像大小为800x600,我可以将其缩放到400x300,然后我想在高度上添加白色背景,使其为400x400.如何产生这种效果？

我想知道是否有人知道是否有一个jquery插件,或者如何实现这种在时尚品牌krystalrae.com的'collection'部分可见的效果

屏幕捕获视频

任何提示或推动正确的方向将不胜感激!

谢谢!

我有一个TextView用作按钮.我想selectableItemBackgroundBorderless在按下时添加属性以产生圆形波纹效果.布局如下:

android:id="@+id/create_button"  
android:layout_width="wrap_content"
android:layout_height="54dp"
...
android:background="? android:attr/selectableItemBackgroundBorderless"

因此,按下时确实会出现圆形波纹效应,但是纹波会从文本视图中消失,但只是在textview的底部之外(因为textview的顶部是动作栏).

我的问题是,为什么涟漪效应会跨越textview底部？如你所知,我限制android:layout_height在54dp.为什么这个限制没用？

我正在寻找一种方法来重现 iOS 16 上的锁屏小部件上出现的“充满活力”的 iOS 16 效果，因为我的应用程序应该能够在用户创建过程中显示小部件的预览。

示例：请参阅下面中央屏幕上的 4 个圆形小部件。

以下是 Apple 文档中关于此效果的说明：

充满活力：对于锁定屏幕小部件，iOS 将文本、图像和仪表去饱和为单色，并通过为锁定屏幕背景适当地着色内容来创建充满活力的效果。人们还可以将锁定屏幕着色为彩色色调。 来自苹果文档

我不知道如何重现这种效果。尝试了该代码但不满意：

MyOriginalView()
    .compositingGroup()
    .saturation(0.0)
    .blendMode(.plusLighter) // or .blendMode(.hardLight)

以下是我想重现的对 iOS 16 充满活力的效果的更准确解释。

使用源视图和参数颜色，将源视图转换为灰度。白色像素似乎是使用参数颜色渲染的，而黑色像素则使用基于参数颜色的模糊透明深色。

请参阅下面的视图转换示例。

以下是一些用于创建测试图像并从此视图渲染 iOS 16 小部件的代码。这正是我想在我的应用程序中模仿的效果。

SwiftUI 4.0 代码（iOS16+）：（我认为您需要为代码添加一个 Widget Target 来编译）

import SwiftUI
import WidgetKit

struct SourceView: View {
    var body: some View {
        VStack (spacing: 0) {
            Color.black
            HStack (spacing: 0) {
                Color.black
                Color.black.opacity(0.75)
                Color.black.opacity(0.5)
                Color.black.opacity(0.25)
                Color.black.opacity(0.0)
            }
            HStack (spacing: 0) {
                Color.red
                Color.blue
                Color.green
                Color.yellow
                Color.white
            }
            HStack (spacing: …

我想知道mashable.com上图像的淡入效果(例如http://mashable.com/2009/08/14/google-android-logo-remixes/)

当您滚动到图像时,它会淡入.它不会在页面加载时消失,只会在屏幕上项目的实际外观上消失.

谢谢.

可以说我有这段代码:

<Window>
    <Window.Resources>
        <Color x:Key="MyColor"
               A="255"
               R="152"
               G="152"
               B="152" />
        <DropShadowEffect x:Key="MyEffect" 
                          ShadowDepth="0"
                          Color="{StaticResource MyColor}"
                          BlurRadius="10" />
        <Style x:Key="MyGridStyle"
               TargetType="{x:Type Grid}">
            <Setter Property="Height"
                    Value="200" />
            <Setter Property="Width"
                    Value="200" />
            <Style.Resources>
                <Style TargetType="{x:Type TextBlock}">
                    <Setter Property="Width"
                            Value="100" />
                </Style>
                <Style TargetType="{x:Type Image}">
                    <Setter Property="Height"
                            Value="100" />
                    <Setter Property="Width"
                            Value="100" />
                </Style>
            </Style.Resources>
            <Style.Triggers>
                <Trigger Property="IsMouseOver"
                         Value="true">
                    <!-- How do I apply my effect when this grid is hovered over to Image and TextBox, but not the grid itself? -->
                </Trigger>
            </Style.Triggers> …

    <script>
    $(document).ready(function () {
          $("#owl-demo").owlCarousel({
              navigation: true,
              navigationText: ["", ""],
              slideSpeed: 300,
              paginationSpeed: 400,
              autoPlay: true,
              mouseDrag: true,
              singleItem: true,
              animateIn: 'fadeIn',
              animateOut: 'fadeOut'
          });
      });
    </script>

以上是我的猫头鹰旋转木马报价,我想要淡入淡出效果,但它似乎没有出现.相反,它显示为滑动效果.