来自: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
本节自定义带有点击效果的圆角矩形Button。
功能:
1.button点击变色
2.上面文字也是点击变色
3.button形状为圆角矩形
4.button具有渐变效果主要分为五步:
首先你需要在layout目录下建立一个drawable目录。
1.设置按钮正常状态//button_shape_normal.xml<?xml version="1.0" encoding="utf-8"...
分类:
其他好文 时间:
2015-08-07 01:51:54
阅读次数:
173
第一种方法:如果是CSS2.2的话,可以简单写一个制作圆角矩形,分上中下裁成三张图CSS3实现圆角 标题 第二种方法:如果是使用CSS实现圆角的话,那么目前最简单的方法就是CSS3中的-moz-border-radius、-webkit-border-radius以及border-...
分类:
Web程序 时间:
2015-08-07 01:44:06
阅读次数:
198
下面来实现一个loading效果。具体效果如下:
首先对这个效果进行拆分,它由以下部分组成:
1 一个”闪电”样式的图案;
2 “闪电”图案背后是一个圆角矩形;
3 “闪电”图案上面有一层颜色不断”飘过”
拆分完效果后,思考下如何实现。下面是我的思考过程。
1 android sdk并没有提供这样的控件,很显然是需要自定义控件;
2 很显然是一个View而不是ViewGroup,所以可以...
分类:
其他好文 时间:
2015-08-05 22:15:47
阅读次数:
186
第一种方法:如果是CSS2.2的话,可以简单写一个制作圆角矩形,分上中下裁成三张图CSS3实现圆角 标题 第二种方法:如果是使用CSS实现圆角的话,那么目前最简单的方法就是CSS3中的-moz-border-radius、-webkit-border-radius以及border-...
分类:
Web程序 时间:
2015-08-04 20:42:02
阅读次数:
121
第一种方法:如果是CSS2.2的话,可以简单写一个制作圆角矩形,分上中下裁成三张图CSS3实现圆角 标题 第二种方法:如果是使用CSS实现圆角的话,那么目前最简单的方法就是CSS3中的-moz-border-radius、-webkit-border-radius以及borde...
分类:
Web程序 时间:
2015-08-01 15:37:40
阅读次数:
116
当网站页面的整体布局设计好后,接下来有很多细节的实现是很让人头疼的。其中之一就是圆角矩形的实现。在网上看了很多圆角矩形的实现方法,基本有两种,一种是用纯css实现,不需要背景图片;另一种是用背景图像实现。但是,不管是哪一种,都有一个共同的缺点:需要使用很多代码来嵌套,而这些代码对搜索引擎来说毫无意义...
分类:
Web程序 时间:
2015-08-01 15:33:35
阅读次数:
144
//设置按钮颜色 self.autoLoginCheckBox.layer.borderColor = [[UIColor redColor] CGColor]; //设置边框宽度 self.autoLoginCheckBox.layer.borderWidth = 1; //设置按钮为圆...
分类:
其他好文 时间:
2015-07-30 11:12:50
阅读次数:
139
有的时候需要将图片现实为圆形
比如头像等
以下面的图片为例
我们按照正常的方式添加后效果如下
UIImageView *userIconImageV=[[UIImageView alloc]initWithFrame:CGRectMake(30, 120, 188, 188)];
[self.view addSubview:u...
分类:
移动开发 时间:
2015-07-23 11:57:10
阅读次数:
138
近日在android项目要使用开关控件,但是android中自带的开关控件不太满意,所以就打算通过自定义View写一个开关控件
ios的开关控件当然就是我要仿照的目标。
先上图:
分析:
开关控件,中包含了两个部分,一个是一个圆,一个是圆角矩形,好了那我们只要通过view来进行绘制这两部分就可以了
直接上代码:
package com.example.widget;
im...
分类:
移动开发 时间:
2015-07-16 11:50:34
阅读次数:
132