UI梳理一——基础知识之UI基础控件

内容:
一、UILabel
二、UITextField
三、UIButton
四、UIImageView

UILabel :

*先创建一个view画纸containerView
    //创建一个UILabel、标签视图
    UILabel *label = [[[UILabel alloc] initWithFrame:CGRectMake(50, 100, 250, 100)]autorelease];

    //设置label的背景颜色
    label.backgroundColor = [UIColor redColor];

    //设置label的文本
    label.text = @"zhonger is a beautiful girl,she loves jinkangda";

    //设置label的文本颜色
    label.textColor = [UIColor whiteColor];

    //设置label的文本对齐方式,默认左对齐
    label.textAlignment = NSTextAlignmentCenter;

    //设置label的字体,默认17
//    label.font = [UIFont systemFontOfSize:20];
    //加粗
    label.font = [UIFont boldSystemFontOfSize:20];

    //设置label多行显示,默认是1,单行显示
    label.numberOfLines = 0;

    //设置label的文本阴影的颜色和偏移量
    label.shadowColor = [UIColor darkGrayColor];
    //阴影向x正⽅向偏移2,向y正⽅向偏移1。
    label.shadowOffset = CGSizeMake(2, 1);

    //设置折行模式
    label.lineBreakMode = NSLineBreakByWordWrapping;
    
    [containerView addSubview:label];
运行结果.png
**使用添加的延展方法来添加一个标签视图:**
**AppDelegate.m中****:**
**1、声明**
@interface AppDelegate ()
//创建UILabel
- (UILabel *)createLabelWithText:(NSString *)text frame:(CGRect)frame textColor:(UIColor*)textColor textAlignment:(NSTextAlignment)textAlignment numberOfLines:(NSInteger)numberOfLines font:(UIFont *)font;
@end

**2、实现**
@implementation AppDelegate
//实现UILabel
- (UILabel *)createLabelWithText:(NSString *)text frame:(CGRect)frame textColor:(UIColor*)textColor textAlignment:(NSTextAlignment)textAlignment numberOfLines:(NSInteger)numberOfLines font:(UIFont *)font {
    UILabel *label = [[UILabel alloc] initWithFrame:frame];
    label.text = text;
    label.textColor = textColor;
    label.textAlignment = textAlignment;
    label.numberOfLines = numberOfLines;
    label.font = font;
    return [label autorelease];
}

**3、使用**
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary*)launchOptions {
    ... ...

    UILabel *label1 = [self createLabelWithText:@"猪八达点秋香" frame:CGRectMake(100, 300, 200,40) textColor:[UIColor magentaColor] textAlignment:NSTextAlignmentCenter numberOfLines:0 font:[UIFont boldSystemFontOfSize:21]];
    [containerView addSubview:label1];

    ... ...
}
****
    ... ...
@end

UITextField:

    //创建一个输入框,UITextField
    UITextField *textField = [[UITextField alloc] initWithFrame:CGRectMake(100, 200, 200,40)];

    //告知用户这个输入框应该输入的信息
    textField.placeholder = @"请输入一种花的名字:";
    //设置输入框的边框样式
    textField.borderStyle = UITextBorderStyleRoundedRect;
    //设置输入框是否重新输入的时候清空内容
    textField.clearsOnBeginEditing = YES;
    //设置密文输入
    textField.secureTextEntry = YES;

UITextInputTraits:
    //设置键盘样式
    textField.keyboardType = UIKeyboardTypeNumberPad;
    //设置键盘上的return键样式
    textField.returnKeyType = UIReturnKeyDone;
    //设置键盘上的清除样式模式
    textField.clearButtonMode = UITextFieldViewModeAlways;
 
    [containerView addSubview:textField];
    [textField release];
运行结果.png

UITextField常⽤代理⽅法:

//当textField将要开始编辑的时候告诉委托⼈
- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField;

//当textField已经编辑的时候告诉委托⼈
- (void)textFieldDidBeginEditing:(UITextField *)textField;

//当textField将要完成编辑的时候告诉委托⼈
- (BOOL)textFieldShouldEndEditing:(UITextField *)textField;

//当textField已经完成编辑的时候告诉委托⼈
- (void)textFieldDidEndEditing:(UITextField *)textField;

//将某个范围内的字符替换为另一段字符
- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string;

//当按下键盘上的清除键时告诉委托人
- (BOOL)textFieldShouldClear:(UITextField *)textField;

//当点击键盘上回车按键时候告诉委托⼈
- (BOOL)textFieldShouldReturn:(UITextField *)textField;

UIButton:

    //创建一个UIButton对象
****
    UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];

    //设置frame
    button.frame = CGRectMake(100, 300, 200, 150);

    //设置button显示的文本(标题)
    [button setTitle:@"一月" forState:UIControlStateNormal];
    [button setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
/*这里注意:
    UIButtonTypeCustom 比 UIButtonTypeSystem更灵活
    UIButtonTypeSystem会设置一些默认样式,如,字体颜色为 蓝色
    即 UIButtonTypeSystem 不给定标题颜色也可显示,但是 UIButtonTypeCustom 就不行了
*/

    //设置了背景图片为普通状态,按钮未被点击时的状态
    [button setBackgroundImage:[UIImage imageNamed:@"xigua.png"] forState:UIControlStateNormal];
    //设置了背景图片为高亮状态,按钮被点击时的状态  
    [button setBackgroundImage:[UIImage imageNamed:@"BtnOff"] forState:UIControlStateHighlighted];
/*
这里注意:
UIControlStateHighlighted 高亮状态下,点住不动才可显示图片
如果两个状态设置了不同图片,点击出现闪烁图片改变效果
如果图片是png格式的,后缀可不写
*/

    //设置了背景图片,是否出现闪烁的效果,即是否出现点击是的高亮状态,默认YES
    button.adjustsImageWhenHighlighted = NO;

    //设置button的前景图片
    [button setImage:[UIImage imageNamed:@"xigua.png"] forState:UIControlStateNormal];
/*
这里注意:
设置button的背景图片,不论图片大小,都填充显示,显示的与button等大
设置button的前景图片,如果图片的大小大于设置的button的frame,那么图片会被压缩到与button等大,如果图片大小小于button的frame,保持原大小
在UIButtonTypeCustom状态下显示原图,在UIButtonTypeSystem状态下显示图片轮廓
*/

    //关键方法,为button添加一个事件
    [button addTarget:self action:@selector(click:) forControlEvents:UIControlEventTouchUpInside];
    [containerView addSubview:button];
/*
这里注意:
MVC,V即view,C即control
Button是UIView的子类,View不执行方法,交给Control去执行,解耦合
addTarget:(执行对象) action:(方法) forControlEvents:(点击方式)
UIControlEventTouchUpInside 点击方式为:点击后松手
*/

UIImageView:

UIImageView是iOS中用于显示图片的类,iOS中几乎所有看到的图片,都是由这个类来显示的。

Paste_Image.png
 //每次使用都需要加载,不过使用完可以进行释放,不会对内存造成太大的压力,大图片使用,不常用图片
    NSString *path = [[NSBundle mainBundle] resourcePath];
    NSString *imagePath = [NSString stringWithFormat:@"%@/600.jpeg",path];
    UIImage *image = [[UIImage alloc] initWithContentsOfFile:imagePath];
    
    //不需要每次加载,但是当程序结束时才释放,小图片使用,常用图片
    UIImage *image1 = [UIImage imageNamed:@"600.jpeg"];
    
    //图片不能直接显示在屏幕上需要载体
    //载体
    UIImageView *imageView = [[UIImageView alloc] initWithImage:image1];
    //图片显示在屏幕上的大小是由载体控制的
    imageView.frame = CGRectMake(10, 10, 300, 500);
****
    //内容模式
    /*
     默认效果:UIViewContentModeScaleToFill - 拉伸充满整个载体
     UIViewContentModeScaleAspectFill - 拉伸不改变比例,充满最大的一边
     UIViewContentModeScaleAspectFit - 拉伸不改变比例,充满最小的一边
     */
    imageView.contentMode = UIViewContentModeScaleAspectFill;
UIImageView的动态图(实现动画):
animationImages //设置一组动态图片
animationDuration //设置播放一组动态图片的时间
animationRepeatCount //设置重复次数
startAnimating //开始动画
stopAnimating //结束动画
//做动态图
    UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(100, 100, 173, 173)];
    
    //指定展示图片
//    imageView.image = [UIImage imageNamed:@"dog-26(被拖移).tiff"];
    

    //UIImageView动画 - 播放序列图
    NSMutableArray *mArr = [NSMutableArray arrayWithCapacity:0];
    for (int i = 1; i < 30; i ++) {
        //获取图片名称
        NSString *picStr = [NSString stringWithFormat:@"dog-%d(被拖移).tiff",i];
        //获取每一张图片对象
        UIImage *image = [UIImage imageNamed:picStr];
        //将图片添加到数组
        [mArr addObject:image];
    }
    //设置动画播放数组,指定做动画的所有图片
    imageView.animationImages = mArr;
    //指定动画时间(秒)
    imageView.animationDuration = 2.0;
    //重复次数,默认为0,一直重复,,直到使用stopAnimating
    imageView.animationRepeatCount = 0;
    //开启动画
    [imageView startAnimating];
    
    [containerView addSubview:imageView];
    [imageView release];
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容