Just My Life & My Work

[iOS] TextField和TextView顯示圓角

2013 年 12 月 29 日

在視圖圓角這篇文章中介紹過，只要是繼承UIView的子類別都可以實現圓角的效果～所以當然TextField和TextView也可以顯示圓角囉！除了可以變成不同程度的圓角，還可以改變框的厚度和顏色。

Frame of TextField and TextView no round

預設TextField和TextView的角都是直角

Frame of TextField and TextView with round

經過程式設定後變圓，而且顏色設定為灰色

使用前先做兩個步驟：

  1. add QuartzCore.framework
  2. import <QuartzCore/QuartzCore.h>
/**
 Theme: Frame of TextField and TextView
 IDE: Xcode 5
 Language: Objective C
 Date: 102/12/29
 Author: HappyMan
 Blog: https://cg2010studio.wordpress.com/
 */
-(void)adjuctUI
{
    self.nameTextField.layer.cornerRadius = 10.0;
    self.nameTextField.layer.borderWidth = 1.0;
    self.nameTextField.layer.borderColor = [[UIColor grayColor] CGColor];

    self.timeTextField.layer.cornerRadius = 10.0;
    self.timeTextField.layer.borderWidth = 1.0;
    self.timeTextField.layer.borderColor = [[UIColor grayColor] CGColor];

    self.intensityTextField.layer.cornerRadius = 10.0;
    self.intensityTextField.layer.borderWidth = 1.0;
    self.intensityTextField.layer.borderColor = [[UIColor grayColor] CGColor];

    self.commentTextView.layer.cornerRadius = 10.0;
    self.commentTextView.layer.borderWidth = 1.0;
    self.commentTextView.layer.borderColor = [[UIColor grayColor] CGColor];
}

程式已經能調得很好看呢！這樣簡單的界面就不用特地請美術出圖嚕～

參考：UITextField border color。

廣告

分類：

iOS, 教學

3 Comments

Tagged with:

Comments on: "[iOS] TextField和TextView顯示圓角" (3)

  1. lalayou said:
    2014 年 01 月 03 日 at 17:42:12

    變圓視覺上比較圓滑,有何特別好處?

    讚

隨意留個言吧：）～

在下方填入你的資料或按右方圖示以社群網站登入：

Gravatar
WordPress.com 標誌

您的留言將使用 WordPress.com 帳號。 ( 登出 /  變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 ( 登出 /  變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 ( 登出 /  變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 ( 登出 /  變更 )

取消

連結到 %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

標籤雲

%d 位部落客按了讚：