我需要在某个block
元素上创建一个box-shadow ,但仅在(例如)右侧.我做的方式是包装内部元件box-shadow
到外层一个padding-right
和overflow:hidden;
这样的阴影其他三面是不可见的.
有没有更好的方法来实现这一目标?喜欢box-shadow-right
?
编辑:我的意图是只创建阴影的垂直部分.repeat-y
与规则的作用完全相同background:url(shadow.png) 100% 0% repeat-y
.
我有一个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)
但是,这是它如何显示列表项,没有阴影:
我也试过以下无济于事:
我有一个标签式导航栏,我希望打开的标签有一个阴影,使其与其他标签区分开来.我还希望整个标签部分有一个阴影(见底部水平线)向上,阴影除了打开的所有选项卡的底部.
我将使用CSS3的box-shadow
属性来做到这一点,但我无法找到一种方法来仅遮蔽我想要的部分.
通常情况下,我会用内容区域(更高z-index
)覆盖打开标签的底部阴影,但在这种情况下,内容区域本身会有一个阴影,因此只会覆盖标签.
_______ _______ _______ | | | | | | ____|_______|__| |__|_______|______
阴影会从水平线向上,在垂直线的外面.
_______ | | _______________| |_________________
这是一个实例:
那里有任何帮助,天才?
我正在玩CSS3并尝试实现这样的文本效果(黑色模糊的内部阴影):
但我不能找到一种方法来创建文本阴影里面的文本.我想知道它是否仍然可能,因为box-shadow元素能够像这样渲染阴影:
box-shadow: inset 0px -5px 10px 0px rgba(0, 0, 0, 0.5);
Run Code Online (Sandbox Code Playgroud)
有任何想法吗?
我试图为彼此叠加的视图添加投影,视图崩溃允许其他视图中的内容被看到,在这种情况下我想保持view.clipsToBounds
开启,以便当视图崩溃时,他们的内容被剪裁.
这似乎使我很难向图层添加阴影,因为当我打开clipsToBounds
阴影时也会被剪裁.
我一直试图操纵view.frame
并view.bounds
为了向框架添加一个投影,但允许边界足够大以包含它,但是我没有运气.
这是我用来添加阴影的代码(这只适用于clipsToBounds
OFF,如图所示)
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
并保持剪辑内容?
编辑:只是想补充说我还使用了带阴影的背景图像,这确实很有效,但是我仍然想知道最好的编码解决方案.
我四处搜寻,找不到合适的方法.我想对我的观点产生以下阴影效果:
说实话,我不知道第二个是否通过应用阴影效果来完成.有任何想法吗?
正如你在图像中看到的那样,我想要一个背后的阴影Button
.我创造Button
了圆角.但问题是我不能在背后产生阴影Button
.我怎样才能做到这一点?
我有一个UIImageView,我想在后面添加一个阴影.我希望苹果将其作为一种财产,但他们必须为我们的程序员做很多事情,所以我需要问这个问题.
shadow ×10
android ×5
css ×3
css3 ×2
box-shadow ×1
button ×1
cliptobounds ×1
dropshadow ×1
html ×1
ios ×1
iphone ×1
text ×1
textview ×1
uiimageview ×1
uiview ×1