code实现透明度渐变和颜色渐变的view
2014-06-14 12:09
239 查看
最近用code写了些view上的渐变效果,使得app的UI特效不必全部依赖美工出的图片。
效果如下:
![](http://img.blog.csdn.net/20140614120328390?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveHVueW4=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
主要用到了Layer上的渐变层,核心代码如下,关于CALayer的使用可参考
Demo下载地址
效果如下:
主要用到了Layer上的渐变层,核心代码如下,关于CALayer的使用可参考
//Transparent Gradient Layer - (void) insertTransparentGradient { UIColor *colorOne = [UIColor colorWithRed:(33/255.0) green:(33/255.0) blue:(33/255.0) alpha:0.0]; UIColor *colorTwo = [UIColor colorWithRed:(33/255.0) green:(33/255.0) blue:(33/255.0) alpha:1.0]; NSArray *colors = [NSArray arrayWithObjects:(id)colorOne.CGColor, colorTwo.CGColor, nil]; NSNumber *stopOne = [NSNumber numberWithFloat:0.0]; NSNumber *stopTwo = [NSNumber numberWithFloat:1.0]; NSArray *locations = [NSArray arrayWithObjects:stopOne, stopTwo, nil]; //crate gradient layer CAGradientLayer *headerLayer = [CAGradientLayer layer]; headerLayer.colors = colors; headerLayer.locations = locations; headerLayer.frame = self.bounds; [self.layer insertSublayer:headerLayer atIndex:0]; } //color gradient layer - (void) insertColorGradient { UIColor *colorOne = [UIColor colorWithRed:(255/255.0) green:(255/255.0) blue:(255/255.0) alpha:1.0]; UIColor *colorTwo = [UIColor colorWithRed:(33/255.0) green:(33/255.0) blue:(33/255.0) alpha:1.0]; NSArray *colors = [NSArray arrayWithObjects:(id)colorOne.CGColor, colorTwo.CGColor, nil]; NSNumber *stopOne = [NSNumber numberWithFloat:0.0]; NSNumber *stopTwo = [NSNumber numberWithFloat:1.0]; NSArray *locations = [NSArray arrayWithObjects:stopOne, stopTwo, nil]; CAGradientLayer *headerLayer = [CAGradientLayer layer]; headerLayer.colors = colors; headerLayer.locations = locations; headerLayer.frame = self.bounds; [self.layer insertSublayer:headerLayer above:0]; }
Demo下载地址
相关文章推荐
- code实现透明度渐变和颜色渐变的view
- code实现透明度渐变和颜色渐变的view
- code实现透明度渐变和颜色渐变的view
- iOS实现透明度渐变和颜色渐变的view
- 【iOS】View实现透明度渐变和颜色渐变
- android 数字选择器中文字颜色透明度渐变的实现
- Androiod RecycleView的滑动实现标题栏透明度渐变
- 实现背景颜色的渐变效果(code project)
- 随着RecycleView的滑动实现标题栏透明度渐变:
- 在view上添加渐变的透明度的颜色
- Android Textview实现文字颜色渐变效果
- Android Textview实现颜色渐变滚动效果
- WebView+ColorMatrix实现图片颜色的渐变处理,例如老照片的效果。
- TableView下拉表头放大 导航栏颜色透明度随着TableView偏移量渐变
- Android 属性动画 实现view翻转 旋转 平移 拉伸 透明度 背景颜色变换
- 简单的代码实现上滑导航栏颜色和透明度渐变效果
- 安卓中自定义view控件代替radiogroup实现颜色渐变效果的写法
- UnityEditor中建立两个Color,实现mesh的颜色渐变(Gradient)(GUI.changed,SceneView.RepaintAll())
- 实现透明度渐变和颜色渐变
- Android Textview实现文字颜色渐变效果