[控件] AngleGradientView

AngleGradientView

效果

说明

1. 用源码产生带环形渐变色的view

2. 可以配合maskView一起使用 (上图中的右下角图片的效果)

源码

https://github.com/YouXianMing/GradientLayerView

https://github.com/paiv/AngleGradientLayer

//
//  AngleGradientView.h
//  GradientLayer
//
//  Created by YouXianMing on 15/5/15.
//  Copyright (c) 2015年 YouXianMing. All rights reserved.
//

#import <UIKit/UIKit.h>

typedef enum : NSUInteger {

    /**
     *  金属风格
     */
    GradientMetalTypeOne,
    GradientMetalTypeTwo,

    /**
     *  彩虹风格
     */
    GradientRainbow,

    test,

} EAngleGradientType;

@interface AngleGradientView : UIView

/**
 *  返回带环形渐变颜色的view
 *
 *  @param frame     尺寸
 *  @param colors    颜色数组(CGColor)
 *  @param locations 颜色分割点数组(范围取值为[0, 1], 渐变递增,需要包含0与1这两个点)
 *
 *  @return 创建好的带环形渐变的view
 */
- (instancetype)initWithFrame:(CGRect)frame
                 withCGColors:(NSArray *)colors
                withLocations:(NSArray *)locations;

/**
 *  便利构造器,便捷的创建出指定风格的渐变环形的view
 *
 *  @param frame 尺寸
 *  @param type  指定的风格
 *
 *  @return 创建好的带环形渐变的view
 */
+ (instancetype)gradientViewWithFrame:(CGRect)frame
                         gradientType:(EAngleGradientType)type;

@end
//
//  AngleGradientView.m
//  GradientLayer
//
//  Created by YouXianMing on 15/5/15.
//  Copyright (c) 2015年 YouXianMing. All rights reserved.
//

#import "AngleGradientView.h"
#import "AngleGradientLayer.h"

@interface AngleGradientView () {

    AngleGradientLayer  *_angleGradientLayer;

}

@end

@implementation AngleGradientView

/**
 *  重置layer为AngleGradientLayer
 */
+ (Class)layerClass {
    return [AngleGradientLayer class];
}

- (instancetype)initWithFrame:(CGRect)frame {
    return [self initWithFrame:frame withCGColors:nil withLocations:nil];
}

- (instancetype)initWithFrame:(CGRect)frame withCGColors:(NSArray *)colors withLocations:(NSArray *)locations {

    self = [super initWithFrame:frame];
    if (self) {
        _angleGradientLayer = (AngleGradientLayer *)self.layer;

        if (colors != nil) {
            _angleGradientLayer.colors    = colors;
            _angleGradientLayer.locations = locations;
        }

    }

    return self;
}

+ (instancetype)gradientViewWithFrame:(CGRect)frame
                         gradientType:(EAngleGradientType)type {

    NSMutableArray    *colors            = nil;
    NSMutableArray    *locations         = nil;
    AngleGradientView *angleGradientView = nil;

    if (type == GradientMetalTypeOne) {

        colors = [[NSMutableArray alloc] initWithCapacity:16];
        [colors addObject:(id)[UIColor colorWithWhite:0.65 alpha:1].CGColor];
        [colors addObject:(id)[UIColor colorWithWhite:0.9 alpha:1].CGColor];
        [colors addObject:(id)[UIColor colorWithWhite:0.75 alpha:1].CGColor];
        [colors addObject:(id)[UIColor colorWithWhite:0.35 alpha:1].CGColor];
        [colors addObject:(id)[UIColor colorWithWhite:0.75 alpha:1].CGColor];
        [colors addObject:(id)[UIColor colorWithWhite:0.9 alpha:1].CGColor];
        [colors addObject:(id)[UIColor colorWithWhite:0.75 alpha:1].CGColor];
        [colors addObject:(id)[UIColor colorWithWhite:0.35 alpha:1].CGColor];
        [colors addObject:(id)[UIColor colorWithWhite:0.55 alpha:1].CGColor];
        [colors addObject:(id)[UIColor colorWithWhite:0.65 alpha:1].CGColor];

    } else if (type == GradientMetalTypeTwo) {

        colors    = [[NSMutableArray alloc] initWithCapacity:16];
        locations = [[NSMutableArray alloc] initWithCapacity:16];
        [colors addObject:(id)[UIColor colorWithRed:0 green:0 blue:0 alpha:1].CGColor];
        [colors addObject:(id)[UIColor colorWithRed:1 green:1 blue:1 alpha:1].CGColor];
        [locations addObject:[NSNumber numberWithInt:0]];
        [locations addObject:[NSNumber numberWithInt:1]];

    } else if (type == GradientRainbow) {

        colors = [[NSMutableArray alloc] initWithCapacity:16];
        [colors addObject:(id)[UIColor colorWithRed:1 green:0 blue:0 alpha:1].CGColor];
        [colors addObject:(id)[UIColor colorWithRed:1 green:1 blue:0 alpha:1].CGColor];
        [colors addObject:(id)[UIColor colorWithRed:0 green:1 blue:0 alpha:1].CGColor];
        [colors addObject:(id)[UIColor colorWithRed:0 green:1 blue:1 alpha:1].CGColor];
        [colors addObject:(id)[UIColor colorWithRed:0 green:0 blue:1 alpha:1].CGColor];
        [colors addObject:(id)[UIColor colorWithRed:1 green:0 blue:1 alpha:1].CGColor];
        [colors addObject:(id)[UIColor colorWithRed:1 green:0 blue:0 alpha:1].CGColor];

    }

    angleGradientView = [[AngleGradientView alloc] initWithFrame:frame
                                                    withCGColors:colors
                                                   withLocations:locations];

    return angleGradientView;
}

@end
时间: 2024-08-14 08:02:05

[控件] AngleGradientView的相关文章

在DataGridView控件中实现冻结列分界线

我们在使用Office Excel的时候,有很多时候需要冻结行或者列.这时,Excel会在冻结的行列和非冻结的区域之间绘制上一条明显的黑线.如下图: (图1) WinForm下的DataGridView控件也能实现类似的冻结行或者列的功能(参见:http://msdn.microsoft.com/zh-cn/library/28e9w2e1(VS.85).aspx) ,但是呢,DataGridView控件默认不会在冻结列或者行的分界处绘制一个明显的分界线,这样的话,最终用户很难注意到当前有列或者

摆脱Login控件,自己定义登录操作

protected void ImageButton1_Click(object sender, ImageClickEventArgs e) { //在登录过程中,程序自动使用login.aspx进行拦截 //验证用户通过后,自动返回拦截的位置 if (Membership.ValidateUser(this.TextBox1.Text, this.TextBox2.Text)) { this.Session["xh"] = this.TextBox1.Text; FormsAuth

python selenium 处理时间日期控件(十五)

测试过程中经常遇到时间控件,需要我们来选择日期,一般处理时间控件通过层级定位来操作或者通过调用js来实现. 1.首先我们看一下如何通过层级定位来操作时间控件. 通过示例图可以看到,日期控件是无法输入日期,点击后弹出日期列表供我们选择日期,自己找了一个日期控制演示一下,通过两次定位,选择了日期 #-*- coding:utf-8 -*- import time from selenium import webdriver driver = webdriver.Chrome() driver.get

Delphi XE10 dxLayoutControl 控件应用指南

http://www.cnblogs.com/Bonny.Wong/p/7440288.html DevExpress VCL套件是一套非常强大的界面控件,可惜关于Delphi开发方面的说明太少,有些控件使用起来一头雾水,不知从何下手.本节详细介绍在Delphi Xe10 Seattle中如何利用dxLayoutControl 控件来做界面布局. 1.  首先从工具箱面板中将dxLayoutControl放在Form上,设置2个关键属性如下: 属性 属性值 说明 Align alClient 一

Android自己定义控件之轮播图控件

背景 近期要做一个轮播图的效果.网上看了几篇文章.基本上都能找到实现,效果还挺不错,可是在写的时候感觉每次都要单独去又一次在Activity里写一堆代码.于是自己封装了一下.这里仅仅是做了下封装成一个控件,不必每次反复写代码了. 效果图 实现分析 轮播图的功能就是实现左右滑动的广告.图片信息展示,那我们就用ViewPager来实现,由于考虑到用户体验,我们还须要在以下加一个指示器来标示滑动到了第几张轮播图.指示器我们能够用一个线性布局来依据要展示的轮播图设置显示的View,我们要做这种一个控件没

[ ObjectListView ] - ListView的增强控件 - 前言 (翻译)

********************************************************************************** 原  标 题: A Much Easier to Use ListView 原文地址: https://www.codeproject.com/Articles/16009/A-Much-Easier-to-Use-ListView 翻       译: 于国栋 http://www.shannon.net.cn *********

MFC 加入背景图片并让控件背景透明

/*加入背景图片*/ BOOL CTOOLDlg::OnEraseBkgnd(CDC* pDC) { // TODO: 在此加入消息处理程序代码和/或调用默认值 CDialog::OnEraseBkgnd(pDC); HBITMAP   m_hBitmap; HDC           m_hBkDC; m_hBitmap   =   ::LoadBitmap(::GetModuleHandle(NULL),MAKEINTRESOURCE(IDB_BITMAP2)); m_hBkDC     =

[转] 基于C#的波形显示控件的实现

转自 基于C#的波形显示控件的实现[附完整源码下载] 编者记: 09年暑假正好在学院实验室呆了一段时间,做了个完整的上位机软件(具体实现:根据下位机的指令,实现通过串口来操纵下位机进行实验,并将采集的数据进行处理和保存,并以图形的方式显示),整个项目边学C# WinForm边设计,这个波形显示控件就是项目中的一部分,也花了自己绝大多数时间.此外,顺便将该波形显示控件当作自己毕业设计的内容,下文实际上是节选自自己的本科毕业论文,希望对大家能有所帮助.代码以及文章有疏漏.错误.不妥之处在所难免,欢迎

ASP.NET页面生命周期与控件生命周期

ASP.NET页面生命周期 (1)PreInit 预初始化(2)Init 初始化(3)InitComplete 初始化完成(4)PreLoad 预加载(5)Load 加载(6)LoadComplete 加载完成(7)PreRender 预输出(8)PreRenderComplete 预输出完成(9)Unload 卸载 ASP.NET控件生命周期 -- 实例化(Instantiate) 控件被页面或另一个控件通过调用它的构造器所实例化.这个步骤之后所列出的阶段,仅当控件加入控件树中才会发生. --