美文网首页
ios开发-UI控件的概览了解

ios开发-UI控件的概览了解

作者: Dyua | 来源:发表于2015-12-11 11:05 被阅读277次

    <记录点滴笔记>

    UI控件的概览和基础控件的了解

    可能用得上的UI控件一览表

    UI控件 名称 功能
    UIButton 按钮 按钮的作用是:坚挺用户的点击时间,在用户点击后做出响应
    UILabel 文本标签 文本标签的作用是显示一串固定的文字
    UITextField 文本输入框 例如输入用户名或者是密码的部分,键入内容的区域
    UIImageView 图片的显示 用于显示图片,添加图片的
    UIScrollview 滚动的控件 如果内容比较多,超出了一个屏幕,就可以用它来显示
    UITableView 表格 如果每一行显示的内容格式差不多,就用这个表格控件
    UICollectionView 九宫格 如果显示的东西是一块一块的,一格一格的,而且每个格子张的差不多,就用这个控件
    UIWebView 网页显示控件 一般用来显示网页,使用它,就可以在手机上浏览网页
    UIAlertView 对话框(中间弹框) 从中间弹出一个框提示用户下一步该做
    UINavigation 导航条 显示在顶部的条
    UIPageControl 分页控件 能显示当前的页码
    UITextView 能滚动的文字显示控件 如果文字内容比较多,需要黄航显示,并且需要编辑
    UISwitch 开关 yes or no,开与关
    UIActionSheet 底部弹框 从底部弹出一个框提示用户下一步该做什么
    UIDataPicker 日期选择 选择日期
    UIProgressView 进度条 水平进度条,比如显示文件的下载进度,程序的启动进度
    UISlider 滑块 在2个数值之间滑动选择,比如调节音量大小
    UIActivityIndicator 圈圈 一直在转圈圈,表示让用户等待
    UISegementControl 选项卡 在固定的几个选项之间进项选择
    UIToolbar 工具条 一般显示在底部或者是键盘的顶部,里面有几个小按钮

    UILabe的常见属性

    显示的文字:
    
        @property (nonatomic,copy) NSString *text;
    

    字体:
    
        @property (nonatomic,retain) UIFont *font;
    

    文字的颜色:
    
        @property (nonatomic,retain) UIColor *textColor;
    

    对齐模式(比如左对齐,居中对齐,右对齐)
    
        @property (nonatomic) NSTextAlignment textAlignment;
    

    文字的行数
    
        @property (nonatomic) NSInteger numberOfLines;
    

    换行模式
    
        @property (nonatomic) NSLineBreakMode lineBreakMode;
    

    UIFont

    UIFont代表字体,常见创建方法有以下几个:

    系统默认字体
        + (UIFont *)systemFontOfSize:(CGFloat)fontSize;
        
    粗体
        +(UIFont *)boldSystemFontOfSize:(CGFloat)fontSize;
        
    斜体
        +(UIFont *)italicSystemFontOfSize:(CGFloat)fontSize;
    

    UIImageView的常见的属性

    显示图片
    
        @property (nonatomic,retain) UIImage *image;
    

    显示动画图片
    
        @property (nonatomic,copy) NSArray *animationImage;
    

    动画图片的持续时间
    
        @propert (nonatomic) NSTimeInterval animationDuration;
    

    动画的播放次数(默认是0,代表是无限循环播放)
    
        @property (nonatomic) NSInteger 
        
        animationRepeatCount;
    

    UIImageView的常见方法:
    - (void)startAnimating; //开始动画

    - (void)stopAnimating;   //停止动画
    
    - (BOOL)isAnimating;    //是否正在执行动画
    

    UIImage

    一个UIImage对象代表一张图片,一般通过imageName:方法就可以通过文件名来加载项目中的图片:

    UIImage *image = [UIImage imageName:@"文件名"];

    UIButton

    按钮的功能比较多,既能显示文字,又能显示图片,还能随时的调用内部的图片

    UIButton的状态,及其反应如下表:

    状态名 操作 对应的枚举常量
    normal(普通的状态) 默认情况 UIControlStateNormal
    highlighted(高亮状态) 按钮被按下去的时候(手指还未松开) UIControlStateHighlighted
    disabled(失效状态,不可用状态) enabled属性是NO,就是处于disable状态,不可点击 UIControlStateDisable

    设置按钮在不同的状态下的背景图片,为了保证高亮状态下的图片征程的显示,必须设置按钮的typecustom

    同时,UIButton,自带了很多不同的样式,在用代码创建的时候可以指定按钮的样式[1]

    UIButton的常见设置

    设置按钮的文字
    
        - (void)setTitle:(NSString *)title forState:(UIControlState)state
    

    设置按钮的文字的颜色
        
        - (void)setTitleColor:(UIColor *)color forState:(UIControlState)state;
    

    设置按钮内部的小图片
        
        - (void)setImage:(UIimage *)image forState:(UIControlState)state;
    

    设置按钮的背景图片
        
        - (void)setBackgroundImage:(UIImage *)image forState:(UIControlState)state;
    

    UIButton , UIImageView , UILabel的选择

    UIButton UIImageView UILabel
    显示文字,图片,直接通过addTarget..方法监听 显示图片 显示文字

    在storyboard中,可以通过右边的面板上的各个设置来进行控件的部分的属性设置


    1. 正如我们看到手机软件上那些箭头按钮,加号按钮一样

    相关文章

      网友评论

          本文标题:ios开发-UI控件的概览了解

          本文链接:https://www.haomeiwen.com/subject/qlvshttx.html