首页 > 代码库 > UI-切圆角、透明度、取消按钮点击高亮效果、按钮文字带下划线

UI-切圆角、透明度、取消按钮点击高亮效果、按钮文字带下划线

一、切UIView的某个角为圆角

如果需要将UIView的4个角全部都为圆角,做法相当简单,只需设置其Layer的cornerRadius属性即可(项目需要使用QuartzCore框架)。而若要指定某几个角(小于4)为圆角而别的不变时,怎么做呢?

其实很简单,使用UIBezierPath,设置CAShapeLayer,给UIView设置遮罩效果即可。

// 图标左上、左下切圆角
UIBezierPath *phoneIconPath = [UIBezierPath bezierPathWithRoundedRect:self.phoneBGView.bounds byRoundingCorners:UIRectCornerTopLeft | UIRectCornerBottomLeft cornerRadii:CGSizeMake(5, 5)];

CAShapeLayer *phoneIconLayer = [[CAShapeLayer alloc] init];

phoneIconLayer.frame = self.phoneBGView.bounds;
phoneIconLayer.path = phoneIconPath.CGPath;

self.phoneBGView.layer.mask = phoneIconLayer;
// 上面代码很简单,这里列下枚举值,根据即可添加即可
typedef NS_OPTIONS(NSUInteger, UIRectCorner) {
    UIRectCornerTopLeft     = 1 << 0,
    UIRectCornerTopRight    = 1 << 1,
    UIRectCornerBottomLeft  = 1 << 2,
    UIRectCornerBottomRight = 1 << 3,
    UIRectCornerAllCorners  = ~0UL
};

 

二、改变UIView的透明度

1、如果一个View上有子控件,这个View的alpha改变时,子控件的透明度也会随着改变;

2、如果这个View是UITextField,它的alpha改变时,它的placeHolder的颜色和textColor都会随着改变;

要求:改变View透明度,怎么使其他保持原样?

解答:这个时候,不要再改变alpha了,会影响其他控件的,只需要设置背景色的透明度即可。

// 通过改变背景色的透明度,不会影响其他控件及属性
self.pswTF.backgroundColor = [UIColor colorWithWhite:1 alpha:0.3];

 

3、怎么改变UITextField的placeHolder的颜色呢?

太简单了,通过运行时及KVC改变:

// 文本框更换placeHolder颜色
[self.userNameTF setValue:[UIColor grayColor] forKeyPath:@"_placeholderLabel.textColor"];

 

三、按钮点击的时候,会有高亮效果,怎么取消呢?

看下面的图,太简单了,这里就不再上代码了。

1、Button的Type改为Custom;

2、不要勾选Highlighted Adjusts Image。

技术分享

 

 

四、怎么给按钮的文字下面添加下划线呢?

思路:自定义控件,在Button的子控件titleLabel下面划线。然后StoryBoard中设置Button的Class为自定义类,添加画线颜色即可。

#import <UIKit/UIKit.h>

IB_DESIGNABLE
@interface KTButton : UIButton

// 文字下面的下划线颜色
@property(nonatomic,strong) IBInspectable UIColor *lineColor;

@end
#import "KTButton.h"

@implementation KTButton

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        
    }
    return self;
}

-(void)setColor:(UIColor *)color{
    _lineColor = [color copy];
    [self setNeedsDisplay];
}


- (void) drawRect:(CGRect)rect {
    CGRect textRect = self.titleLabel.frame;
    CGContextRef contextRef = UIGraphicsGetCurrentContext();
    
    CGFloat descender = self.titleLabel.font.descender;
    if([_lineColor isKindOfClass:[UIColor class]]){
        CGContextSetStrokeColorWithColor(contextRef, _lineColor.CGColor);
    }
    
    CGContextMoveToPoint(contextRef, textRect.origin.x, textRect.origin.y + textRect.size.height + descender + 1 + 2);
    CGContextAddLineToPoint(contextRef, textRect.origin.x + textRect.size.width, textRect.origin.y + textRect.size.height + descender + 1 + 2);
    
    CGContextClosePath(contextRef);
    CGContextDrawPath(contextRef, kCGPathStroke);
}

@end

技术分享

 

UI-切圆角、透明度、取消按钮点击高亮效果、按钮文字带下划线