ios - 用于下拉列表框（android spinner）样式控件的 iOS 部分屏幕对话框

Question

在 iPhone 的 iOS 中，当配置为类似于下拉列表框时，我想制作一个与 android spinner 控件具有相似外观和行为的控件。特别是当按下带有单选按钮的文本选项的模式列表时，当其中一个被按下时，列表消失并且控件更新为该选项。例子：

到目前为止，我已经看到使用带有自定义 ViewController 的 [self presentViewController...] 的全屏选项，但我想要一个部分屏幕（如上图所示）解决方案。有谁知道如何做到这一点或可以指出正确的方向。

Answer 1

对此的本机解决方案将是一个 UIActionSheet，它在 iPhone 上将从底部出现并且是部分屏幕或在 iPad 上与 android 版本非常相似。

您可以在此处找到文档：UIActionSheet

Answer 2

如果您不想使用 UIActionSheet 并且希望使其可重用，而不是向当前的 XIB 添加一整套 UIView，则可以使用填充它所需的任何界面创建自定义 UIView，并使用界面构建器来帮助让它看起来不错。

该视图可能有一个消息处理程序，用于发布您需要侦听的响应。

然后只需初始化并将视图加载到您的子视图中并填充它

然后将自定义视图中的消息发布到您注册的处理程序

所以对于你的自定义视图，你会有这样的东西。

@implementation SomeCustomView
+(SomeCustomView*)viewFromNibNamed:(NSString *)nibName{
    NSArray *nibContents = [[NSBundle mainBundle] loadNibNamed:nibName owner:self options:NULL];
    NSEnumerator *nibEnumerator = [nibContents objectEnumerator];
    SomeCustomView *customView = nil;
    NSObject* nibItem = nil;
    while ((nibItem = [nibEnumerator nextObject]) != nil) {
        if ([nibItem isKindOfClass:[AADropDown class]]) {
            customView = (SomeCustomView*)nibItem;
            break;
        }
    }
    return customView;
}
-(void)someInitializationWith:(NSArray*)repeatableData andNotificationId:(NSString*)noteId{
//set your stuff up for the view here and save the notification id
}
...
-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
[[NSNotificationCenter defaultCenter] postNotificationName:Your_Notification_Id object:somevalue];
}
@end

并包括其他东西，比如在这种情况下，tableview 的东西或任何其他逻辑。

然后在你的视图控制器中你可以这样称呼它

__block id observer = [[NSNotificationCenter defaultCenter] addObserverForName:@"customViewAction" object:nil queue:[NSOperationQueue currentQueue] usingBlock:^(NSNotification *note) {
    //deal with notification here
    [[NSNotificationCenter defaultCenter] removeObserver: observer];
}];
SomeCustomView *cv =(SomeCustomView*) [SomeCustomView viewFromNibNamed:@"SomeCustomView"];
[cv someInitializationWith:arrayOptions andNotificationId:@"customViewAction"];
[self.view addSubview:cv];

在您的界面构建器中，您只需要确保将视图的类设置为您的类类型。

然后，只要用户需要以相同的方式选择其他内容，您就可以轻松地再次重用此代码。

Answer 3

这是 AtomRiot 建议的解决方案的变体。

在您的视图（xib 或故事板）上创建一个按钮并将此图形分配给它。如果它在编辑器中显得拉伸，请不要担心。该代码将使其成为可实现的图形。
2X 版本

然后在您的项目中包含以下文件（复制如下）：
DDLBHelper.h DDLBHelper.m

然后在 ViewController 的 .h 文件中创建指向按钮的链接：

@property (weak, nonatomic) IBOutlet UIButton *ddlbB;
- (IBAction)ddlbBClick:(id)sender;

在 ViewController 的 .m 文件中进行以下调用：

@synthesize ddlbB, choiceLabel;
DDLBHelper *mDDLBH;
- (void)viewDidLoad {
    [super viewDidLoad];
    NSArray *strings = [[NSArray alloc] initWithObjects:@"Item 1", @"Item 2", @"Item 3", nil];
    mDDLBH = [[DDLBHelper alloc] initWithWithViewController:self button:ddlbB stringArray:strings currentValue:1];
}

- (IBAction)ddlbBClick:(id)sender {
    [mDDLBH popupList];
}
- (void)willAnimateRotationToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration{
    [mDDLBH adjustToRotation];
}

就像安卓一样工作。

以下是文件：
DDLBHelper.h

//  DDLBHelper.h
//  Created by MindSpiker on 9/27/12.

#import <Foundation/Foundation.h>
@protocol DDLBHelperDelegate <NSObject>
@required
- (void) itemSelected: (int)value;
@end

@interface DDLBHelper : UIViewController <UITableViewDelegate, UITableViewDataSource>{
    id <DDLBHelperDelegate> delegate;
}

@property (retain) id delegate;

// external interface
- (id) init;
- (id) initWithWithViewController:(UIViewController *)viewController button:(UIButton *)button stringArray:(NSArray *)values currentValue:(int) currentValue;
- (void) popupList;
- (BOOL) isShown;
- (void) adjustToRotation;
- (int) getValue;
- (NSString *)getValueText;

@end

DDLBHelper.m

//  DDLBHelper.m
//  Created by MindSpiker on 9/27/12.

#import "DDLBHelper.h"
#import <QuartzCore/QuartzCore.h>

@interface DDLBHelper () {
@private
    UIViewController *mVC;
    UIButton *mButton;
    NSArray *mValues;
    int mValue;

    UITableView *mTV;

    UIView *mBackgroundV;

}

@end

@implementation DDLBHelper

@synthesize delegate;

- (id) init {
    self = [super init];
    mVC = nil;
    mButton = nil;
    mValues = nil;
    mValue = -1;
    return self;
}

- (id) initWithWithViewController:(UIViewController *)viewController button:(UIButton *)button stringArray:(NSArray *)values currentValue:(int) currentValue {
    self = [super init];

    // save pointers
    mVC = viewController;
    mButton = button;
    mValues = values;
    mValue = currentValue;

    [self setupButton];

    return self;
}

- (void) popupList{
    if (mBackgroundV == nil){
        mBackgroundV = [self setupBackgroundView];
        [mVC.view addSubview:mBackgroundV];
    }
    if (mTV == nil){
        mTV = [self setupTableView];
        [mVC.view addSubview:mTV];
    }
    [mTV reloadData];
    [mBackgroundV setHidden:NO];
    [mTV setHidden:NO];
}

- (BOOL) isShown{
    return !mTV.isHidden;
}

- (void) adjustToRotation{
    BOOL isShown = [self isShown];

    // remove the controls
    if (mBackgroundV != nil){
        [mBackgroundV removeFromSuperview];
        mBackgroundV = nil;
    }
    if (mTV != nil){
        [mTV removeFromSuperview];
        mTV = nil;
    }

    if (isShown){
        [self popupList];
    }
}

- (int) getValue{
    return mValue;
}

- (NSString *) getValueText{
    if (mValues != nil && mValue > -1) {
        if (mValues.count > mValue){
            return [mValues objectAtIndex:mValue];
        }
    }
    return nil;
}

- (void) updateButtonTitle{
    NSString *title = [NSString stringWithFormat:@"  %@", [self getValueText]];

    [mButton setTitle:title forState:UIControlStateNormal];
}

- (void) setupButton {
    UIImage *buttonBG = [UIImage imageNamed:@"sis_proceeds_ddlb.png"];
    UIEdgeInsets insets = UIEdgeInsetsMake(8, 8, 8, 45);
    UIImage *sizableImg = [buttonBG resizableImageWithCapInsets:insets];
    [mButton setBackgroundImage:sizableImg forState:UIControlStateNormal];
    [mButton setContentHorizontalAlignment:UIControlContentHorizontalAlignmentLeft];
    [self updateButtonTitle];
}

- (UIView *) setupBackgroundView{
    UIView *v = [[UIView alloc] initWithFrame:mVC.view.bounds];
    [[v layer] setOpaque:NO];
    [[v layer] setOpacity:0.7f];
    [[v layer] setBackgroundColor:[UIColor blackColor].CGColor];
    return v;
}

- (UITableView *) setupTableView {
    CGRect rect = [self makeTableViewRect];
    UITableView *tv = [[UITableView alloc] initWithFrame:rect style:UITableViewStylePlain];
    [tv setDelegate:self];
    [tv setDataSource:self];
    [tv setBackgroundColor:[UIColor whiteColor]];
    [[tv layer] setBorderWidth:2];
    [[tv layer] setBorderColor:[UIColor lightGrayColor].CGColor];
    [[tv layer] setCornerRadius:10];
    [mVC.view addSubview:tv];
    return tv;
}

- (CGRect) makeTableViewRect {
    float l=0.0, t=0.0, w=0.0, h=0.0, maxH=0.0, cellH=0.0, cellsH=0.0;

    // get 
    l = mButton.frame.origin.x;
    w = mButton.frame.size.width;
    t = mVC.view.bounds.origin.y + 50;
    maxH = mVC.view.bounds.size.height - 100;

    // get cell height
    UITableViewCell *c = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil];
    cellH = c.bounds.size.height;

    // see if list will overlow maxH(eight)
    cellsH = cellH * mValues.count;
    if (cellsH > maxH) {
        h = maxH;
    } else {
        h = cellsH;
    }

    return CGRectMake(l, t, w, h);
}

#pragma mark - TableView Delegate functions

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
    return  1;  // this is a one section table
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return mValues.count;   // should be called for only one section
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{

    // try to resuse a cell if possible
    static NSString *RESUSE_IDENTIFIER = @"myResuseIdentifier";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:RESUSE_IDENTIFIER];
    if (cell == nil) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:RESUSE_IDENTIFIER];
    }

    cell.textLabel.text = [mValues objectAtIndex:indexPath.row];
    if (mValue == indexPath.row){
        cell.accessoryType = UITableViewCellAccessoryCheckmark;

    } else {
        cell.accessoryType = UITableViewCellAccessoryNone;
    }

    return cell;

}
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
    // save value and hide view
    mValue = indexPath.row;
    [self updateButtonTitle];
    [mBackgroundV setHidden:YES];
    [mTV setHidden:YES];
    [delegate itemSelected:mValue];
}
@end