标签: shadow

如何在元素的一侧添加框阴影?

我需要在某个block元素上创建一个box-shadow ,但仅在(例如)右侧.我做的方式是包装内部元件box-shadow到外层一个padding-rightoverflow:hidden;这样的阴影其他三面是不可见的.

有没有更好的方法来实现这一目标?喜欢box-shadow-right

编辑:我的意图是创建阴影的垂直部分.repeat-y与规则的作用完全相同background:url(shadow.png) 100% 0% repeat-y.

css shadow css3 box-shadow

425
推荐指数
6
解决办法
36万
查看次数

Android"海拔"没有显示阴影

我有一个ListView,每个列表项我希望它在它下面显示一个阴影.我正在使用Android Lollipop的新高程功能在View上设置一个我想要投射阴影的Z,并且我已经使用ActionBar(技术上是Lollipop中的工具栏)有效地做到了这一点.我正在使用Lollipop的高程,但由于某种原因,它没有在列表项下显示阴影.以下是每个列表项的布局设置方式:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    style="@style/block"
    android:gravity="center"
    android:layout_gravity="center"
    android:background="@color/lightgray"
    >

    <RelativeLayout
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:layout_marginLeft="40dp"
        android:layout_marginRight="40dp"
        android:layout_marginTop="20dp"
        android:layout_marginBottom="20dp"
        android:elevation="30dp"
        >

        <ImageView
            android:id="@+id/documentImageView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerCrop" />

        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/alphared"
            android:layout_alignParentBottom="true" >

            <appuccino.simplyscan.Extra.CustomTextView
                android:id="@+id/documentName"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@color/white"
                app:typeface="light"
                android:paddingLeft="16dp"
                android:paddingTop="8dp"
                android:paddingBottom="4dp"
                android:singleLine="true"
                android:text="New Document"
                android:textSize="27sp"/>

            <appuccino.simplyscan.Extra.CustomTextView
                android:id="@+id/documentPageCount"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@color/white"
                app:typeface="italic"
                android:paddingLeft="16dp"
                android:layout_marginBottom="16dp"
                android:text="1 page"
                android:textSize="20sp"/>

        </LinearLayout>

    </RelativeLayout>

</RelativeLayout>
Run Code Online (Sandbox Code Playgroud)

但是,这是它如何显示列表项,没有阴影: 在此输入图像描述

我也试过以下无济于事:

  1. 将高程设置为ImageView和TextViews本身而不是父布局.
  2. 将背景应用于ImageView.
  3. 用TranslationZ代替Elevation.

android shadow material-design android-elevation

253
推荐指数
9
解决办法
21万
查看次数

Android中的文字阴影效果?

可能重复:
Android - 文本阴影?

如何制作阴影效果文本TextView.

任何的想法?

android shadow textview

188
推荐指数
3
解决办法
21万
查看次数

如何删除按钮阴影(android)

我想从按钮上移除阴影,使其看起来更平坦.

我现在有这个:

带阴影的取消按钮

但我想要这个:

取消按钮没有阴影

android button shadow

132
推荐指数
8
解决办法
10万
查看次数

除了一个之外,在所有方面创建一个CSS3框阴影

我有一个标签式导航栏,我希望打开的标签有一个阴影,使其与其他标签区分开来.我还希望整个标签部分有一个阴影(见底部水平线)向上,阴影除了打开的所有选项卡的底部.

我将使用CSS3的box-shadow属性来做到这一点,但我无法找到一种方法来仅遮蔽我想要的部分.

通常情况下,我会用内容区域(更高z-index)覆盖打开标签的底部阴影,但在这种情况下,内容区域本身会有一个阴影,因此只会覆盖标签.

标签布局

     _______    _______    _______
    |       |  |       |  |       |
____|_______|__|       |__|_______|______

阴影线.

阴影会从水平线向上,在垂直线的外面.

                _______
               |       |
_______________|       |_________________

是一个实例:

那里有任何帮助,天才?

html css shadow css3

111
推荐指数
7
解决办法
9万
查看次数

内部文字阴影与CSS

我正在玩CSS3并尝试实现这样的文本效果(黑色模糊的内部阴影):

但我不能找到一种方法来创建文本阴影里面的文本.我想知道它是否仍然可能,因为box-shadow元素能够像这样渲染阴影:

box-shadow: inset 0px -5px 10px 0px rgba(0, 0, 0, 0.5);
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?

css text shadow

103
推荐指数
11
解决办法
20万
查看次数

向我的UIView添加投影的最佳方法是什么

我试图为彼此叠加的视图添加投影,视图崩溃允许其他视图中的内容被看到,在这种情况下我想保持view.clipsToBounds开启,以便当视图崩溃时,他们的内容被剪裁.

这似乎使我很难向图层添加阴影,因为当我打开clipsToBounds阴影时也会被剪裁.

我一直试图操纵view.frameview.bounds为了向框架添加一个投影,但允许边界足够大以包含它,但是我没有运气.

这是我用来添加阴影的代码(这只适用于clipsToBoundsOFF,如图所示)

view.clipsToBounds = NO;
view.layer.shadowColor = [[UIColor blackColor] CGColor];
view.layer.shadowOffset = CGSizeMake(0,5);
view.layer.shadowOpacity = 0.5;
Run Code Online (Sandbox Code Playgroud)

以下是应用于最轻的灰色层的阴影的屏幕截图.希望这能让我知道如果clipsToBounds关闭,我的内容将如何重叠.

影子应用.

如何为我添加阴影UIView并保持剪辑内容?

编辑:只是想补充说我还使用了带阴影的背景图像,这确实很有效,但是我仍然想知道最好的编码解决方案.

shadow uiview ios cliptobounds

103
推荐指数
5
解决办法
13万
查看次数

Android View阴影

我四处搜寻,找不到合适的方法.我想对我的观点产生以下阴影效果: 在此输入图像描述

在此输入图像描述

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

android shadow dropshadow

90
推荐指数
11
解决办法
15万
查看次数

如何为Button提供阴影

在此输入图像描述

正如你在图像中看到的那样,我想要一个背后的阴影Button.我创造Button了圆角.但问题是我不能在背后产生阴影Button.我怎样才能做到这一点?

android shadow material-design

74
推荐指数
5
解决办法
19万
查看次数

在UIImageView后面创建阴影的最佳方法是什么

我有一个UIImageView,我想在后面添加一个阴影.我希望苹果将其作为一种财产,但他们必须为我们的程序员做很多事情,所以我需要问这个问题.

iphone shadow uiimageview

73
推荐指数
4
解决办法
6万
查看次数