• 自定义 AlertView 实现模态对话框


    转载自:http://www.2cto.com/kf/201204/129090.html

    在Windows应用程序中,经常使用模态(Model)对话框来和用户进行简单的交互,比如登录框。
    在IOS应用程序中,有时我们也希望做同样的事情。但IOS的UI库中,没有模态对话框,最接近那个样子的应该算是AlertView。
    但仅用AlertView,我们只能做文字提示,而不能和用户做交互。
    本文将介绍如何基于AlertView做定制,实现模态对话框的功能。以密码修改框为例:

    1. 首先,我们要继承AlertView类,在类的头文件PwdModifyView.h中,加入控件的声明
        这里我们把控件都声明为property,目的是让外部的类可以访问用户输入的数据。

    #import <UIKit/UIKit.h>
    
    @interface PwdModifyView : UIAlertView {
        // 旧密码输入框~
        UITextField* _oldPwd;
        
        // 新密码输入框~
        UITextField* _newPwd;
        
        // 新密码确认框~
        UITextField* _cfmPwd;
    }
    
    @property (nonatomic, retain) UITextField* oldPwd;
    @property (nonatomic, retain) UITextField* newPwd;
    @property (nonatomic, retain) UITextField* cfmPwd;
    
    
    @end

    2. 在PwdModifyView.m文件中,需要实现两个函数
    -(id) initWithTitle:(NSString*)title 
                message:(NSString*)message 
               delegate:(id)delegate 
      cancelButtonTitle:(NSString *)cancelButtonTitle 
      otherButtonTitles:(NSString *)otherButtonTitles, ... {
        
        self = [super initWithTitle:title 
                            message:message 
                           delegate:delegate 
                  cancelButtonTitle:cancelButtonTitle 
                  otherButtonTitles:otherButtonTitles, nil];
        
        if (self != nil) {
            // 初始化自定义控件,注意摆放的位置,可以多试几次位置参数直到满意为止
            // createTextField函数用来初始化UITextField控件,在文件末尾附上
            self.oldPwd = [self createTextField:@"旧密码" withFrame:CGRectMake(22, 45, 240, 36)];
            [self addSubview:self.oldPwd];
            
            self.newPwd = [self createTextField:@"新密码" withFrame:CGRectMake(22, 90, 240, 36)];
            [self addSubview:self.newPwd];
            
            self.cfmPwd = [self createTextField:@"确认新密码" withFrame:CGRectMake(22, 135, 240, 36)];
            [self addSubview:self.cfmPwd];
        }
        return self;
    }
    
    
    // Override 父类的 layoutSubviews 方法
    -(void) layoutSubviews {
        
        // 当 override 父类的方法时,要注意一下是否需要调用父类的该方法
        [super layoutSubviews];
        
        for (UIView* view in self.subviews) {
            // 搜索AlertView底部的按钮,然后将其位置下移
            // IOS5 以前按钮类是 UIButton, IOS5 里该按钮类是 UIThreePartButton
            if ([view isKindOfClass:[UIButton class]] ||
                [view isKindOfClass:NSClassFromString(@"UIThreePartButton")]) {
                CGRect btnBounds = view.frame;
                btnBounds.origin.y = self.cfmPwd.frame.origin.y + self.cfmPwd.frame.size.height + 7;
                view.frame = btnBounds;
            }
        }
        
        // 定义AlertView的大小
        CGRect bounds = self.frame;
        bounds.size.height = 260;
        self.frame = bounds;
    }
     
    3. 当需要弹出该对话框时,只需创建并初始化一个PwdModifyView对象,然后调用对象的show()方法即可。

            PwdModifyView* pwdModifyDlg = [[PwdModifyView alloc] 
                                           initWithTitle:@"密码修改" 
                                           message:nil 
                                           delegate:self 
                                           cancelButtonTitle:@"确定" 
                                           otherButtonTitles:@"取消", nil];
            [pwdModifyDlg show];


    最后,附上UITextField的创建函数

    -(UITextField*) createTextField:(NSString*)placeholder withFrame:(CGRect)frame {
        
        UITextField* field = [[UITextField alloc] initWithFrame:frame];
        
        field.placeholder = placeholder;
        field.secureTextEntry = YES;
        field.backgroundColor = [UIColor whiteColor];
        field.contentVerticalAlignment = UIControlContentVerticalAlignmentCenter;
        
        return field;
    }



  • 相关阅读:
    Python采用struct处理二进制
    OVS处理upcall流程分析
    mybatis在CRUD
    leetcode先刷_Valid Sudoku
    [TS] Implement a doubly linked list in TypeScript
    [TS] Implement a singly linked list in TypeScript
    [Python] The get() method on Python dicts and its "default" arg
    [Javascript AST] 4. Continue: Report ESLint error
    [RxJS] Learn How To Use RxJS 5.5 Beta 2
    [NPM] Update published npm packages using np
  • 原文地址:https://www.cnblogs.com/java20130723/p/3212142.html
Copyright © 2020-2023  润新知