web-dev-qa-db-ja.com

ライトビューUIImageViewをUITextFieldに入力します

ボタンが押されたときにUITextFieldを検証するターゲットアクションがあります。

// Get the text from the UITextField
NSString *nameStr = _name.text;

_name.rightView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"error.png"]];
[self.view addSubview:_name];

if (nameStr.length == 0)
{
    UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"Invalid Name"
                                                    message:@"You must enter a name."
                                               delegate:nil
                                          cancelButtonTitle:@"OK"
                                          otherButtonTitles:nil];
    [alert show];
}

私のUITextFieldは次のようにviewDidLoadのビューに追加されます。

[self.view addSubview:_name];

RightView UIImageViewを表示するにはどうすればよいですか？

iosuiimageviewuikituitextfieldios7
13
cdub

UITextFieldフレームが欠落していないことを確認しますか？そして、rightViewModeを設定していますか？

これは私が今書いた例で、うまく機能しているようです。

UITextField *rightField = [[UITextField alloc] initWithFrame:CGRectMake(0, 0, 140, 50)];
rightField.backgroundColor = [UIColor redColor]; // For testing purpose
rightField.rightViewMode = UITextFieldViewModeAlways;// Set rightview mode

UIImageView *rightImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"Tick_white_color"]];
rightField.rightView = rightImageView; // Set right view as image view

[self.view addSubview:rightField];

結果としてのティック画像は次のとおりです。

Right image view

24
iNoob

ソリューションSwift 3：

class CustomText: UITextField {
    @IBInspectable var rightImage : UIImage?{
        didSet{
            self.rightView = UIImageView(image: rightImage)
            // select mode -> .never .whileEditing .unlessEditing .always
            self.rightViewMode = .always
        }
    }
}
4
Maor

For Swift 3. UITextFieldのプレースホルダーテキストの前に画像を表示するには

func setPaddingView(strImgname: String,txtField: UITextField){
        let imageView = UIImageView(image: UIImage(named: strImgname))
        imageView.frame = CGRect(x: 0, y: 5, width: imageView.image!.size.width , height: imageView.image!.size.height)
        let paddingView: UIView = UIView.init(frame: CGRect(x: 0, y: 0, width: 50, height: 30))
        paddingView.addSubview(imageView)
        txtField.leftViewMode = .always
        txtField.leftView = paddingView
    }

関数を呼び出すには

self.setPaddingView(strImgname: "mail", txtField: txtEmail)

enter image description here

3
Hardik Thakkar

Solutionwith @IBDesignable andSwift 3

まず、このようにUITextFieldに対して@IBDesignableを作成できます。

@IBDesignable extension UITextField{

    @IBInspectable var setImageName: String {
            get{
                return ""
            }
            set{
                let imageView: UIImageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 20, height: 20))
                imageView.image = UIImage(named: newValue)!
                self.rightView = imageView
                self.rightViewMode = UITextFieldViewMode.always
        }

    }

注：getおよびset@IBInspactableブロックのポイントSwiftがゲッターとsetter一緒に。 getステートメントを使用する必要がないため、空の文字列が返されました。また、属性名にはButtonが含まれていますが、混乱することはありません。間違いです。

次に、UITextFieldのStoryBoardをクリックし、setAButtonImageName属性に特定の画像名を付けます。

enter image description here

次に、次の結果が得られます

enter image description here

もう1つの状況は、rightViewを作成してright marginのように見えることです。

これがスクリーンショットです。

enter image description here

UIViewをこのUIImageViewに追加するよりも、UIViewをcontainerとして使用できます。ここでは、右マージン、コンテナビューの幅、および「UIImageViews」の幅。

@IBInspectable var setImageName: String {
        get{
            return ""
        }
        set{
            let containerView: UIView = UIView(frame: CGRect(x: 0, y: 0, width:50, height: self.frame.height))
            let imageView: UIImageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 20, height: 20))
            imageView.image = UIImage(named: newValue)!
            containerView.addSubview(imageView)
            imageView.center = containerView.center
            self.rightView = containerView
            self.rightViewMode = UITextFieldViewMode.always
        }
    }
0
elia

2つ以上のフィールドがある場合次に、このコードを試してください！それは私のために働いています。

dropDownImageViewForTextField1 = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 20, 20)];
dropDownImageViewForTextField1.image = [UIImage imageNamed:@"dropdown_n_icon.png"];

dropDownImageViewForTextField2 = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 20, 20)];
dropDownImageViewForTextField2.image = [UIImage imageNamed:@"dropdown_n_icon.png"];


txtField1.rightViewMode = UITextFieldViewModeAlways;
txtField1.rightView = dropDownImageViewForTextField1;

txtField2.rightViewMode = UITextFieldViewModeAlways;
txtField2.rightView = dropDownImageViewForTextField2;

2つのことを確認してください

  1. txtField.rightViewMode = UITextFieldViewModeAlways
  2. imageViewごとにtextFieldを個別に
0
jayesh lathiya