关闭

自定义UIAlertView模态框

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

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

  

#import <UIKit/UIKit.h>

@interface PwdModifyView : UIAlertView

@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 {
    [super layoutSubviews];     // 当override父类的方法时,要注意一下是否需要调用父类的该方法
   
    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()方法即可。
 
PwdModifyDlg* 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;
}

0
0
查看评论

iOS自定义UIAlertView

iOS自定义UIAlertView控件的源代码出自GitHub,地址:https://github.com/wimagguc/ios-custom-alertview 在此基础上,添加了一个TitleView,可以设置标题,标题颜色,标题背景颜色.h// // IAlertView.h // ...
  • yaoliangjun306
  • yaoliangjun306
  • 2016-12-05 17:15
  • 2966

UIKit框架-高级视图-UIAlertViewController-提示框

UIAlertController 提示框 属性 创建 UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"提示" message:@"主题" ...
  • qq_36136586
  • qq_36136586
  • 2018-01-11 10:03
  • 12

模仿系统方法自定义UIAlertView的实现和代理

背景是博主偷懒依然用了iOS8后被废弃掉的UIAlertView,然后取消的字体比确定要粗,同时为了统一界面风格,需要把UIAlertView统一换成定制的样子,博主就犯难了,又不想大批量更改代码,怎么办,突然意识到为什么我不能自己写一个类似系统的方法呢,只要整体代码一样,不就可以通过搜索统一修改一...
  • CodingFire
  • CodingFire
  • 2016-05-27 17:20
  • 1545

IOS自定义UIAlertView样式,实现可替换背景和按钮

UIAlertView 是一个十分常用的控件,网上也有好多类似的自定义AlertView的方法。但是感觉效果都不是很好,它们有的是在系统自带的上面添加文本框,也有的是完全自己用UIView来实现,还有的就是继承了UIAlertView 。     ...
  • heng615975867
  • heng615975867
  • 2014-08-29 11:22
  • 1148

UIAlertView自定义加入TextField输入框

相信很多人第一次跟我一样迷惑, 第一反应是addSub
  • dexin5195
  • dexin5195
  • 2014-11-05 18:59
  • 2847

自定义模态框

WEB前端开发中经常需要用到模态框,如果你使用了bootstrap、easyui等前端框架,可以很方便的调用一个模态框,今天我们自己动手创建一个自定义模态框。弹出一个模态框需要以下两个步骤 显示一个蒙版遮罩整个浏览器可见区域 弹出模态框 创建背景背景用于测试蒙版和模态框,内容随便。<style...
  • joyfixing
  • joyfixing
  • 2016-07-11 15:01
  • 1995

自定义模态框(弹出框)

3月份做了比较多的在线能力测试或笔试题 ,我记得有一道题是自己使用原生js实现一个组件实现自定义的模态框或弹出框需求: 1、模态框在浏览器居中显示 2、有关闭和确认功能 3、弹出模态框后使浏览器蒙层( 遮罩层),不能进行原始界面的操作<!DOCTYPE html> <html...
  • qq_27437967
  • qq_27437967
  • 2017-04-27 15:46
  • 1222

UIAlertView上添加输入框UITextField

UIAlertView上添加输入框UITextField 1、初始化UIAlertView,并添加UITextField  UIAlertView *exitAlertView=[[UIAlertView alloc]initWithTitle:@"退出原因"...
  • shiningchen322
  • shiningchen322
  • 2015-11-10 18:18
  • 536

IOS 自定义控件之UIAlertview

原创Blog,转载请注明出处 blog.csdn.net/hello_hwc前言:这个系列的目的是写一些自定义控件的思路,并不是拿来就可以用的控件,想要直接用的控件库,去github上有的是。这个系列希望抛砖引玉,能够让读者学会如何去自定义控件,授之以渔总比授之以鱼强。本文的内容 demo展示以及...
  • Hello_Hwc
  • Hello_Hwc
  • 2015-02-18 18:28
  • 4123

(iPhone/iPad开发)设置UIAlertView中message字段左对齐

今天遇到一个问题,从服务器返回的字符串中有多行信息,message字段需要多行显示,但系统默认的是中间对齐,一直在想办法让其左对齐,具体解决办法是,通过UIAlertView的delegate函数中,获取alertview中label,设置左对齐属性 - (void)willPrese...
  • andypan1314
  • andypan1314
  • 2012-12-01 15:15
  • 7796
    个人资料
    • 访问:7873次
    • 积分:172
    • 等级:
    • 排名:千里之外
    • 原创:8篇
    • 转载:9篇
    • 译文:0篇
    • 评论:0条
    文章分类