脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → IOS → IOS 自定义UIPickView

IOS 自定义UIPickView详解及实例代码

 更新时间：2016年12月23日 11:28:02   投稿：lqh  
这篇文章主要介绍了IOS 自定义UIPickView详解及实例代码的相关资料,这里写个小实例及效果图，附有实例代码，需要的朋友可以参考下

IOS 自定义UIPickView

苹果一直推崇使用原生的组件，自带的UIPickView其实也很漂亮了，看起来也很美观。但是有时候，产品会有一些特殊的设计和需求。本文将会讲解如何修改苹果原生的组件的属性，达到自定义UIPickView的效果。

需求如下。需要自定义一个Tab。自定义选中文字的颜色。自定义选中颜色背景，自定义未选中文字颜色。
这里写图片描述

修改未选中的文字的字体和颜色

经过分析，上面的取消和确定按钮实现起来还是很简单的。加一个条就好了，我就不介绍具体步骤，下面的没有选中时候文字的样色，已经字体大小，我们都可以在下面的代理方法里面修改。
这里写图片描述

//Change style
- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view{


  CGFloat width = [self pickerView:self.pickerView widthForComponent:component];
  CGFloat rowheight =[self pickerView:self.pickerView rowHeightForComponent:(component)];

  UIView *myView = [[UIView alloc]init];
  myView.frame =CGRectMake(0.0f, 0.0f, width, rowheight);
  UILabel *txtlabel = [[UILabel alloc] init];
  txtlabel.textColor = self.plainColor;
  txtlabel.tag=200;
  txtlabel.font = [UIFont systemFontOfSize:15*SCALE_6];
  txtlabel.textAlignment = NSTextAlignmentCenter;
  txtlabel.frame = myView.frame;
  txtlabel.text = [self pickerView:pickerView titleForRow:row forComponent:component];

  [myView addSubview:txtlabel];  
  return myView;
}

这样就可以修改未选中文字的颜色了。

修改选中的背景颜色和字体

但是背景颜色和字体如何修改呢。就是下图这个颜色和自体：
这里写图片描述

我一开始尝试了在这种方法，就是在上面加一层Label。然后在代理方法中改变Label的值。

-(NSString*)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component
{
  if (component==0) {
    return self.leftArray[row];

  }else if(component==1){
    return self.rightArray[row];
  }else {
  return self.rightArray[row];
  }
}

不过这个方法在如果使用手指点击的话，索引值是对不上的，这样的后果就是，Label会一卡一卡的。如果只在这个方法设置Label的值，那快速滑动的时候获取不到值，Label值变化就会很慢。完全没有了原生的那种效果了。

最后，我才用的是获取系统图层的方法，在选择器的代理方法里面获取相应的图层，然后进行修改。我们先看一下PickView的图层。
这里写图片描述

我们只需要在代理方面里面拿到对应的视图然后修改就好

 //Change style
- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view{


  CGFloat width = [self pickerView:self.pickerView widthForComponent:component];
  CGFloat rowheight =[self pickerView:self.pickerView rowHeightForComponent:(component)];

  UIView *myView = [[UIView alloc]init];
  myView.frame =CGRectMake(0.0f, 0.0f, width, rowheight);
  UILabel *txtlabel = [[UILabel alloc] init];
  txtlabel.textColor = self.plainColor;
  txtlabel.tag=200;
  txtlabel.font = [UIFont systemFontOfSize:15*SCALE_6];
  txtlabel.textAlignment = NSTextAlignmentCenter;
  txtlabel.frame = myView.frame;
  txtlabel.text = [self pickerView:pickerView titleForRow:row forComponent:component];

  [myView addSubview:txtlabel];

  UIView* topLine  =  [pickerView.subviews objectAtIndex:1];
  UIView* botomLine  =  [pickerView.subviews objectAtIndex:2];
  topLine.hidden = YES;
  botomLine.hidden = YES;

  BOOL isSetttingBackColor = NO;

  UIView *subview = [self.pickerView.subviews firstObject];

  for ( UIView *pickerColumnView in subview.subviews) {

    NSLog(@"pickerColumnView class %@",[pickerColumnView class]);

    UIView *pickerView = [pickerColumnView.subviews lastObject];
    if (!isSetttingBackColor) {
       pickerView.backgroundColor = self.selectedBackColor;
      isSetttingBackColor = !isSetttingBackColor;
    }

    UIView *tableView = [pickerView.subviews lastObject];
    for (UIView *cell in tableView.subviews) {
      NSLog(@"cell class %@",[cell class]);
      UIView *cellview = [cell.subviews lastObject];
      UIView *labelSuper = [cellview.subviews lastObject];
      UILabel *label = [labelSuper.subviews lastObject];
      label.textColor = [UIColor whiteColor];
    }

  }
  return myView;
}

下面的代码是用户隐藏pickView自带的两根细线。

 UIView* topLine  =  [pickerView.subviews objectAtIndex:1];
  UIView* botomLine  =  [pickerView.subviews objectAtIndex:2];
  topLine.hidden = YES;
  botomLine.hidden = YES;

设置是否修改颜色BOOL isSetttingBackColor = NO;这个变量是为了防止多次设置背景颜色。造成相互遮盖。

最后效果如下：
这里写图片描述

Demo地址:http://xiazai.jb51.net/201612/yuanma/JSDCustomPickView-master(jb51.net).rar

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

您可能感兴趣的文章:

相关文章

  • iOS开发-实现大文件下载与断点下载思路

    iOS开发-实现大文件下载与断点下载思路

    本篇文章主要介绍了iOS开发-实现大文件下载与断点下载思路，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
    2017-01-01
  • iOS 16 CocoaAsyncSocket 崩溃修复详解

    iOS 16 CocoaAsyncSocket 崩溃修复详解

    这篇文章主要为大家介绍了iOS 16 CocoaAsyncSocket 崩溃修复详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-01-01
  • iOS tableView上拉刷新显示下载进度的问题及解决办法

    iOS tableView上拉刷新显示下载进度的问题及解决办法

    这篇文章主要介绍了 iOS tableView上拉刷新显示下载进度的问题及解决办法，需要的朋友可以参考下
    2017-03-03
  • 关于iOS 11的一些新特性适配实践总结

    关于iOS 11的一些新特性适配实践总结

    iOS 11 为整个生态系统的 UI 元素带来了一种更加大胆、动态的新风格。下面这篇文章主要给大家总结介绍了关于iOS 11的一些新特性适配实践，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。
    2017-11-11
  • iOS实现日历翻页动画

    iOS实现日历翻页动画

    本文的内容主要是在IOS中实现日历翻页的动画，界面简单但效果很好，以后可以运用到app中，下面一起来看看。
    2016-08-08
  • iOS项目的开发命名规范教程

    iOS项目的开发命名规范教程

    为了团队各成员之间代码的互通、可读、易维护性，特制订此开发规范。下面这篇文章主要给大家介绍了关于iOS项目的开发命名规范的相关资料，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。
    2017-11-11
  • iOS中最全的各种定时器使用教程

    iOS中最全的各种定时器使用教程

    这篇文章主要给大家介绍了关于iOS中最全的各种定时器的使用教程，文中通过示例代码介绍的非常详细，通过文中介绍的最全的定时器相信会对各位iOS开发者们带来一定的帮助，需要的朋友们下面随着小编来一起学习学习吧。
    2017-09-09
  • iOS开发中Swift3 监听UITextView文字改变的方法(三种方法)

    iOS开发中Swift3 监听UITextView文字改变的方法(三种方法)

    在项目中使用文本输入框出UITextField之外还会经常使用 UITextView ,难免会有需求监听UITextView文本框内文本数量.下面介绍在swift3中两种常用方式，需要的朋友参考下吧
    2016-11-11
  • iOS中自带超强中文分词器的实现方法

    iOS中自带超强中文分词器的实现方法

    这篇文章主要给大家介绍了关于iOS中自带超强中文分词器的实现方法，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
    2017-06-06
  • iOS tableview实现简单搜索功能

    iOS tableview实现简单搜索功能

    这篇文章主要为大家详细介绍了iOS tableview实现简单搜索功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-11-11

最新评论