标签: dropshadow

好吧,我一直在阅读和搜索,现在我正在撞墙,试图解决这个问题.这是我到目前为止所拥有的:

package com.pockdroid.sandbox;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.widget.ImageView;

public class ShadowImageView extends ImageView {

private Rect mRect;
private Paint mPaint;

public ShadowImageView(Context context)
{
    super(context);
    mRect = new Rect();
    mPaint = new Paint();
    mPaint.setAntiAlias(true);
    mPaint.setShadowLayer(2f, 1f, 1f, Color.BLACK);
}

@Override
protected void onDraw(Canvas canvas) 
{
    Rect r = mRect;
    Paint paint = mPaint;

    canvas.drawRect(r, paint);
    super.onDraw(canvas);
}

@Override
protected void onMeasure(int w, int h)
{
    super.onMeasure(w,h);
    int mH, mW;
    mW = getSuggestedMinimumWidth() < …

我正在尝试使用投影使其看起来像一个div(标题)在另一个"上方".我的问题是"中间"div正在覆盖阴影.我尝试使用z-index将标题div放在中间div上,但它不起作用(阴影仍然被覆盖).当我在div之间休息时,我可以看到阴影,因此我知道代码的一部分工作正常.我有以下HTML代码:

<div id='portal_header_light'>
<img src="Home.png" height="32px" \>
<img src="Wrench.png" height="32px" \>
</div>
<div id='middle'></div>

这个css:

#portal_header_light {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px; text-align:center;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    padding: 0px 3px 0px 3px;
    background: -moz-linear-gradient(center top, #999999 0%,#ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #999999),color-stop(1, #ffffff));

    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);

    z-index:5;
}

#middle{
    height:308px; …

我四处搜寻,找不到合适的方法.我想对我的观点产生以下阴影效果:

说实话,我不知道第二个是否通过应用阴影效果来完成.有任何想法吗？

创建一个使用CSS在左侧绘制三角形的DIV.尝试将统一的box-shadow应用于父元素和伪元素(请参阅图像)和代码.

这可能吗？或者我最好使用border-image吗？

(上:暗影之前,中间:CSS Box-Shadow,Bottom:Desired Result)

.bubble{
    height: 200px;
    width:  275px;

    opacity: 0;

    margin-top: 41px;

    float: right;

    background-color: #F2F2F2;

    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0px 0px 6px #B2B2B2;
}

.bubble::after {
        height: 0px;
        width:  0px;

        content: "\00a0";

        display: block;

        margin-left: -10px;
        margin-top:   28px;

        border-width: 10px 10px 10px 0;
        border-style: solid;
        border-color: transparent #F2F2F2 transparent transparent;

        -webkit-box-shadow: 0px 0px 6px #B2B2B2;
    }

我有一个带有自动建议的搜索框,在其下面弹出一个div,其中包含多个搜索字符串建议(如google).是否有可能在CSS的自动建议框上有阴影或我需要某种类型的脚本？我尝试了背景图像,但建议的数量可以从1到10或15不等.

如果可能的话,我更喜欢在IE6 +和FF2 +中工作的东西.谢谢!

我已经做了一些广泛的代码示例搜索,但找不到任何东西.

特别是,我希望为我在ImageView中使用的png drawable添加阴影.这个png drawable是一个带有透明角的圆角矩形.

有人可以提供一个代码示例,说明如何在代码或XML中为视图添加一个不错的投影？

目前我在WPF中制作了一个包含网格和其他控件的边框.我面临的问题是,每当我将Border.Effect属性设置为投影效果时,边框中包含的每个控件现在都有一个投影.有没有办法将阴影设置为边框而不是边框​​中包含的每个控件？

以下是我的代码的简短示例:

<Grid>
 <Border Margin="68,67,60,67" BorderBrush="Black" BorderThickness="1" CornerRadius="10">
  <Border.Effect>
   <DropShadowEffect/>
  </Border.Effect>
  <Rectangle Fill="White" Stroke="Black" Margin="37,89,118,98" />
 </Border>
</Grid>

如何将阴影应用于特定边框边缘？

例如,我有以下代码:

header nav {
    border-top: 1px solid #202020;
    margin-top: 25px;
    width: 158px;
    padding-top:25px;
}

我想要一个仅应用于border-top的投影(1px 1px 1px #cdcdcd).

实现这一目标的最佳方法是什么？

编辑

这基本上就是我在寻找的东西

div {
    border-top: 1px solid #202020;
    margin-top: 25px;
    margin-left:25px;
    width: 158px;
    padding-top:25px;
    -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.75);
}

但是,阴影似乎受到填充的影响.无论如何都要将阴影单独附加到边框而不调整填充？

我有一个uiview子类,我正在尝试绘制一个带阴影的圆角矩形.虽然它绘制了两个元素,但我可以通过圆角矩形填充看到阴影.我是CG的新手,所以我可能会遗漏一些简单的东西(虽然它似乎不是填充的alpha设置为1).这是绘制rect代码.

- (void)drawRect:(CGRect)rect {
    // get the contect
 CGContextRef context = UIGraphicsGetCurrentContext();

 //for the shadow, save the state then draw the shadow
 CGContextSaveGState(context);
    CGContextSetShadow(context, CGSizeMake(4,-5), 10);



 //now draw the rounded rectangle
 CGContextSetStrokeColorWithColor(context, [[UIColor blackColor] CGColor]);
 CGContextSetRGBFillColor(context, 0.0, 0.0, 1.0, 1.0);

 //since I need room in my rect for the shadow, make the rounded rectangle a little smaller than frame
 CGRect rrect = CGRectMake(CGRectGetMinX(rect), CGRectGetMinY(rect), CGRectGetWidth(rect)-30, CGRectGetHeight(rect)-30);
 CGFloat radius = self.cornerRadius;
 // the rest is pretty much copied from Apples example …

我有一个WPF窗口,WindowStyle设置为none.有没有什么方法可以强制这个窗口放下一个阴影(就像你在WindowStyle不是没有时得到的那个)？我不想将AllowTransparency设置为true,因为它会影响性能.而且我也不想禁用硬件渲染(我在某处读到透明度在禁用时效果更好).