• 热门专题

iOS开发8 UIButton类型属性简单归纳以及自定义按钮的设置

作者:  发布日期:2014-09-25 20:25:24
Tag标签:按钮  属性  类型  
  • (1)UIButton类继承自UIControl,而UIControl继承自UIView,因为UIView就是个矩形区域,所以UIButton实例化的对象其实都是一个矩形,虽然有各种圆角、增加联系人、信息按钮等等,给它们加个背景它们就现形成矩形了,而且它们有个frame属性,这就是设置位置和矩形框的。

    (2)UIButton创建一个按钮不用实例化,也就是不用alloc和init,而是直接调用内置的几个工厂方法即可,这一点和UILabel *label1=[[UILabel alloc]init]不同,而且这些类型里面最常用的时Custom类型,因为我们可以自定义图片,以及图片和文字的位置。

    (3)按钮有很多状态,正常状态Normal、被点击时状态Highlighted等等,所以可以分别对不同状态设置属性。

    (4)其实按钮最重要的不是上面那些设置属性,而是按钮关联的操作是什么?即点击后发生什么,这需要一个addtarget操作函数,如果多个按钮用到同一个函数,则需要tag属性来区别是哪个按钮。

    (5)要自定义按钮,一种方式是我们先自定义一个继承UIButton的类,然后对这个类进行重写函数,相当于定制,最后用这个类去创建按钮,这些按钮也就具有自定义的样式(这种方法只针对自定义按钮类型有效)。

     

    - (void)viewDidLoad {
        //生成一个btn1对象,不需要alloc和init,而是直接用内置的工厂方法,有很多可CMD+点击查看
        UIButton *btn1=[UIButton buttonWithType:UIButtonTypeRoundedRect];
        //设置位置和宽高
        btn1.frame=CGRectMake(30, 30, 300, 30);
        //设置按钮的文字,状态有好几种常用的时Normal和Highlighted(点击时状态),可CMD+点击查看
        [btn1 setTitle:@"点我啊!" forState:UIControlStateNormal];
        //设置点击时的文本
        [btn1 setTitle:@"我被点了!" forState:UIControlStateHighlighted];
        //设置文字颜色
        [btn1 setTitleColor:[UIColor greenColor] forState:UIControlStateNormal];
        [btn1 setTitleColor:[UIColor yellowColor] forState:UIControlStateHighlighted];
        //设置点击时按钮背景颜色,呃,完全不起作用,即无效果
        [btn1 setTintColor:[UIColor purpleColor]];
        //点击时按钮发光,就是在按钮中间发亮光,这个有效果
        btn1.showsTouchWhenHighlighted=YES;
        //设置tag标签,唯一标记用,可用于分辨是哪个按钮控件
        btn1.tag=1;
        //设置背景颜色
        btn1.backgroundColor=[UIColor redColor];
        //现在高版本的iOS里这个方法会让人抓狂,因为我们发现,不设置背景时,圆角按钮没有边框,所以上面设置frame其实意义不大
        //设置了背景或者图片后,背景是矩形,说好的圆角呢?坑爹呢!
        //所以现在大多数开发都是用UIButtonTypeCustom,而不是UIButtonTypeRoundedRect
        
        //最重要的添加触发事件用户交互
        //self是指调用哪个对象的方法
        //btnClick:是调用的方法,btnClick和btnClick:不一样,后者表示有参数
        //UIControlEventTouchUpInside是触发事件,有很多,可以CMD+点击查看
        //这里三个参数都可以随意更换,比如新建一个类Hi,在类里定义一个方法-(void)report;
        //然后在此文件引入Hi.h头文件,在这里实例化一个对象hi1,然后就可以用hi1代替self,用report代替btnClick
        //意思就是点击后调用的是hi1对象里面的report方法
        [btn1 addTarget:self action:@selector(btnClick:) forControlEvents:UIControlEventTouchUpInside];
        
        //再增加一个按钮
        UIButton *btn2=[UIButton buttonWithType:UIButtonTypeContactAdd];
        btn2.frame=CGRectMake(30, 80, 300, 30);
        //这个增加联系人按钮其实也是一个矩形,和上面的一样,都是继承自UIControl,而后者又继承自UIView,所以是矩形
        //虽然按钮就一点点大,但点击整个矩形区域都是相当于点击按钮
        btn2.backgroundColor=[UIColor greenColor];
        //设置标签
        btn2.tag=2;
        //增加事件:和btn1调用同一个方法,但问题是我们如果需要区分是哪个按钮的话,就需要用到tag,并且把控件作为参数传递给btnClick
        [btn2 addTarget:self action:@selector(btnClick:) forControlEvents:UIControlEventTouchUpInside];
        
        //再增加一个最常用的Custom按钮,其他按钮自己尝试
        UIButton *btn3=[UIButton buttonWithType:UIButtonTypeCustom];
        btn3.frame=CGRectMake(30 , 150 , 300, 90);
        btn3.backgroundColor=[UIColor redColor];
        btn3.tag=3;
        [btn3 addTarget:self action:@selector(btnClick:) forControlEvents:UIControlEventTouchUpInside];
        //设置图片背景被点击时变暗(但没有图片背景时则无效果)
        btn3.adjustsImageWhenHighlighted=YES;
        //所以,增加图片方式之一是增加背景图片,这个图片如小会被放大充满整个背景
        [btn3 setBackgroundImage:[UIImage imageNamed:@"logo.png"] forState:UIControlStateNormal];
        //还有一种增加图片的方式,是在按钮上面加而不是背景,这种方式不会缩放图片,而且会居中
        [btn3 setImage:[UIImage imageNamed:@"logo.png"] forState:UIControlStateNormal];
        //设置按钮文字,增加的文字会和setImage图片一并居中,图片在左边,文字紧随其后
        [btn3 setTitle:@"自定义按钮" forState:UIControlStateNormal];
        //如果需要重新排版这个图片和按钮文字的位置,则需要重写UIButton类里面的两个函数,点击UIButton可查看
        //- (CGRect)titleRectForContentRect:(CGRect)contentRect;文字相对于按钮的位置
        //- (CGRect)imageRectForContentRect:(CGRect)contentRect;图片相对于按钮的位置
        //第一步:可以重新定义一个UIButton类叫myButton,在.m里重写如下函数
        //- (CGRect)titleRectForContentRect:(CGRect)contentRect{
        //    return CGRectMake(50, 25, 100, 40);
        //}
        //- (CGRect)imageRectForContentRect:(CGRect)contentRect{
        //    return CGRectMake(150, 25, 40, 40);
        //}
        //第二步,在这个文件中引入myButton.h头文件,然后实例化btn3的时候,用myButton,而不用原始的UIButton
        //myButton相当于稍微定制了一下原生的UIButton,所以前者实例出得对象也就具有定制效果
        //这种方式仅对UIButtonTypeCustom有效,其他无效
        
        //把三个按钮显示出来
        [self.view addSubview:btn1];
        [self.view addSubview:btn2];
        [self.view addSubview:btn3];
        [super viewDidLoad];
        // Do any additional setup after loading the view, typically from a nib.
    }
    //增加一个参数,即由原先的-(void)btnClick{}变成如下
    //因为我们知道这里都是按钮对象,所以可以用(UIButton *)sender,但通常我们用通用指针id
    -(void)btnClick:(id)sender{
        //把传递过来的控件参数转化成按钮
        UIButton *btn=(UIButton *)sender;
        //把btn.tag转化成整型
        NSLog(@"OMG,it is %i",(int)btn.tag);
    }


About IT165 - 广告服务 - 隐私声明 - 版权申明 - 免责条款 - 网站地图 - 网友投稿 - 联系方式
本站内容来自于互联网,仅供用于网络技术学习,学习中请遵循相关法律法规