自定义UI控件

作者: 我的梦想之路 | 来源:发表于2016-06-07 12:05 被阅读89次

    基于UI控件的实现原理,开发者完全可以开发出项目定制的控件——当iOS系统提供的UI控件不足以满足项目需要时,开发者可以通过继承UIView来派生自定义控件。

    #当开发者打算派生自己的UI控件时,首先定义一个继承View基类的子类,然后重写View类的一个或多个方法,通常可以被用户重写的方法如下
    
    Ø initWithFrame::前面已经见到,程序创建UI控件时常常会调用该方法执行初始化,因此,如果你需要对UI控件执行一些额外的初始化,即可通过重写该方法来实现。
    
    Ø initWithCoder::程序通过在nib文件中加载完该控件后会自动调用该方法。因此,如果程序需要在nib文件中加载该控件后执行自定义初始化,则可通过重写该方法来实现。
    
    Ø drawRect::如果程序需要自行绘制该控件的内容,则可通过重写该方法来实现。
    
    Ø layoutSubviews:如果程序需要对该控件所包含的子控件布局进行更精确的控制,可通过重写该方法来实现。
    
    Ø didAddSubview::当该控件添加子控件完成时,将会激发该方法。
    
    Ø willRemoveSubview::当该控件将要删除子控件时,将会激发该方法。
    
    Ø willMoveToSuperview::当该控件将要添加到其父控件中时,将会激发该方法。
    
    Ø didMoveToSuperview:当把该控件添加到父控件完成时,将会激发该方法。
    
    Ø willMoveToWindow: :当该控件将要添加到窗口中时,将会激发该方法。
    
    Ø didMoveToWindow:当把该控件添加到窗口完成时,将会激发该方法。
    
    Ø touchesBegan:withEvent::当用户手指开始触碰该控件时,将会激发该方法。
    
    Ø touchesMoved:withEvent::当用户手指在该控件上移动时,将会激发该方法。
    
    Ø touchesEnded:withEvent::当用户手指结束触碰该控件时,将会激发该方法。
    
    Ø touchesCancelled:withEvent::用户取消触碰该控件时,将会激发该方法。
    

    #灵活运用代理/block进行值处理,等等。。。

    #自定义Navigation

    1.更改导航栏的背景和文字Color
    #方法1:
    //set NavigationBar 背景颜色&title 颜色 
    
    [self.navigationController.navigationBar setBarTintColor:[UIColor colorWithRed:20/255.0 green:155/255.0 blue:213/255.0 alpha:1.0]];
    
    [self.navigationController.navigationBar setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:[UIColor whiteColor],UITextAttributeTextColor,nil]];
    
    #方法2:
    //设置NavigationBar背景颜色
     [[UINavigationBar appearance] setBarTintColor:[UIColor redColor]]; 
    
    //@{}代表Dictionary 
    [[UINavigationBar appearance] setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColor whiteColor]}]; 
    

    在导航栏使用背景图片:
    如果您的应用程序使用了自定义图像作为栏的背景,你需要提供一个“更大”的图片,使其延伸了状态栏的后面。
    导航栏的高度现在是从44点(88像素)更改为64点(128像素)。仍然可以使用了setBackgroundImage:方法来指定自定义图像的导航栏。
    [[UINavigationBar appearance] setBackgroundImage:[UIImage imageNamed:@"nav_bg.png"] forBarMetrics:UIBarMetricsDefault];

    #改变导航栏标题的字体
    #可以通过使用导航栏的“titleTextAttributes”属性来自定义的文本样式。
    #可以指定字体,文字颜色,文字阴影颜色,文字阴影在文本标题偏移属性字典,使用下面的文本属性键:
    #UITextAttributeFont - 字体
    #UITextAttributeTextColor - 文字颜色
    #UITextAttributeTextShadowColor - 文字阴影颜色
    #UITextAttributeTextShadowOffset - 偏移用于文本阴影
    
    NSShadow *shadow = [[NSShadow alloc] init]; 
    shadow.shadowColor = [UIColor colorWithRed:0.0 green:0.0 blue:0.0 alpha:0.8]; 
    shadow.shadowOffset = CGSizeMake(0, 1);
    // 字典有点长,将就看一下哈
     [[UINavigationBar appearance] setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys: [UIColor colorWithRed:245.0/255.0 green:245.0/255.0 blue:245.0/255.0 alpha:1.0], NSForegroundColorAttributeName, shadow, NSShadowAttributeName, [UIFont fontWithName:@"HelveticaNeue-CondensedBlack" size:21.0], NSFontAttributeName, nil nil]]; 
    
    #使用图片作为导航栏标题
    self.navigationItem.titleView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"appcoda-logo.png"]]; 
    
    #添加多个栏按钮项目
    UIBarButtonItem *shareItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAction target:self action: nil nil]; 
    UIBarButtonItem *cameraItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemCamera target:self action: nil nil]; 
    NSArray *itemsArr = @[shareItem,cameraItem]; self.navigationItem.rightBarButtonItems = itemsArr;
    
    
    #自定义后退按钮的文字和颜色
    方法一:
    通过设置navigationItem的backBarButtonItem可以直接更换文字,【注意,要在父视图的Controller中设置】如代码:
    UIBarButtonItem *item = [[UIBarButtonItem alloc] initWithTitle:@"返回" style:UIBarButtonItemStylePlain target:nil action:nil]; 
    self.navigationItem.backBarButtonItem = item; 
    效果:所有的子界面返回时都变成了我们定义的文字,如果不想显示文字,直接"",就会单独显示一个系统的返回箭头图标,也是很清晰的感觉。
    
    [[UINavigationBar appearance] setTintColor:[UIColor whiteColor]]; 
    效果:全是系统的图标和文字,【除了后退按钮,请注意,tintColor属性影响所有按钮标题和按钮图像】
    
    
    #另外一种实现自定义导航控制器返回按钮,代码如下:
    [self.navigationController.navigationBar setTitleTextAttributes:@{NSForegroundColorAttributeName: [UIColor redColor],NSFontAttributeName:[UIFont systemFontOfSize:19.0]}]; 
    self.title=[NSString stringWithFormat:@"第%lu页",(unsigned long)self.navigationController.viewControllers.count]; 
    
    //自定义返回按钮 
    UIImage *backButtonImage = [[UIImage imageNamed:@"fanhui.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 30, 0, 0)]; 
    [[UIBarButtonItem appearance] setBackButtonBackgroundImage:backButtonImage forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];
    
    ##//将返回按钮的文字position设置不在屏幕上显示##
     [[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment:UIOffsetMake(NSIntegerMin, NSIntegerMin) forBarMetrics:UIBarMetricsDefault]; 
    

    相关文章

      网友评论

        本文标题:自定义UI控件

        本文链接:https://www.haomeiwen.com/subject/fzmddttx.html