iOS开发-UIPickerView的使用&点菜项目展示

最新推荐文章于 2021-12-10 12:41:10 发布
最新推荐文章于 2021-12-10 12:41:10 发布
阅读量829 收藏 2
点赞数
分类专栏： iOS-项目实战展示 iOS-自定义控件 文章标签： UIPickerView iOS开发 MVC 自定义控件 UIPickerView实现点菜项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ZZ_IOSdeveloper/article/details/53745959
版权

今天呢开始给同学们讲解UIPickerView的使用，首先通过一个app中广泛存在的选菜的功能来体现UIPickerView的用法!废话不多说直接上代码~首先看效果图！

 

 

//

//  ZZPickerView.h

//  15－点菜系统

//

//  Created by 周昭 on 16/12/19.

//  Copyright © 2016年 HT_Technology. All rights reserved.

//

 

#import <UIKit/UIKit.h>

 

@interface ZZPickerView : UIView

 

- (void)todayMainPush;

@end

 

//

//  ZZPickerView.m

//  15－点菜系统

//

//  Created by 周昭 on 16/12/19.

//  Copyright © 2016年 HT_Technology. All rights reserved.

//

 

#import "ZZPickerView.h"

 

@interface ZZPickerView()<UIPickerViewDelegate,UIPickerViewDataSource>

@property (nonatomic,strong) NSArray *foods;

@property (nonatomic,weak) UIImageView *bgImgView;

@property (nonatomic,weak) UILabel *titleText;

@property (nonatomic,weak) UIPickerView *foodPicker;

@property (nonatomic,weak) UILabel *fruitLabel;

@property (nonatomic,weak) UILabel *mainLabel;

@property (nonatomic,weak) UILabel *drinkLabel;

@property (nonatomic,weak) UILabel *text1;

@property (nonatomic,weak) UILabel *text2;

@property (nonatomic,weak) UILabel *text3;

@property (nonatomic,weak) UIButton *arcBtn;

@end

 

@implementation ZZPickerView

 

- (NSArray *)foods

{

    if (_foods ==nil) {

        // 1.获得plist的全路径

        _foods = [NSArrayarrayWithContentsOfFile:[[NSBundlemainBundle] pathForResource:@"foods.plist"ofType:nil]];

    }

    return_foods;

}

 

- (instancetype)initWithFrame:(CGRect)frame

{

    if (self = [superinitWithFrame:frame]) {

        [selfsetUpSubViews];

    }

    

    returnself;

}

 

- (instancetype)initWithCoder:(NSCoder *)decoder

{

    if (self = [superinitWithCoder:decoder]) {

        [selfsetUpSubViews];

    }

    

    returnself;

}

 

/**

 *  初始化所有的子控件&进行一次性初始化设置

 */

- (void)setUpSubViews

{

    UIImageView *bgImgView = [[UIImageViewalloc] init];

    bgImgView.image = [UIImageimageNamed:@"new_feature_2"];

    [selfaddSubview:bgImgView];

    self.bgImgView = bgImgView;

    

    UILabel *titleText = [[UILabelalloc] init];

    titleText.text =NSLocalizedString(@"周氏菜谱",nil);

    titleText.textAlignment =NSTextAlignmentCenter;

    titleText.font = [UIFontboldSystemFontOfSize:18.0f];

    titleText.textColor = [UIColorwhiteColor];

    [selfaddSubview:titleText];

    self.titleText = titleText;

    

    UIPickerView *foodPicker = [[UIPickerViewalloc] init];

    foodPicker.delegate =self;

    foodPicker.dataSource =self;

    [selfaddSubview:foodPicker];

    self.foodPicker = foodPicker;

    

    UILabel *fruitLabel = [[UILabelalloc] init];

    fruitLabel.textAlignment =NSTextAlignmentLeft;

    fruitLabel.font = [UIFontboldSystemFontOfSize:16.0f];

    fruitLabel.text =NSLocalizedString(@"水果:",nil);

    fruitLabel.textColor = [UIColorwhiteColor];

    [selfaddSubview:fruitLabel];

    self.fruitLabel = fruitLabel;

    

    UILabel *mainLabel = [[UILabelalloc] init];

    mainLabel.textAlignment =NSTextAlignmentLeft;

    mainLabel.font = [UIFontboldSystemFontOfSize:16.0f];

    mainLabel.text =NSLocalizedString(@"主菜:",nil);

    mainLabel.textColor = [UIColorwhiteColor];

    [selfaddSubview:mainLabel];

    self.mainLabel = mainLabel;

    

    UILabel *drinkLabel = [[UILabelalloc] init];

    drinkLabel.textAlignment =NSTextAlignmentLeft;

    drinkLabel.font = [UIFontboldSystemFontOfSize:16.0f];

    drinkLabel.text =NSLocalizedString(@"饮料:",nil);

    drinkLabel.textColor = [UIColorwhiteColor];

    [selfaddSubview:drinkLabel];

    self.drinkLabel = drinkLabel;

    

    UILabel *text1 = [[UILabelalloc] init];

    text1.textAlignment =NSTextAlignmentLeft;

    text1.font = [UIFontsystemFontOfSize:15.5f];

    text1.textColor = [UIColorwhiteColor];

    [selfaddSubview:text1];

    self.text1 = text1;

    

    UILabel *text2 = [[UILabelalloc] init];

    text2.textAlignment =NSTextAlignmentLeft;

    text2.font = [UIFontsystemFontOfSize:15.5f];

    text2.textColor = [UIColorwhiteColor];

    [selfaddSubview:text2];

    self.text2 = text2;

    

    UILabel *text3 = [[UILabelalloc] init];

    text3.textAlignment =NSTextAlignmentLeft;

    text3.font = [UIFontsystemFontOfSize:15.5f];

    text3.textColor = [UIColorwhiteColor];

    [selfaddSubview:text3];

    self.text3 = text3;

    

    UIButton *arcBtn = [UIButtonbuttonWithType:UIButtonTypeCustom];

    [arcBtn setTitle:NSLocalizedString(@"随机点菜",nil) forState:UIControlStateNormal];

    [arcBtn setTitleColor:[UIColorwhiteColor] forState:UIControlStateNormal];

    [arcBtn addTarget:selfaction:@selector(arcBtnClick)forControlEvents:UIControlEventTouchUpInside];

    arcBtn.titleLabel.font = [UIFontboldSystemFontOfSize:16.0];

    arcBtn.layer.cornerRadius =5;

    arcBtn.layer.masksToBounds =YES;

    arcBtn.layer.borderColor = [UIColorwhiteColor].CGColor;

    arcBtn.layer.borderWidth =1;

    [selfaddSubview:arcBtn];

    self.arcBtn = arcBtn;

}

 

/**

 *  拿到真实的尺寸调整子控件的布局

 */

- (void)layoutSubviews

{

    [superlayoutSubviews];

 

    self.bgImgView.frame =self.frame;

    

    CGFloat titleTextX =0;

    CGFloat titleTextY =30;

    CGFloat titleTextW =self.frame.size.width;

    CGFloat titleTextH =40;

    self.titleText.frame =CGRectMake(titleTextX, titleTextY, titleTextW, titleTextH);

    

    CGFloat foodPickerX =40;

    CGFloat foodPickerY =CGRectGetMaxY(self.titleText.frame);

    CGFloat foodPickerW = titleTextW;

    CGFloat foodPickerH =self.frame.size.height *0.5;

    self.foodPicker.frame =CGRectMake(foodPickerX, foodPickerY, foodPickerW, foodPickerH);

    

    CGFloat fruitLabelX =15;

    CGFloat fruitLabelY =CGRectGetMaxY(self.foodPicker.frame);

    CGFloat fruitLabelW =50;

    CGFloat fruitLabelH =40;

    self.fruitLabel.frame =CGRectMake(fruitLabelX, fruitLabelY, fruitLabelW, fruitLabelH);

    

    CGFloat mainLabelX = fruitLabelX;

    CGFloat mainLabelY =CGRectGetMaxY(self.fruitLabel.frame);

    CGFloat mainLabelW = fruitLabelW;

    CGFloat mainLabelH = fruitLabelH;

    self.mainLabel.frame =CGRectMake(mainLabelX, mainLabelY, mainLabelW, mainLabelH);

    

    CGFloat drinkLabelX = fruitLabelX;

    CGFloat drinkLabelY =CGRectGetMaxY(self.mainLabel.frame);

    CGFloat drinkLabelW = fruitLabelW;

    CGFloat drinkLabelH = fruitLabelH;

    self.drinkLabel.frame =CGRectMake(drinkLabelX, drinkLabelY, drinkLabelW, drinkLabelH);

    

    CGFloat text1X =CGRectGetMaxX(self.fruitLabel.frame);

    CGFloat text1Y = fruitLabelY;

    CGFloat text1W =self.frame.size.width;

    CGFloat text1H = fruitLabelH;

    self.text1.frame =CGRectMake(text1X, text1Y, text1W, text1H);

    

    CGFloat text2X = text1X;

    CGFloat text2Y = mainLabelY;

    CGFloat text2W = text1W;

    CGFloat text2H = fruitLabelH;

    self.text2.frame =CGRectMake(text2X, text2Y, text2W, text2H);

    

    CGFloat text3X = text1X;

    CGFloat text3Y = drinkLabelY;

    CGFloat text3W = text1W;

    CGFloat text3H = fruitLabelH;

    self.text3.frame =CGRectMake(text3X, text3Y, text3W, text3H);

    

    CGFloat arcBtnW =80;

    CGFloat arcBtnX =self.frame.size.width -15 - arcBtnW;

    CGFloat arcBtnY =CGRectGetMaxY(self.text3.frame) + 30;

    CGFloat arcBtnH =40;

    self.arcBtn.frame =CGRectMake(arcBtnX, arcBtnY, arcBtnW, arcBtnH);

}

 

#pragma mark - UIPickerView的数据源方法

/**

 *  有多少列

 */

- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView

{

    returnself.foods.count;

}

 

/**

 *  第component列显示多少行

 */

- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component

{

    NSArray *subFoods =self.foods[component];

    return subFoods.count;

}

 

 

#pragma mark - UIPickerView的代理方法

/**

 *  显示什么文字

 */

- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component

{

    returnself.foods[component][row];

}

 

/**

 *  修改字体颜色

 */

- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view

{

    UILabel *label = [[UILabelalloc] init];

    label.text =self.foods[component][row];

    label.font = [UIFontboldSystemFontOfSize:17.0f];

    label.textColor = [UIColorwhiteColor];

    return label;

}

 

/**

 *  随机选菜

 */

- (void)arcBtnClick

{

    for (int component =0; component < self.foods.count; component++) {

        // 1.每列的个数

        NSInteger count = [self.foods[component]count];

        

        // 2.之前的行号

        NSInteger oldRow = [self.foodPickerselectedRowInComponent:component];

        

        // 3.第几行(默认新的行号跟旧的行号一样)

        NSInteger row = oldRow;

        

        // 4.如果一样则取出不一样

        while (row == oldRow) {

            row = arc4random()%count;

        }

        

        // 5.pickerView主动选择

        [self.foodPickerselectRow:row inComponent:componentanimated:YES];

        

        // 6.设置label的文字

        [selfsetUpTextWith:self.foodPickerrow:row component:component];

    }

}

 

/**

 *  设置文字

 */

- (void)setUpTextWith:(UIPickerView *)foodPicker row:(NSInteger)row component:(NSInteger)component

{

    if (component ==0) { //水果

        self.text1.text =self.foods[component][row];

    } elseif (component == 1) { //主菜

        self.text2.text =self.foods[component][row];

    } elseif (component == 2) { //饮料

        self.text3.text =self.foods[component][row];

    }

}

 

/**

 *  默认今日主推

 */

- (void)todayMainPush

{

    [selfarcBtnClick];

}

@end

 

//

//  ZZViewController.h

//  15－点菜系统

//

//  Created by 周昭 on 16/12/19.

//  Copyright © 2016年 HT_Technology. All rights reserved.

//

 

#import <UIKit/UIKit.h>

 

@interface ZZViewController : UIViewController

 

@end

 

//

//  ZZViewController.m

//  15－点菜系统

//

//  Created by 周昭 on 16/12/19.

//  Copyright © 2016年 HT_Technology. All rights reserved.

//

 

#import "ZZViewController.h"

#import "ZZPickerView.h"

 

@interface ZZViewController()

 

@end

 

@implementation ZZViewController

 

- (void)viewDidLoad

{

    [superviewDidLoad];

    

    [selfsetUpSubViews];

}

 

/**

 *  初始化子控件

 */

- (void)setUpSubViews

{

    ZZPickerView *picker = [[ZZPickerViewalloc] init];

    picker.frame =CGRectMake(0,0, self.view.frame.size.width,self.view.frame.size.height);

    [picker todayMainPush];

    [self.viewaddSubview:picker];

}

@end

 

 

ZZ_iOSDeveloper
关注
专栏目录
iOS开发中使用Picker View实现一个点菜应用的UI示例
09-02
主要介绍了iOS开发中使用Picker View实现一个点菜应用的UI示例,代码基于传统的Objective-C,需要的朋友可以参考下
基于ios开发点餐系统应用(附带源码)
tiandirensoon
05-03 691
1. Tabbar Controller与 Navigation Controller的套用2. TableViewCell 子视图添加UILabel和UIButton等3. Quartz 2D 绘制自定义视图4. 手势结合UIView Animation切换视图5. CoreData 及其数据的初始化方法6. 使用HTTP Get/Post Request 提交和获取数据 7. UIAlert...
iOS开发 点菜系统 使用UIPickerView
weixin_30852367的博客
06-04 108
利用UIPickerView实现一个简单的点菜界面，如下图所示。源码地址：https://github.com/xiaoLong1010/iOSAppDemo.git UIPickerView有两个协议UIPickerViewDataSource,UIPickerViewDelegate，它们为UIPickeView提供数据和代理。UIPickeView的三个component分别...
ios点餐app系统
03-13
点餐app系统，支持ios
iOS开发实例-七杯茶奶茶点餐系统
柠檬加冰
04-26 1019
其中使用了百度地图，coverflow功能，gridView功能。不多说，上图：         下载地址：http://www.cocoachina.com/bbs/read.php?tid=114859  需要注册哦亲·~~不过cocoachina这个网站，开发ios的没注册就太不应该了。。。。
iOS开发 - 第02篇 - UI进阶 - 06 - PickerView & DatePicker
NSRyan的博客
05-24 826
1、Picker控件文档路径2、点菜系统3、国旗选择4、省市联动5、DatePicker
iOS开发之UIPickerView实现城市选择器的步骤详解
09-01
在iOS开发中，UIPickerView 是一个非常常用的控件，用于展示用户可以选择的多个选项。在本教程中，我们将详细讲解如何使用UIPickerView 实现一个城市选择器，该选择器分为两列，第一列显示省份，第二列显示对应省份...
详解iOS开发中UIPickerView控件的使用方法
01-20
在本教程中，我们将详细介绍如何在iOS项目中使用UIPickerView，以及如何将其与UITextField结合，将选定的数据展示给用户。 首先，创建一个新的iOS项目是开始的起点。这里我们使用Xcode 4.3.2来创建一个名为...
ios-UIPickerView.zip
07-11
在iOS开发中，UIPickerView 是一个非常重要的控件，常用于展示一系列可滚动的选择项。这个名为“ios-UIPickerView.zip”的压缩包可能包含了关于如何使用UIPickerView的笔记和示例代码，比如“XPFPickerViewDome”。...
ios-仿美团点餐列表界面.zip
07-11
修复了之前滑动不同步的bug
iOS点菜系统 pickerView
04-15
iOS 点菜系统 UIPickerView 全部素材，代码等等以及注释
iOS下拉选择菜单简单封装
01-20
本文实例为大家分享了简单封装的iOS下拉选择菜单代码，供大家参考，具体内容如下 // // OrderListDownMenu.h #import <UIKit> @protocol OrderListDownMenuDelegate <NSObject> - (void)OrderListDownMenu:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath; @end typedef void(^Dismiss)(void); @interface OrderList
iOS 控件基础- UIPickerView
05-26
在iOS应用开发中，掌握UIPickerView的使用是非常基础且必要的。 首先，我们来看看**UIPickerView的结构**。UIPickerView由多个“组件”（Component）组成，每个组件代表一列选择项。组件之间可以是独立的，也可以有...
ios 上下联动，类似点菜的小程序 JXSegment
baidu_40537062的博客
12-10 1074
JXSegmentedView - github JXPagingView - github JXCategoryView - github
UIPickerView中插入图片
ycw343465134的专栏
08-08 864
- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view{     UIImage *myImage = [array_images objectAtIndex:row];  
iOS开发UI篇—使用picker View控件完成一个简单的选餐应用
weixin_33743661的博客
06-05 167
iOS开发UI篇—使用picker View控件完成一个简单的选餐应用 一、实现效果 　　说明：点击随机按钮，能够自动选取，下方数据自动刷新。 　　 二、实现思路 1.picker view的有默认高度为162，不可修改。 2.显示数据，需要设置数据源，也有两种方式（成为数据源，遵守协议） 3.实现数据源里面的两个方法 1）返回一共有多少列 2）在这一列中一共有多少行 4.通过...
非常不错的点餐系统应用源码完整版
热门推荐
xiaocnblogs的博客
06-11 3万+
该源码是一款非常不错的点餐系统应用，应用源码齐全，运行起来非常不错，基本实现了点餐的一些常用的功能，而且界面设计地也很不错，是一个不错的ios应用学习的例子，喜欢的朋友可以下载学习看看，更多ios源码尽在源码天堂。 1. Tabbar Controller与 Navigation Controller的套用 2. TableViewCell 子视图添加UILabel和UIButto
iOS开发-自定义TabBar&TabBarButton实现自动切换
ZZ_iOSdeveloper的博客
10-31 1931
  // //  ZZTabBarButton.h //  ZZ_APP主流框架 // //  Created by ZZ_Macpro on 15/9/25. //  Copyright (c) 2015年 ZZ_Macpro. All rights reserved. //   #import &lt;UIKit/UIKit.h&gt;   @interface ZZTa...
iOS开发：Objective-C实现UIPickerView详细教程
本文将深入探讨iOS开发中的UIPickerView控件，介绍如何在Objective-C环境中使用这个组件来实现用户选择特定数据的功能。UIPickerView通常用于让用户在多个选项中进行选择，它与UITableView类似，都需要数据源来支持...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值