`

进阶AlertView运用 - 登入设计

 
阅读更多

说明:示范如何利用AlertView来制作系统登入的介面



程式碼:
CustomAlertViewViewController.h


 

#import <UIKit/UIKit.h>



//記得加入UIAlertViewDelete

@interface CustomAlertViewViewController : UIViewController<UIAlertViewDelegate> {

    UIAlertView *myAlertView;

}



@property (nonatomic,retain) UIAlertView *myAlertView;



-(IBAction) buttonPressed:(id)sender;



@end



CustomAlertViewViewController.m 


-(IBAction) buttonPressed:(id)sender{

    myAlertView=[[UIAlertView alloc] initWithTitle:@"系統登入" message:nil delegate:self cancelButtonTitle:@"取消" otherButtonTitles:@"登入",nil];

    [myAlertView show];

    [myAlertView release];

    

}



- (void)willPresentAlertView:(UIAlertView *)alertView

{

        CGRect frame = alertView.frame;

        if( alertView==myAlertView )

        {

                frame.origin.y -= 120;

                frame.size.height += 80;

                alertView.frame = frame;

                for( UIView * view in alertView.subviews )

                {

            //列舉alertView中所有的物件

                        if( ![view isKindOfClass:[UILabel class]] )

                        {

            //若不UILable則另行處理

                if (view.tag==1)

                {

                //處理第一個按鈕,也就是 CancelButton

                           CGRect btnFrame1 =CGRectMake(30, frame.size.height-65, 105, 40);

                                view.frame = btnFrame1;

               

                } else if  (view.tag==2){

                //處理第二個按鈕,也就是otherButton    

                    CGRect btnFrame2 =CGRectMake(142, frame.size.height-65, 105, 40);

                    view.frame = btnFrame2;               

                }

                        }

                }

                

        //加入自訂的label及UITextFiled

        UILabel *lblaccountName=[[UILabel alloc] initWithFrame:CGRectMake( 30, 50,60, 30 )];;

        lblaccountName.text=@"帳號:";

        lblaccountName.backgroundColor=[UIColor clearColor];

        lblaccountName.textColor=[UIColor whiteColor];

        

        UITextField *accoutName = [[UITextField alloc] initWithFrame: CGRectMake( 85, 50,160, 30 )];   

        accoutName.placeholder = @"帳號名稱";

        accoutName.borderStyle=UITextBorderStyleRoundedRect;

        

        

        UILabel *lblaccountPassword=[[UILabel alloc] initWithFrame:CGRectMake( 30, 85,60, 30 )];;

        lblaccountPassword.text=@"密碼:";

        lblaccountPassword.backgroundColor=[UIColor clearColor];

        lblaccountPassword.textColor=[UIColor whiteColor];

        

        UITextField *accoutPassword = [[UITextField alloc] initWithFrame: CGRectMake( 85, 85,160, 30 )];   

        accoutPassword.placeholder = @"登入密碼";

        accoutPassword.borderStyle=UITextBorderStyleRoundedRect;

        //輸入的資料以星號顯示(密碼資料)

        accoutPassword.secureTextEntry=YES;

        

             [alertView addSubview:lblaccountName];

                [alertView addSubview:accoutName];         

        [alertView addSubview:lblaccountPassword];

                [alertView addSubview:accoutPassword];

        }

}



- (void)dealloc {

    [myAlertView release];

    [super dealloc];

}

 

分享到:
评论

相关推荐

    ios-一款自定义 AlertView -- KMAlertView.zip

    在设计上,`KMAlertView`允许开发者调整动画速度、方向等细节,使得弹窗的出现和消失更加自然流畅。这在许多需要与用户交互的应用场景中,如用户授权、错误提示、操作确认等,都能够发挥重要作用。 总之,`...

    适用于Vue的iOS7 +样式Alertview服务-JavaScript开发

    vue-ios-alertview Vue 2的iOS7 +样式Alertview服务angular-ios-alertview的Vue端口。 安装npm install vue-ios-alertview依赖关系Promise用法从'vue'导入Vue; 导入vue-ios-alertview的Vue 2的iOS7 +样式Alertview...

    ios-custom-alertview-master

    "ios-custom-alertview-master"项目提供了一种解决方案,它允许开发者在iOS7及更高版本上创建和展示自定义的alertView。这个项目是开源的,旨在帮助开发者们学习和应用自定义alertView的技巧。 首先,我们要理解在...

    适用于iOSSDK的自定义AlertView。_Objective-C_Ruby_下载.zip

    3. UI设计:自定义AlertView的设计可以包括背景图片、文本标签、按钮等元素,需要使用UILabel、UIButton等UIKit组件来实现。 4. 触摸事件:添加手势识别器(Gesture Recognizer)以响应用户的触摸事件,如点击按钮。...

    swift-快速实现自定义alertView

    在Swift编程中,自定义alertView是一种常见的需求,它允许开发者创建具有独特设计和交互功能的提示用户界面。本文将深入探讨如何使用Swift快速实现自定义alertView,并基于提供的`LYAlertView-master`压缩包进行详细...

    ios-自定义AlertView.zip

    在iOS应用开发中,弹出视图(Alert View)是一种常用的用户交互元素,用于向用户显示警告、询问或提供选项。...通过深入理解和熟练运用,你可以根据项目需求打造出独具特色的弹出视图,提升应用的整体质感和用户体验。

    DXAlertView-master

    1. **高度可定制化**:DXAlertView允许开发者自定义提示框的样式,包括背景颜色、边框宽度、边框颜色、按钮颜色、字体等,使得提示框可以更好地融入应用的整体设计风格。 2. **多种类型支持**:除了基础的文本提示...

    自定义AlertView

    因此,自定义AlertView变得尤为重要,这允许我们根据产品设计和用户体验进行定制化开发。 自定义AlertView的过程主要包括以下几个步骤: 1. **创建UI设计**: 首先,我们需要根据设计稿创建一个符合需求的视图...

    ios-自定义 AlertView.zip

    在iOS开发中,自定义AlertView是一个常见的需求,它允许开发者根据应用的UI风格和功能需求,创造出独具特色的警告或提示视图。本资源“ios-自定义 AlertView.zip”包含了一个名为“alertViewDemo”的示例项目,旨在...

    iOS 自定义AlertView

    自定义AlertView的目的主要是为了改变其外观、布局和交互方式,以更好地符合应用的设计风格和功能需求。 创建自定义AlertView的第一步是创建一个新的UIView子类。这个子类将作为AlertView的基础容器,包含所有视图...

    ios自定义alertview之模型一

    然而,系统默认的UIAlertView有时不能满足设计师的个性化需求,因此开发者通常会选择自定义alertView来实现更丰富的功能和视觉效果。本教程将深入探讨如何在iOS中自定义一个alertView,以实现"模型一"的功能。 首先...

    ios-alertView.zip

    2. 在这个子类中设计并布局alertView的各个组件,如标题、消息、按钮等。 3. 实现点击事件处理,确保当用户点击按钮时能正确执行相应的代码。 4. 提供公开接口,让其他类可以方便地初始化和展示这个自定义alertView...

    ios-带tableView的AlertView.zip

    在iOS开发中,我们经常需要展示一些临时性的交互界面,比如警告框(AlertView)来让用户做出选择。然而,标准的UIAlertView仅支持简单的按钮选择,无法满足如选择用户等复杂场景的需求。在这种情况下,我们可以利用...

    ios-AlertView.zip

    `ios-AlertView.zip`这个压缩包文件显然包含了关于自定义AlertView的实现,目的是让开发者能够更加灵活地在AlertView上添加自己的控件,以满足更丰富的界面设计和用户体验需求。 自定义AlertView的主要优点在于它能...

    ios-自定义AlertView,可图片可文字.zip

    7. **UI设计原则**: 在设计自定义AlertView时,应遵循Apple的Human Interface Guidelines (HIG),确保良好的用户体验。例如,保持一致性,使用明确的反馈,以及合理使用动画等。 8. **自定义视图层次**: AlertView...

    ios-自定义的alertView.zip

    在iOS开发中,自定义alertView是一项常见的任务,它允许开发者根据应用的设计风格和功能需求定制化系统默认的警告视图。这个"ios-自定义的alertView.zip"文件提供了一个实现自定义alertView的示例,我们可以从中学到...

    自定义alertView弹出框

    在iOS开发中,自定义alertView弹出框是一个常见的需求,特别是在设计用户交互界面时,为了提供更好的用户体验,开发者经常需要创建具有独特样式和功能的弹出提示。在苹果的UIKit框架中,虽然提供了预设的UIAlertView...

    IOS7下可AddSubView的AlertView

    针对这个问题,我们可以创建一个自定义的`AlertView`来实现类似的功能,就像标题"IOS7下可AddSubView的AlertView"所描述的那样。 这个自定义的`AlertView`通常会继承自`UIView`或`UIAlertController`,以便保持与...

    swift-FCAlertView是一个用于iOS的扁平可定制AlertView用ObjectiveC编写

    Swift-FCAlertView是一个专为iOS平台设计的可自定义扁平化AlertView,由Objective-C语言编写。在iOS应用开发中,AlertView通常用于显示警告、确认信息或收集用户输入,是用户界面的重要组成部分。Swift-FCAlertView...

    iOS开发之使用画板和CA自定义有动画效果的AlertView

    然而,苹果提供的默认AlertView样式可能无法满足所有设计需求,因此开发者常常选择自定义AlertView以实现更丰富的视觉效果。 接下来,我们引入Core Animation,它是iOS和macOS平台上的2D图形渲染引擎。通过Core ...

Global site tag (gtag.js) - Google Analytics