Как я могу изменить цвет прозрачной кнопки UITextField?

Question

Я хотел бы изменить цвет clearButton, который появляется, когда вы пишете в UItextField. Любое предложение? Я не продвинутый разработчик интерфейса и не знаю, как это сделать.

Answer 1

Вы должны создать свой собственный UIButton (с изображением, вам понадобится png вашей выбранной кнопки), создать экземпляр и поместить эту кнопку в правый вид вашего UITextField.

CGFloat myWidth = 26.0f;
CGFloat myHeight = 30.0f;
UIButton *myButton = [[UIButton alloc] initWithFrame:CGRectMake(0.0f, 0.0f, myWidth, myHeight)];
[myButton setImage:[UIImage imageNamed:@"myButtonImage"] forState:UIControlStateNormal];
[myButton setImage:[UIImage imageNamed:@"myButtonImage"] forState:UIControlStateHighlighted];

[myButton addTarget:self action:@selector(doClear:) forControlEvents:UIControlEventTouchUpInside];

myTextField.rightView = myButton;
myTextField.rightViewMode = UITextFieldViewModeUnlessEditing;

Вам может понадобиться уточнить выравнивания, используя (это примерные значения):

myButton.imageEdgeInsets = UIEdgeInsetsMake(0, -10, 0, 0);

Затем вам нужно будет реализовать метод - (void) doClear (id) sender; это очистит ваше текстовое поле.

Answer 2

Свифт 4

Я использовал ответ Джорджио, и вот с чем я пошел:

let height = textField.bounds.height / 3
let width = height + 10
let rect = CGRect(x: 0, y: 0, width: width, height: height)

let myButton = UIButton(frame: rect)

myButton.setImage(UIImage(named: "clear button white"), for: .normal)

textField.rightView = myButton
textField.rightViewMode = .always

myButton.imageEdgeInsets = UIEdgeInsets(top: 0, left: 5, bottom: 0, right: 5)

Нормальный: введите описание изображения здесь

Этот: введите описание изображения здесь

Answer 3

Я рекомендую использовать пользовательское изображение и игнорировать, чтобы изменить родную UITextField's clearButton, потому что Apple может изменить подпредставления, и ваше приложение упадет, когда Apple обновит версию iOS.

Я написал категорию, чтобы легко добавить изображение или пользовательскую кнопку.

UITextField + ClearButton.h

#import <UIKit/UIKit.h>

@interface UITextField (ClearButton)

/**
 * @brief Initialize Custon clear button
 */
-(void)initialCustomClearButton;

-(void)setRightMarginDistance:(CGFloat )tempRightMargin;

// you can only use this methods
-(void)setClearButtonImage:(UIImage *)tempClearButtonImage;

-(void)setClearButton:(UIButton *)tempClearButton;

#pragma mark -
-(void)editTextField:(id)sender;

@end

UITextField + ClearButton.m

#import "UITextField+ClearButton.h"

#include <objc/runtime.h>

#pragma makr - Dynamic Property
////////////////////////////////
#define Dynamic_Property( ObjectType , property , setProperty )\
Dynamic_Property_Getter( ObjectType , property)\
Dynamic_Property_Setter( ObjectType , property , setProperty , OBJC_ASSOCIATION_RETAIN_NONATOMIC )
//////// Getter ////////
#define Dynamic_Property_Getter( ObjectType , property )\
-(ObjectType)property\
{\
    return objc_getAssociatedObject( self, @selector(property) );\
}
//////// Setter ////////
#define Dynamic_Property_Setter( ObjectType , property , setProperty , associationFlag) \
-(void)setProperty(ObjectType)property\
{\
    objc_setAssociatedObject(self, @selector(property), property, associationFlag);\
}
////////////////////////////////

static CGFloat const kXSGTextFieldClearButtonRightMargin = 6.0f;

@implementation UITextField (ClearButton)
Dynamic_Property(UIButton*,clearBtn,setClearBtn:)
Dynamic_Property(UIImage*, clearButtonImg, setClearButtonImg:)
Dynamic_Property(UIImageView*, clearButtonImageView, setClearButtonImageView:)
Dynamic_Property(NSNumber*, isShow, setIsShow:)
Dynamic_Property(NSNumber*, customClearButtonMode, setCustomClearButtonMode:)
Dynamic_Property(NSNumber*, rightMargin , setRightMargin:)

-(void)initialCustomClearButton{
    self.isShow = @NO;// 目前沒用到
    self.clearButtonImageView = nil;
    // 設定 Clear Button Mode
    self.customClearButtonMode = @(self.clearButtonMode);
    self.rightMargin = @(kXSGTextFieldClearButtonRightMargin);
    self.clearButtonMode = UITextFieldViewModeNever;
    [self resetClearButton];
    [self addTarget:self action:@selector(editTextField:) forControlEvents:(UIControlEventEditingChanged)];
}

-(void)setRightMarginDistance:(CGFloat )tempRightMargin{
    if( tempRightMargin < 0 ){
        NSLog(@"Can't set right margin negative number !!");
    }
    else{
        self.rightMargin = @(tempRightMargin);
        [self resetClearButton];
    }
}

-(void)setClearButtonImage:(UIImage *)tempClearButtonImage{
    if( tempClearButtonImage == nil ){
        NSLog(@"Can't set Clear Button Image to nil !!");
    }
    else{
        self.clearButtonImg = tempClearButtonImage;
        if( self.clearButtonImageView == nil ){
            self.clearButtonImageView = [[UIImageView alloc] initWithImage:self.clearButtonImg];

        }
        else{
            [self.clearButtonImageView setImage:self.clearButtonImg];
        }
        // 調整位置
        [self resetImagePosition];
        [self.clearBtn addSubview:self.clearButtonImageView];
        [self editTextField:self];
    }
}

-(void)setClearButton:(UIButton *)tempClearButton{
    if( self.clearBtn != nil ){
        [self.clearBtn removeTarget:self action:@selector(pressedClearBtn:) forControlEvents:(UIControlEventTouchUpInside)];
    }
    self.clearBtn = tempClearButton;
    [self.clearBtn addSubview:self.clearButtonImageView];

    // 設定 frame 調整位置
    [self resetClearButton];
    [self resetImagePosition];
}

#pragma mark - Private
-(BOOL)checkTextField{
    BOOL isOK = YES;
    if( self.text == nil || [self.text isEqualToString:@""] ){
        isOK = NO;
    }
    return isOK;
}

-(void)resetClearButton{
    if( self.clearBtn == nil ){
        self.clearBtn = [[UIButton alloc] initWithFrame:CGRectMake(self.frame.size.width - self.frame.size.height - [self.rightMargin floatValue],
                                                                   0,
                                                                   self.frame.size.height,
                                                                   self.frame.size.height)];
    }
    else{
        [self.clearBtn setFrame:CGRectMake(self.frame.size.width - self.clearBtn.frame.size.width - [self.rightMargin floatValue],
                                           0,
                                           self.clearBtn.frame.size.width,
                                           self.clearBtn.frame.size.height)];
        [self.clearBtn removeTarget:self action:@selector(pressedClearBtn:) forControlEvents:(UIControlEventTouchUpInside)];
    }
    [self.clearBtn addTarget:self action:@selector(pressedClearBtn:) forControlEvents:(UIControlEventTouchUpInside)];
    self.rightView = self.clearBtn;
    self.rightViewMode = UITextFieldViewModeAlways;
    [self editTextField:self];
}

-(void)resetImagePosition{
    // 調整位置
    [self.clearButtonImageView setFrame:CGRectMake((self.clearBtn.frame.size.width - self.clearButtonImg.size.width)*0.5,
                                                   (self.clearBtn.frame.size.height - self.clearButtonImg.size.height)*0.5,
                                                   self.clearButtonImg.size.width,
                                                   self.clearButtonImg.size.height)];
}

-(void)pressedClearBtn:(id)sender{
    self.text = @"";
    // 隱藏圖片、 disable button
    [self editTextField:self];
}

#pragma mark - 加入監聽
-(void)editTextField:(id)sender{
    if( sender == self ){
        if( [self checkTextField] ){
            // 顯示圖片、 enable button
            [self.clearBtn setEnabled:YES];
            [self.clearBtn setHidden:NO];
            [self.clearButtonImageView setHidden:NO];
            self.isShow = @YES;
        }
        else{
            // 隱藏圖片、 disable button
            [self.clearBtn setEnabled:NO];
            [self.clearBtn setHidden:YES];
            [self.clearButtonImageView setHidden:YES];
            self.isShow = @NO;
        }
    }
}

@end

Как использовать

UITextField *_textField = [[UITextField alloc] initWithFrame:CGRectMake(0, 0, 320 , 40)];

[_textField initialCustomClearButton];
// [UIImage imageNamed:@"clear"] is an image of your clear button.
[_textField setClearButtonImage:[UIImage imageNamed:@"clear"]];

и готово!

PS: подробности здесь: UITextField + ClearButton.h и UITextField + ClearButton.m