Cách sử dụng UIButton làm công tắc bật tắt

Question

Tôi đang sử dụng UIButton loại tùy chỉnh và những gì tôi muốn là sử dụng nút như nút chuyển đổi với thay đổi hình ảnh. Giống như khi nó được nhấp nếu trước đó nó không ở trong chế độ được chọn, nó sẽ đi trong chế độ được chọn hoặc ngược lại. Ngoài ra nó sẽ có một hình ảnh khác nhau và khi nó được chọn, nó sẽ có một hình ảnh khác khi nó không được.

Tôi không thể làm điều đó theo chương trình, có cách nào dễ dàng để thực hiện việc này không.

Answer 1

Thay đổi hình ảnh nút không phải là một nhiệm vụ khó khăn. Và bạn có thể sử dụng một số giá trị BOOL để phát hiện xem nút chuyển đổi của bạn có ở trạng thái "BẬT" hay không. và trong phương thức onBtnClk của bạn, bạn chỉ có thể thay đổi trạng thái giá trị BOOL của bạn và đặt hình ảnh cho trạng thái hiện tại.

Answer 2

Trong tập tin tiêu đề của bạn add:

IBOutlet UIButton *toggleButton; 
BOOL toggleIsOn; 

@property (nonatomic, retain) IBOutlet UIButton *toggleButton; 

Trong việc thực hiện:

- (IBACtion)toggle:(id)sender 
{ 
    if(toggleIsOn){ 
    //do anything else you want to do. 
    } 
    else { 
    //do anything you want to do. 
    } 
    toggleIsOn = !toggleIsOn; 
    [self.toggleButton setImage:[UIImage imageNamed:toggleIsOn ? @"on.png" :@"off.png"] forState:UIControlStateNormal]; 
} 

sau đó liên kết nút của bạn với IBActions và IBOutlet và khởi toggleIsOn để NO.

Answer 3

Tôi tin rằng bài này có một giải pháp tốt hơn: iPhone UIButton with UISwitch functionality

UIButton đã không xoay được xây dựng trong có một thuộc tính được chọn mà bạn có thể thiết lập và thay đổi giao diện dựa trên tiểu bang..

Answer 4

Trong giao diện:

@interface TransportViewController : UIViewController { 

    UIButton *button; 
} 
@property(nonatomic, retain) UIButton *button; 

Trong việc thực hiện:

- (void)loadView { 

[super loadView]; 

    ... 

    [self setButton:[UIButton buttonWithType:UIButtonTypeCustom]]; 
    [button addTarget:self action:@selector(onClick:) forControlEvents:UIControlEventTouchUpInside]; 
    [button setImage:[UIImage imageNamed:@"image1"] forState:UIControlStateNormal]; 
    [button setImage:[UIImage imageNamed:@"image2"] forState:UIControlStateSelected]; 
} 

- (void) onClick:(UIButton *)sender { 

    [sender setSelected:!sender.selected]; 
} 

Answer 5

Vấn đề duy nhất ở đây là bạn phải sử dụng 2 hình ảnh để đạt được toggling. Ngoài ra, bạn không thể sử dụng được đánh dấu thuộc tính vì UIButton (UIControl) tự động đặt thuộc tính này trong mui xe, chính xác trong touchBegan:, touchMoved:, v.v. Cách tốt nhất mà tôi cung cấp là để subclassing sử dụng đơn giản:

@interface ToggleButton : UIButton 

@end 

@implementation ToggleButton 

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{ 
    [super touchesBegan:touches withEvent:event]; 
    self.highlighted = self.selected = !self.selected; 
} 

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event{ 
    [super touchesMoved:touches withEvent:event]; 
    self.highlighted = self.selected; 
} 

- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event{ 
    [super touchesEnded:touches withEvent:event]; 
    self.highlighted = self.selected; 
} 

- (void)setSelected:(BOOL)selected{ 
    [super setSelected:selected]; 
    self.highlighted = selected; 
} 

@end 

này là khá đủ để làm cho chuyển đổi của bạn làm việc

Answer 6

tôi làm lớp này, thay đổi lớp để PGToggleButton trong xây dựng giao diện sẽ làm điều đó. Nó sử dụng các hình ảnh cho trạng thái Mặc định và Được đánh dấu, và có một thuộc tính công khai để nhận/thiết lập trạng thái thực tế.

PGToggleButton.h

@interface PGToggleButton : UIButton 

@property (nonatomic, getter=isOn) BOOL on; 
-(void)toggle; 

@end 

PGToggleButton.m

#import "PGToggleButton.h" 


@interface PGToggleButton() 
@property (nonatomic, strong) UIImage *offStateImage; 
@property (nonatomic, strong) UIImage *onStateImage; 
-(void)touchedUpInside:(UIButton*) sender; 
@end 


@implementation PGToggleButton 
@synthesize on = _on; 
@synthesize offStateImage = _offStateImage; 
@synthesize onStateImage = _onStateImage; 

-(void)awakeFromNib 
{ 
    [super awakeFromNib]; 

    self.offStateImage = [self imageForState:UIControlStateNormal]; 
    self.onStateImage = [self imageForState:UIControlStateHighlighted]; 

    [self addTarget:self 
      action:@selector(touchedUpInside:) 
      forControlEvents:UIControlEventTouchUpInside]; 
} 

-(void)touchedUpInside:(UIButton*) sender 
{ [self toggle]; } 

-(void)toggle 
{ self.on = toggle(_on); } 

-(void)setOn:(BOOL) on 
{ 
    _on = on; 

    if (on) 
     [self setImage:self.onStateImage forState:(UIControlStateNormal)]; 
    else 
     [self setImage:self.offStateImage forState:(UIControlStateNormal)]; 
} 

@end 

Answer 7

- (IBAction)buttonTapped:(UIButton *)sender { 


    //first time sender.selected is No 
    if (sender.selected) { 
     //code here 
     sender.selected=NO; 
    } 
    else{ 
    //code here 
     sender.selected=YES; 
    } 
} 

Answer 8

UIButton không hỗ trợ "chuyển đổi" chức năng theo mặc định. Để sử dụng điều này, bạn cần phải đặt một hình ảnh khác hoặc thậm chí là màu văn bản trong Bộ dựng giao diện cho số State Configuration = Selected và sử dụng thuộc tính đã chọn là UIButton để chuyển đổi trạng thái của nó.

Code:

- (IBAction)yourButtonTouch:(UIButton *)sender { 

    sender.selected = !sender.selected; 
    if (sender.selected) { 
     //... 
     // Action to be performed when button is selected or 
     // the first touch 
     // ... 

    } 
} 

Answer 9

Đối Swift 3

@IBAction func playPause(sender : UIButton){ 

    sender.isSelected = !sender.isSelected 
    if sender.isSelected { 
     player.pause() 
    }else{ 
     player.play() 
    } 
}