简单的单选多选按钮

原创 2015年11月21日 15:16:42

可自定义按钮个数(buttonCoount),以及选择是否需要多选(isMutiple),

1)自定义UIImageView类的声明,添加点击事件,添加判断是否被点击属性

@interface MyImageView : UIImageView

/**

 *  给自定义的控件添加点击事件

 */

@property(nonatomic, retain) id target;

@property(nonatomic, assign) SEL action;

-(void)addTarget:(id) target action:(SEL)action;

/**

 *  给自定义的控件添加表示状态的属性(代表是否被选中)

 */

@property(nonatomic, assign, getter = isSelected) BOOL selected;

@end

自定义UIImageView的方法实现

@implementation MyImageView

/**

 *  为自定义的UIImageView控件添加点击事件

 *

 *  @param target 方法作用的目标对象

 *  @param action 需要执行的方法

 */


-(void)addTarget:(id)target action:(SEL)action{


    self.target = target;

    self.action = action;

}

/**

 *  实现点击事件的方法,系统提供,自动检测屏幕触摸

 *

 *  @param touches 集合类型,收集关于触摸的信息

 *  @param event   用于收集关于事件的信息如:类型,时间间隔等

 */

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{


    [self.target performSelector:self.action withObject:self];

}

@end


2)自定义控件实现单选或多选

声明部分

#import "MyImageView.h"

@interface RadioOrMultipleChoiceButton : UIView

/**

 *  自定义按钮个数(默认为控件的高除以宽)

 */

@property(nonatomic, assign) int buttonCount;

/**

 *  自定义的UIImageView类型控件

 */

@property(nonatomic, retain) MyImageView *imageView;

/**

 *  是否多选(默认单选)

 */

@property(nonatomic, assign) BOOL isMultiple;

@end


实现部分

#import "AppDelegate.h"

//按钮数 = 控件的高/控件的宽

#define kButtonCount (self.frame.size.height)/(self.frame.size.width)

//控件的宽

#define kButtonWith (self.frame.size.width)

//控件的高

#define kButtonHeight (self.frame.size.height)

//获得按钮的背景图片

#define kButtonImage (((MyImageView *)[self viewWithTag:i+1]).image)

@implementation RadioOrMultipleChoiceButton


-(instancetype)initWithFrame:(CGRect)frame{


    if (self = [super initWithFrame:frame]) {

        //判断是否设置了按钮数量,并且用户设置的按钮数是否大于控件最大按钮数,如果满足条件,将按钮设置为最大按钮数

        if (self.buttonCount == 0 || self.buttonCount > kButtonCount) {

            self.buttonCount = kButtonCount;

        }

        for (int i = 0; i < self.buttonCount; i++) {

            //设置按钮位置和大小

            self.imageView = [[MyImageView alloc] initWithFrame:CGRectMake(0, (int)(i * kButtonWith + i * (kButtonHeight - kButtonWith * self.buttonCount)/self.buttonCount), kButtonWith, kButtonWith)];

            //设置默认图片

            self.imageView.image = [UIImage imageNamed:@"check"];

            self.imageView.tag = i + 1;

            //设置imageView的用户交互状态

            self.imageView.userInteractionEnabled = YES;

            

            [self.imageView addTarget:self action:@selector(isMutable:)];

            [self addSubview:self.imageView];

            [self.imageView release];

        }


    }

    return self;

}


-(void)isMutable:(MyImageView *)sender{

    //isMultiple判断是否多选,默认为单选(isMultiple)

    if(self.isMultiple){

        //调用多选的方法

        [self changePhoto:sender];

    }else {

        //单选的实现

        for(int i = 0; i < self.buttonCount; i++){

            if ([kButtonImage isEqual:[UIImage imageNamed:@"checked"]]) {

                kButtonImage = [UIImage imageNamed:@"check"];

            }

        }

        sender.image = [UIImage imageNamed:@"checked"];

    }

    

}

//多选实现

-(void)changePhoto:(MyImageView *)sender{


    //每次点击改变按钮的状态(选中改为非选中,反之亦然)

    sender.selected = !sender.isSelected;

    if (sender.selected) {

        sender.image = [UIImage imageNamed:@"checked"];

    }else{

    

        sender.image = [UIImage imageNamed:@"check"];

    }

}



相关文章推荐

自动链接、自动完成输入框、开关按钮和单选、多选按钮的简单使用

下面介绍了几个简单的组件 AutoCompleteTextView      自动完成输入框 AutoLink           自动链接 ImageButton    图片按钮 Toggl...

jQuery单选多选按钮美化

  • 2016年12月16日 10:04
  • 37KB
  • 下载

单选多选按钮样式

  • 2017年09月14日 14:24
  • 2KB
  • 下载

AngularJS中单选按钮和多选框的动态绑定

AngularJS中的单选按钮的动态绑定十分简单,写法如下:男 女比如,我们想默认选中性别男的单选按钮,我们只需要在scope中给sex赋值为man,即scope.s...

Android程序源码--单选、多选按钮

  • 2012年01月02日 12:53
  • 108KB
  • 下载

下拉列表(Spinner),多选框(CheckBox),单选按钮(RadioButton)的使用

一个简单的功能测试,一个界面录入数据,一个界面xians

初识安卓小程序(开关灯——单选多选按钮控制)

如图: 点击单选按钮"开灯",多选按钮就会显示"关灯"且方块里有对勾;反之,点多选按钮,单选按钮也自动改变。 首先,先创建一个安卓项目(我的版本是4.4.2的),名字为"bulb",把两张图片...

Android开发记录三之单选、多选按钮及进度条

1.单选按钮 布局文件

JS控制根据所传数据选中多选、单选按钮

/** * 选中多选框 * @param val split符号分隔的多值字符串,一般为后台取出传递给前台 * @param chkName checkbox组的name * @param ...

Java+Selenium3方法篇24-单选和多选按钮操作

本篇介绍webdriver处理前端单选按钮的操作。单选按钮一般叫raido button,就像我们在电子版的单选答题过程一样,单选只能点击一次,如果点击其他的单选,之前单选被选中状态就会变成未选中。单...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:简单的单选多选按钮
举报原因:
原因补充:

(最多只允许输入30个字)