zoukankan      html  css  js  c++  java
  • 自定义 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;
    }



  • 相关阅读:
    vscode 的tab空格设置设置为4的方法
    【vue生命周期】- 详解
    javascript中call()、apply()、bind()的用法终于理解
    彻底理解js中this的指向,不必硬背。
    OKR群:为什么说每个程序员都应该有自己的个人OKR
    2019年程序员最值得学习的思维利器——任务分解
    代码之美——《重构》、《代码整洁之道》
    为什么说程序员都应该写一写博客
    我的第一篇博客
    为什么说程序员都应该玩一玩GitHub
  • 原文地址:https://www.cnblogs.com/java20130723/p/3212142.html
Copyright © 2011-2022 走看看