这里把CSS3的新属性单独拿出来讲解一下:border-radius 属性用于创建圆角div{border:2px solid;border-radius:25px;-moz-border-radius:25px; /* Old Firefox */}border-shadow 用于向方框添加阴影....
分类:
Web程序 时间:
2015-08-15 11:45:20
阅读次数:
124
CSS3入门之边框与背景1、前言CSS3作为CSS的最新版本,在展示效果上有非常大的提升,接下来,我们就一起领略一下CSS3的风采吧。2、CSS3边框2.1、border-radius(用于设置圆角边框)在CSS2时代,要想实现圆角边框,是一件非常麻烦的事情。一种实现方式是使用一个背景图片,为了实现...
分类:
Web程序 时间:
2015-08-15 11:40:09
阅读次数:
151
今天做项目时需要实现圆角图片的效果,类似这样的效果:
经过网上搜索资料后,了解Android PorterDuff及Xfermode,首先看一下效果图(来自ApiDemos/Graphics/XferModes):
从上面我们可以看到PorterDuff.Mode为枚举类,一共有16个枚举值:
1.PorterDuff.Mode.CLEAR
...
分类:
其他好文 时间:
2015-08-13 18:04:10
阅读次数:
173
在iOS开发中,任何可见视图都是继承于UIView的。 继承体系中,大部分UIView的属性适用于其任何孩子。 而UIView的layer属性可以绘制UIView的各种效果。其实我们看到的View的动画实际上也是layer在绘制。1、绘制圆角 cornerView.layer.corn...
分类:
其他好文 时间:
2015-08-13 17:53:51
阅读次数:
125
在以前,渐变效果和阴影、圆角效果一样都是做成图片,直接编写 CSS 代码就可以实现。现在的CSS3线性渐变(linear-gradient)技术也可以实现这样的效果喽!
CSS3 Gradient 分为 linear-gradient(线性渐变)和 radial-gradient(径向渐变)。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用 CSS3 Gradient,我们需要先...
分类:
Web程序 时间:
2015-08-13 14:29:56
阅读次数:
145
在每个View上都有一个CALayer作为父图层,View的内容作为子层显示,通过layer的contents属性决定了要显示的内容,通过修改过layer的一些属性可以实现一些华丽的效果。
下面以一个普通的蓝色View为例,介绍layer的功能:
_blueView.layer.shadowOpacity = 1.0; // 阴影不透明度
_blueView.layer.shadowColor...
分类:
其他好文 时间:
2015-08-12 21:46:56
阅读次数:
122
来自:http://blog.csdn.net/rhljiayou/article/details/72126201、首先说一下canvas类:Class OverviewThe Canvas class holds the "draw" calls. To draw something, you ...
分类:
移动开发 时间:
2015-08-12 16:14:43
阅读次数:
308
1、在项目的根目录下创建resources文件夹。 2、在文件夹中都放入icon.png(应用图标,最小192x192px,不带圆角),splash.png(启动屏幕,最小2208x2208px,中间区域1200x1200px)(可以是png、psd、ai) 3、在cmd...
分类:
其他好文 时间:
2015-08-12 13:26:38
阅读次数:
296
转载请注明出处:王亟亟的大牛之路平时要用一些非方方正正的按钮之类的小伙伴们是如何实现的?RadioButton?ImageButton?还是其他?
今天亟亟上的是ImageView来实现的
先上下效果图(目录结构)
分析:shape.xml用于Button的”倒角”(做过机械类的都懂,哈哈)
attr.xml用于自定义ImageView的标签的定义
ids.xml用于控件findbyid用...
分类:
移动开发 时间:
2015-08-11 18:59:42
阅读次数:
204
一、正方形div{ background:#F00; width:100px; height:100px;}二、长方形div{background:#F00;width:200px;height:100px;}三、圆形 把宽度(width)与高度(height)值设置为一致(也就是正方形),并且四....
分类:
Web程序 时间:
2015-08-11 18:33:19
阅读次数:
124