布局阴影shadow的制作

    最近的项目,因为是和书籍有关,所以UI和我商量时问我  能不能在书架显示的给每本书(item)加一下阴影,我说  可以啊,因为CardView有显示阴影的属性,应该很方便  .但是她给我看了效果图后,我就感觉有点蛋疼了.因为  她的效果是只有右边和下边有阴影效果,而CardView  却四周都有,所以CardView就被排除了.最后我就上网  搜了下解决办法,发现也有一些有关shadow的自定义  控件,但是我自己觉得只是阴影用一个自定义控件  有点不太好,所以就找了其他方法,最后发现用  layer-list可以做到,随后就用的这个.

首先说下layer-list是什么？

    layer-list是图层列表,是一个drawable图形,放在  drawable目录下的资源文件.

layer-list的原理？

    layer-list的原理类似RelativeLayout(或者  FrameLayout)也是一层层的叠加,后添加的会覆盖先  添加的.在layer-list中可以通过控制后添加图层距  离最底部图层的左上右下的四个边距等属性,得到不同  的显示效果.这也解释了上面的图层列表,可以通过上面

我的实现

    所以我就用这种方式来实现阴影效果.下面用灰色布局,  上面用白布局,然后右边和下面进行偏移就行了.下面我  来贴下我的代码:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"><item><shape
            android:shape="rectangle"android:dither="true"><corners android:radius="2dp" /><solid android:color="#6ccc" /></shape></item><item android:bottom="2dp" android:right="2dp"><shape
            android:shape="rectangle"android:dither="true"><corners android:radius="2dp" /><solid android:color="@android:color/white" /><padding
                android:bottom="8dp"android:left="8dp"android:right="8dp"android:top="8dp" /></shape></item>
</layer-list>

    本人菜鸟一枚,欢迎大家进行指教！！！

布局阴影shadow的制作相关推荐

android bitmap 阴影,Android编程之阴影(Shadow)制作方法
本文实例讲述了Android编程之阴影(Shadow)制作方法.分享给大家供大家参考,具体如下: 先看运行效果图如下: 阴影制作:包括各种形状(矩形,圆形等等),以及文字等等都能设置阴影. 阴影制作是 ...
iOS 圆角cornerRadius、边框border、阴影Shadow
圆角cornerRadius 先看一下官网解释 Setting the radius to a value greater than 0.0 causes the layer to begin dra ...
android圆角布局阴影,Android 布局阴影实现
最近项目要求,ui有很多有关于阴影的设计要求,网上找了些实现方式,但都不是很理想.现在闲下来了,就寻思着自己写个阴影布局耍耍,以备后用.先说道说道我找到的几种阴影实现方式: 系统阴影 Andorid ...
Android 自定义阴影Shadow颜色，大小等样式
最近在项目碰到一个比较头疼的项目,设计师需要给ui图中的一些按钮之类的东西添加阴影.乍一看设计图,这没啥嘛,咱们Android中不是有这个属性嘛,于是撸起袖子开搞: <TextViewandro ...
html让页面两边都留点空位,标记语言——CSS布局_HTML/Xhtml_网页制作
Chapter 12 CSS布局本书到此为止,讨论的主要是页面内部元素,也就是内容,但是大结构怎么办?长久以来,设计者都依赖表格进行分栏布局,常常在表格之内嵌套其点击这里返回脚本之家 HTML教程 ...
android页面布局计算机,Android Studio制作简单计算器App
Android Studio制作简单计算器App 计算机界面如图: 程序设计步骤: (1)在布局文件中声明编辑文件框EditText,按钮Button等组件. (2)在MainActivity中获取组 ...
html页面布局实验原理,html网页制作实验报告.doc
html网页制作实验报告 html网页制作实验报告篇一:HTML实验报告武夷学院实验报告课程名称:电子商务网站设计与开发_ 项目名称:_基于HTML的网页设计姓名:林元卿专业:旅游管理班级: ...
人造指针_如何用程式化的阴影和细节制作人造HDR照片
人造指针 The heavy, stylized shadows of HDR Photography are a professional, very dramatic look many phot ...
移动WEB开发之flex布局--携程网首页案例制作
案例:携程网移动端首页访问地址:携程旅行-酒店预订,机票预订查询,旅游度假,商旅管理-携程无线官网 (ctrip.com) 1. 技术选型方案:我们采取单独制作移动页面方案技术:布局采取flex ...

布局阴影shadow的制作

布局阴影shadow的制作

首先说下layer-list是什么？

layer-list的原理？

我的实现

布局阴影shadow的制作相关推荐

最新文章

热门文章