iOS开发UI之自定义View

1. 通过代码自定义View,创建一个View类(继承UIView),一个View中包含一个UIImageView和一个UILabel

外界用alloc] init]方法创建对象时,系统默认会自动调用initWithFrame:(CGRect)frame方法,所以要创建对象View中的子控件需要重写initWithFrame:(CGRect)frame方法,在这个方法中来创建子控件,但不能对其根据创建这个类创建出来的对象尺寸来设置,需要调用

- (void)layoutSubviews 这个方法(当控件尺寸发生改变时就会调用),当在UIControlView.m中创建这个对象,并给它设置尺寸时就会调用这个方法,这时就可以在这个方法中来设置,这个类中的子控件就可以根据对象尺寸来设置自己的尺寸
所以一般这这个类中对外提供一个类工厂方法并将


    #import "LDPackageView.h"
    #import "LDPackage.h"
    
    @interface LDPackageView ()
    
    @property (nonatomic, weak) UIImageView *iconImage;
    
    @property (nonatomic, weak) UILabel *nameLabel;
    
    @property (nonatomic, strong) LDPackage *package;
    
    @end
    
    @implementation LDPackageView
    
    - (instancetype)initWithPackage:(LDPackage *)package
    {
        if (self = [super init]) {
            _package = package;
            // 1.创建UIImageView
            UIImageView *iconImage = [[UIImageView alloc] init];
            self.iconImage = iconImage;
            self.iconImage.image = [UIImage imageNamed:package.icon];
            [self addSubview:iconImage];
            
            // 2.创建UILabel
            UILabel *nameLabel = [[UILabel alloc] init];
            self.nameLabel = nameLabel;
            self.nameLabel.text = package.name;
            [self addSubview:nameLabel];
            
        }
        return self;
    }
    
    
    + (instancetype)packageViewWithPackage:(LDPackage *)package
    {
        return [[self alloc] initWithPackage:package];
    }
    
    /**
     *  当控件尺寸发生改变时就会调用这个方法
     */
    - (void)layoutSubviews
    
    {

    
         [super layouSubviews];
    
        // 1.设置iconImage的尺寸和位置
        CGFloat iconImageW = self.bounds.size.width;
        CGFloat iconImageH = iconImageW;
        CGFloat iconImageX = 0;
        CGFloat iconImageY = 0;
        self.iconImage.frame = CGRectMake(iconImageX, iconImageY, iconImageW, iconImageH);
        
        // 2.设置nameLabel的尺寸和位置
        CGFloat nameLabelW = iconImageW ;
        CGFloat nameLabelH = self.bounds.size.height - iconImageH;
        CGFloat nameLabelX = 0;
        CGFloat nameLabelY = iconImageH;
        self.nameLabel.frame = CGRectMake(nameLabelX, nameLabelY, nameLabelW, nameLabelH);
        self.nameLabel.textAlignment = NSTextAlignmentCenter;
        self.nameLabel.font = [UIFont systemFontOfSize:13];
    }
    
    @end

2. 通过xib定义View,创建View来管理xib

1> 创建一个xib文件用来描述View中子View布局

2> 创建一个继承与UIView的类,把xib文件和这个类关联

3> 将xib中的子控件托线到关联的类(属性)

4> 外界用这个类创建对象时不会调用- (void)init;和- (instancetype)initWithFrame:(NSRect)rect; 这两个初始化方法,即不能通过alloc] init]方法来创建,当加载xib时就会调用- (id)initWithCoder: 方法 ,xib已经加载好后再执行- (void)awakerFromNib 方法

5> 在创建View对象和View中的子控件时都会调用initWithCoder:

如果xib或者storyboard选中autolayout

如果控件从xib或者storyboard中加载出来,如果该控件还没有显示,是不能通过设置frame来改变控件的尺寸

setFrame : 从xib众加载出来对象就会调用该方法

setImageNames : 主动调用

layoutSubviews : 从xib或者storyboard中加载出来的控件,在控件显示出来之后,才会调用(如果该控件已经显示了,只要改变尺寸就会调用该方法)

使用autolayout和不使用autolayout的却别

使用autolayout : 在调用layoutSubViews方法的时候,会将子控件frame设置成xib中加载出来的frame

不使用autolayout : 在调用layoutSubViews方法的时候,不会将子控件frame设置会xib加载出来的frame

对外提供创建对象的接口如下:


    - (instancetype)initWithProduct:(LDProduct *)product
    {
        LDProductView *productView = nil;
        if (self = [super init]) {
            productView = [[[NSBundle mainBundle] loadNibNamed:@"LDProductView" owner:nil options:nil] firstObject];
            productView.product = product;
            
            productView.imageView.image = [UIImage imageNamed:product.icon];
            productView.nameLabel.text = product.name;
        }
        return productView;
    }
    
    + (instancetype)productViewWithProduct:(LDProduct *)product
    {
        return [[self alloc] initWithProduct:product];
    }

当加载xib的过程中就会执行改方法


    - (id)initWithCoder:(NSCoder *)aDecoder
    {
        if (self = [super initWithCoder:aDecoder]) {
            // NSLog(@"initWithCoder");
            // self.backgroundColor = [UIColor purpleColor];
        }
        return self;
    }

当xib已经加载好的时候就会执行该方法


    - (void)awakeFromNib
    {
        [super awakeFromNib];
        
        self.backgroundColor = [UIColor purpleColor];
    }

3.自定义UIButton类继承UIButton(UIButton内部已经有了UIImageView和UILabel这2个控件)

1> 修改UIButton内部的子控件的frame需要重写父类中两个方法

修改子控件UIImageView的frame


    - (CGRect)imageRectForContentRect:(CGRect)contentRect
    {
        CGFloat width = self.bounds.size.width;
        CGFloat height = width;
        return CGRectMake(0, 0, width, height);
    }

修改子控件UILabel的frame


    - (CGRect)titleRectForContentRect:(CGRect)contentRect
    {
        CGFloat width = self.bounds.size.width;
        CGFloat height = self.bounds.size.height - width;
        return CGRectMake(0, width, width, height);
    }

2> 对外提供一个方法来创建UIButton按钮


    // 外界提供一个数据模型,传入后将模型中对象的属性赋值给UIImageView和UILabel
    - (instancetype)initWithProduct:(LDProduct *)product
    {
        if (self = [super init]) {
            _product = product;
            [self setImage:[UIImage imageNamed:product.icon] forState:UIControlStateDisabled];
            [self setTitle:product.name forState:UIControlStateNormal];
            [self setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
            self.titleLabel.textAlignment = NSTextAlignmentCenter;
            self.enabled = NO;
        }
        return self;
    }
    
    + (instancetype)buttonWithProduct:(LDProduct *)product
    {
        return [[self alloc] initWithProduct:product];
    }

posted @ 2015-09-27 17:01 文刂Rn 阅读(391) 评论(0) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

文刂Rn(从点滴做起)

iOS开发UI之自定义View

公告