UITextField - Abgerundete Ecke Problem

Bringe ich das Thema weiter, das ich Gesicht. Ich bin die Schaffung einer UITextField programmgesteuert als unten.

UItextField *mobileNumberField = [[UITextField alloc] initWithFrame:CGRectMake(10, 195, 300, 41)];
mobileNumberField.delegate = self;
mobileNumberField.borderStyle = UITextBorderStyleRoundedRect;
[mobileNumberField.layer setCornerRadius:14.0f];
mobileNumberField.placeholder = @"Mobile Number";
[self.paymentsHomeView addSubview:mobileNumberField];

Die Ausgabe der angehängten Bild.

UITextField - Abgerundete Ecke Problem

Weiß ich nicht, warum ist es brechen an den Ecken. Mir helfen, zu beheben mein text Feld wie im Bild unten angehängt.

UITextField - Abgerundete Ecke Problem

Vielen Dank im Voraus..!

InformationsquelleAutor der Frage iOS | 2012-12-05

  1. 28

    nur diese Zeile zu entfernen...

    mobileNumberField.borderStyle = UITextBorderStyleRoundedRect;

    und fügen Sie diesen code auch..

        [mobileNumberField setBackgroundColor:[UIColor whiteColor]];
    [mobileNumberField.layer setBorderColor:[UIColor grayColor].CGColor];
    [mobileNumberField.layer setBorderWidth:1.0];

    ich hoffe, dass dies dir helfen..

    InformationsquelleAutor der Antwort Paras Joshi

  2. 10

    Aktualisieren, wie unten.

        UITextField *mobileNumberField = [[UITextField alloc] initWithFrame:CGRectMake(10, 195, 300, 41)];
    mobileNumberField.delegate = self;
    mobileNumberField.layer.borderWidth = 1.0f;
    mobileNumberField.layer.borderColor = [UIColor lightGrayColor].CGColor;
    mobileNumberField.
//   mobileNumberField.borderStyle = UITextBorderStyleRoundedRect;
    [mobileNumberField.layer setCornerRadius:14.0f];
    mobileNumberField.placeholder = @"Mobile Number";
    [self.paymentsHomeView addSubview:mobileNumberField];

    InformationsquelleAutor der Antwort Paramasivan Samuttiram

  3. 5
    textField.layer.cornerRadius=textfield.frame.size.height/2;

textField.clipsToBounds=YES;

    InformationsquelleAutor der Antwort Miti

  4. 3

    Den Grund, die Ecken geschnitten sind, ist, weil es einem umschließenden Blick auf das Textfeld. Wenn Sie den Eckenradius, gilt, DASS die Sicht und damit die Ecken der Innenseite text-Feld zu sein scheinen cut - in Wirklichkeit haben Sie auch nicht geändert.

    Die Lösung besteht darin, den UITextField innen UIView setzen textfield-Eigenschaft borderstyle auf none. Dann gelten die Rand-und Eck-radius-Spezifikation, die auf der uiview. Beachten Sie die Rahmenfarbe, die ist sehr nah, wenn nicht die gleichen, die UITextField-borderColor.

    Als zu schreiben, getestet und funktioniert in Xcode 7.3.1, Swift-2.2, iOS 8 und 9.

    Swift:

    textField.borderStyle = UITextBorderStyle.None
textBorderView.layer.cornerRadius = 5
textBorderView.layer.borderWidth = 1
textBorderView.layer.borderColor = UIColor.lightGrayColor().colorWithAlphaComponent(0.2).CGColor

    InformationsquelleAutor der Antwort oyalhi

  5. 1

    Hier ist die Lösung Ihres Problems

    UITextField * txtField = [[UITextField alloc]initWithFrame:CGRectMake(0, 0, 200, 50)];

[txtField setBorderStyle:UITextBorderStyleNone];

[txtField.layer setMasksToBounds:YES];
[txtField.layer setCornerRadius:10.0f];
[txtField.layer setBorderColor:[[UIColor lightGrayColor]CGColor]];
[txtField.layer setBorderWidth:1];
[txtField setTextAlignment:UITextAlignmentCenter];
[txtField setContentVerticalAlignment:UIControlContentVerticalAlignmentCenter];
[self.view addSubview:txtField];

    InformationsquelleAutor der Antwort junaidsidhu

  6. 0

    Swift 3 Lösung:

    Ich geschrieben haben separate Funktion, um Rand-und Eck-radius in einer Ebene in swift, müssen Sie nur passieren die Ebene von jeder Ansicht, Grenze Breite, Eck-radius und border-color die folgende Funktion

    ` func setBorderAndCornerRadius(layer: CALayer, width: CGFloat, radius: CGFloat,color : UIColor ) {
        layer.borderColor = color.cgColor
        layer.borderWidth = width
        layer.cornerRadius = radius
        layer.masksToBounds = true
    }

    `

    InformationsquelleAutor der Antwort Prasad09

Schreibe einen Kommentar