UI初级--UI基本控件

@UI基本控件的创建和了解

学习UI的过程中,一定要了解和掌握UI设计时所要使用的一些基本控件,其中包括:UILabel,UITextField,UIButton等....(其中最常用的就是UILabel,UITextField,UIButton)

@UILabel--标签视图,可以显示文本的视图

下面是UILabel对象的创建以及一些属性和方法的使用举例:

//创建一个标签

    UILabel * label = [[UILabel alloc]initWithFrame:CGRectMake(10, 50, 300, 200)];

    label.backgroundColor = [UIColor blueColor];

    [self.window addSubview:label];

    [label release];

    label.text = @"苹果iOS是由苹果公司开发的移动操作系统。苹果公司最早于200719日的Macworld大会上公布这个系统,最初是设计给iPhone使用的,后来陆续套用到iPod touchiPad以及Apple TV等产品上。iOS与苹果的Mac OS X操作系统一样,它也是以Darwin为基础的,因此同样属于类Unix的商业操作系统。";

    label.textColor = [UIColor redColor];

    label.textAlignment = NSTextAlignmentCenter;

    label.font = [UIFont italicSystemFontOfSize:20];

    label.numberOfLines = 0;//无限制是0,默认是1

    label.lineBreakMode = NSLineBreakByWordWrapping;

    NSLog(@"%@",NSStringFromCGRect(label.frame));

    //如果要实现UIlabel根据文本内容自适应高度

    //1.创建UILabel对象,设定frame

    //2.设置文本text

    //3.numberOfLines = 0;

    //4.lineBreakMode = NSLineBreakByWordWrapping;

    [label sizeToFit];

    NSLog(@"label适应文本后的frame %@",NSStringFromCGRect(label.frame));

@UITextField--可以控制文本输入和显示的视图

下面是UITextField的对象的创建以及一些属性的设置

UITextField * tf = [[UITextField alloc]initWithFrame:CGRectMake(60, 60, 200, 50)];

    //输入框样式,默认:没有样式.

    tf.borderStyle = UITextBorderStyleLine;//输入框样式

    tf.backgroundColor = [UIColor redColor];//输入框中的背景颜色

    [self.window addSubview:tf];

    [tf release];

    //显示文本

    tf.text = @"lanoukeji";

    tf.textColor = [UIColor blueColor];//文本颜色

    tf.textAlignment = NSTextAlignmentCenter;//文本位置

    tf.font = [UIFont italicSystemFontOfSize:20];//文本大小和样式

    //提示占位符

    tf.placeholder = @"登陆!";//没有输入时,显示的提示占位符

    tf.enabled = YES;//是否允许输入

    tf.clearsOnBeginEditing = YES;//是否开始时清空输入框,默认是NO

//    tf.secureTextEntry = YES;//是否以密码的形式输入

//    tf.keyboardType = UIKeyboardTypeNumberPad;//设置键盘是什么种类的键盘

    tf.returnKeyType = UIReturnKeySearch;

    

    NSLog(@"输出输入框中显示的文本:%@",tf.text);


接下来在模拟器窗口上进行文本的编辑就可以使用已经创建好的UITextField对象了


@UIButton--可以响应用户的点击事件,触发某个操作

下面是UIButton对象的创建以及其一些属性的设置和方法的实现:

UIButton * btn = [UIButton buttonWithType:UIButtonTypeCustom];//button如果使用系统提供的样式,只能操作framex,y

    btn.backgroundColor = [UIColor redColor];//默认是白色

    btn.frame = CGRectMake(60, 150, 130, 40);

    [self.window addSubview:btn];

    

    //设置button显示的文字,button系统默认字体颜色是白色

//    [btn setTitle:@"正常" forState:UIControlStateNormal];

//    [btn setTitle:@"Highlighted" forState:UIControlStateHighlighted];

    [btn setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];

    

    [btn setBackgroundImage:[UIImage imageNamed:@"login.jpg"] forState:UIControlStateNormal];

    //button添加响应事件,button被点击时,触发一个操作:某个对象执行某个操作

    //1.button被点击时,需要执行方法的一个对象

    //2.button被点击时,目标对象target需要执行的方法

    //3.ControlEvents决定了button在何种手势操作下,才能触发操作,默认的时UIControlEventTouchUpInside

    [btn addTarget:self action:@selector(didclickLoginButtonAction:) forControlEvents:UIControlEventTouchUpInside];//targetaction是一对


@selector()是对某个创建的方法的实现,即对按钮操作时所触发的响应事件
方法的实现以及创建如图:


以上为对于UI中一些主要的基本控件的创建以及使用...




  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值