iOS视图边框的简单做法

我们绘制UI界面的时候，一般我们做边框是用layer，然后再给它上面添加阴影什么的，我比较喜欢用下面这个方法，

UI弄几张边框的图片，用代码给图片拉伸

- (UIImage *)changeBorderImage:(UIImage *)borderImage {

    UIImage *image = borderImage;

    CGFloat top = ; // 顶端盖高度

    CGFloat bottom =  ; // 底端盖高度

    CGFloat left = ; // 左端盖宽度

    CGFloat right = ; // 右端盖宽度

    UIEdgeInsets insets = UIEdgeInsetsMake(top, left, bottom, right);

    // 指定为拉伸模式，伸缩后重新赋值

    image = [image resizableImageWithCapInsets:insets resizingMode:UIImageResizingModeStretch];

    return image;

}

自定义一个边框视图或者在你的视图下面添加一个带有拉伸后的UIImage的UIImageView就行了

全部代码:

BorderView.h

//

//  BorderView.h

//  border_creat

//

//  Created by 谭启宏 on 15/12/15.

//  Copyright © 2015年 谭启宏. All rights reserved.

//

#import <UIKit/UIKit.h>

@interface BorderView : UIImageView

@property (nonatomic,strong)UIImage *borderImage;

- (instancetype)initWithFrame:(CGRect)frame borderImage:(UIImage *)borderImage;

@end

BorderView.m

//

//  BorderView.m

//  border_creat

//

//  Created by 谭启宏 on 15/12/15.

//  Copyright © 2015年 谭启宏. All rights reserved.

//

#import "BorderView.h"

@implementation BorderView

- (instancetype)initWithFrame:(CGRect)frame borderImage:(UIImage *)borderImage {

    self  =[super initWithFrame:frame];

    if (self) {

        self.image = [self changeBorderImage:borderImage];

    }

    return self;

}

- (void)setBorderImage:(UIImage *)borderImage {

    self.borderImage = [self changeBorderImage:borderImage];

}

- (UIImage *)changeBorderImage:(UIImage *)borderImage {

    UIImage *image = borderImage;

    CGFloat top = ; // 顶端盖高度

    CGFloat bottom =  ; // 底端盖高度

    CGFloat left = ; // 左端盖宽度

    CGFloat right = ; // 右端盖宽度

    UIEdgeInsets insets = UIEdgeInsetsMake(top, left, bottom, right);

    // 指定为拉伸模式，伸缩后重新赋值

    image = [image resizableImageWithCapInsets:insets resizingMode:UIImageResizingModeStretch];

    return image;

}

@end

ViewController.m

- (void)viewDidLoad {

    [super viewDidLoad];

    self.view.backgroundColor = [UIColor whiteColor];

    BorderView *borderView = [[BorderView alloc]initWithFrame:CGRectMake(, , , ) borderImage:[UIImage imageNamed:@"tool_biankuang2"]];

    [self.view addSubview:borderView];

    BorderView *borderView1 = [[BorderView alloc]initWithFrame:CGRectMake(, , , ) borderImage:[UIImage imageNamed:@"tool_biankuang2"]];

    [self.view addSubview:borderView1];

    BorderView *borderView2 = [[BorderView alloc]initWithFrame:CGRectMake(, , , ) borderImage:[UIImage imageNamed:@"tool_biankuang"]];

    [self.view addSubview:borderView2];

}

效果图:

demo地址：http://pan.baidu.com/s/1dEpedBr

tips:图片只需要上下左右距离边部有几象数，中间空一部分就行了

巴特西

iOS视图边框的简单做法

最新文章

热门文章