1. 程式人生 > >iOS:UITextFiled控制元件的設定

iOS:UITextFiled控制元件的設定



在 Xcode 中 給檢視拖上去一個文字框後,選中文字框,可以在Attribute Inspector中設定其各種屬性。

Attribute Inspector 分為三部分,分別是 Text Field、Control 和 View 部分。我們重點看看 Text Field 部分。

Text Field 部分有以下選項:

1、Text :設定文字框的預設文字。

 接下來的方框,可以在裡面輸入文字,在文字框例顯示。

2、Placeholder : 可以在文字框中顯示灰色的字,用於提示使用者應該在這個文字框輸入什麼內容。當這個文字框中輸入了資料時,用於提示的灰色的字將會自動消失。

3、Background :

4、Disabled : 若選中此項,使用者將不能更改文字框內容。

5、接下來是三個按鈕,用來設定對齊方式。

6、Border Style : 選擇邊界風格。

7、Clear Button : 這是一個下拉選單,你可以選擇清除按鈕什麼時候出現,所謂清除按鈕就是出一個現在文字框右邊的小 X ,你可以有以下選擇:

    7.1 Never appears : 從不出現
    7.2 Appears while editing : 編輯時出現
    7.3 Appears unless editing :
    7.4 Is always visible : 總是可見

8、Clear when editing begins : 若選中此項,則當開始編輯這個文字框時,文字框中之前的內容會被清除掉。比如,你現在這個文字框 A 中輸入了 "What" ,之後去編輯文字框 B,若再回來編輯文字框 A ,則其中的 "What" 會被立即清除。

9、Text Color : 設定文字框中文字的顏色。

10、Font : 設定文字的字型與字號。

11、Min Font Size : 設定文字框可以顯示的最小字型(不過我感覺沒什麼用)

12、Adjust To Fit : 指定當文字框尺寸減小時,文字框中的文字是否也要縮小。選擇它,可以使得全部文字都可見,即使文字很長。但是這個選項要跟 Min Font Size 配合使用,文字再縮小,也不會小於設定的 Min Font Size 。

接下來的部分用於設定鍵盤如何顯示。

13、Captitalization : 設定大寫。下拉選單中有四個選項:

    13.1 None : 不設定大寫
    13.2 Words : 每個單詞首字母大寫,這裡的單詞指的是以空格分開的字串
    13.3 Sentances : 每個句子的第一個字母大寫,這裡的句子是以句號加空格分開的字串
    13.4 All Characters : 所以字母大寫

14、Correction : 檢查拼寫,預設是 YES 。

15、Keyboard : 選擇鍵盤型別,比如全數字、字母和數字等。

16、Appearance:

17、Return Key : 選擇返回鍵,可以選擇 Search 、 Return 、 Done 等。

18、Auto-enable Return Key : 如選擇此項,則只有至少在文字框輸入一個字元後鍵盤的返回鍵才有效。

19、Secure : 當你的文字框用作密碼輸入框時,可以選擇這個選項,此時,字元顯示為星號。

小例子:

建立單檢視工程,在.h檔案中遵守UITextFieldDelegate協議,在.m 檔案裡,

- (void)viewDidLoad

{

    [superviewDidLoad];

    UITextField *pText = [[UITextField alloc]initWithFrame:CGRectMake(20, 40, 280, 30)];

//鍵盤樣式

    pText.borderStyle = UITextBorderStyleLine;

//文字框背景色

    pText.backgroundColor = [UIColororangeColor];

//文字框標題

//pText.text = @"please input information";

//設定面向使用者的提示資訊

    pText.placeholder = @"請輸入資訊";

//文字框字型大小

    pText.font = [UIFont systemFontOfSize:20];

//設定清除按鈕格式

    pText.clearButtonMode = UITextFieldViewModeAlways;

//新增右側的檢視

    UIImage *image = [UIImage imageNamed:@"2"];

    pText.leftView = [[UIImageView alloc]initWithImage:image];

//讓左側檢視在編輯時顯示

    pText.leftViewMode = UITextFieldViewModeWhileEditing;

//設定文字框代理

    pText.delegate = self;

    [self.view addSubview:pText];

}

#pragma ======================UITextField Delegate=============================

//編輯開始前被呼叫

- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField

{

//若返回NO,則鍵盤不會出現,無法編輯

return YES;

}

//編輯結束前被呼叫

-(BOOL)textFieldShouldEndEditing:(UITextField *)textField

{

return YES;

}

//文字修改前被呼叫

- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string

{

return YES;

}

//鍵盤上的回車鍵被觸控時呼叫

- (BOOL)textFieldShouldReturn:(UITextField *)textField

{

//返回NO,文字框保持原樣

return YES;

}

//文字輸入框的清除按鈕被觸控時呼叫

- (BOOL)textFieldShouldClear:(UITextField *)textField

{

return YES;

}

//編輯開始後呼叫

 - (void)textFieldDidBeginEditing:(UITextField *)textField

{

}

//編輯結束後呼叫

- (void)textFieldDidEndEditing:(UITextField *)textField

{

}

- (void)didReceiveMemoryWarning

{

    [superdidReceiveMemoryWarning];

// Dispose of any resources that can be recreated.

}

//彈回鍵盤的方法

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{

    [self.view endEditing:YES];

}

執行,結果如下:


點選文字框,鍵盤出現,同時檢視按鈕也出現了,如下:


在文字框輸入字母,檢視消失,清除按鈕出現:


相關推薦

iOSUITextFiled控制元件設定

 在 Xcode 中 給檢視拖上去一個文字框後,選中文字框,可以在Attribute Inspector中設定其各種屬性。 Attribute Inspector 分為三部分,分別是 Text Field、Control 和 View 部分。我們重點看看 Text Fi

iOS之用xib給控制元件設定圓角、邊框效果

轉自:https://www.cnblogs.com/zhun/p/5616540.html   xib中為各種控制元件設定圓角 通過程式碼的方式設定 @interface ViewController () @property (weak, nonatomic)

IOS學習 iPad控制元件POP控制元件器,分割視窗、浮動視窗、模態檢視的使用

@implementation AppDelegate - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptio

iOS控制元件設定虛線框

通過CAShapeLayer和UIBezierPath給控制元件新增虛線或設定虛線條。備用 - (void)viewDidLoad {     [super viewDidLoad];     [self createShapeLayer_A];    [se

IOS學習四基礎控制元件Label,textfield,button等使用

本來應該早寫這個學習筆記的。 但是寫blog真是件痛苦得事。 今天剛面試了一個來IOS開發的同學。我覺得我得加緊進度啦。 學習進度:本例子是學習4天后紅柚子第一個完整例子程式碼,基本把oc基礎看完後實踐的, 其實發現這個例子完完全全是為熟悉IB外掛拖來拉去佈局而來的。

iOS 滾動數字控制元件DPScrollNumberLabel 實現

寫在前面 第一次寫部落格,有點小激動,同時也害怕寫的很爛,所以希望大家能夠包容,如果大家覺得看不下去我的部落格,可以直接翻到最後有原始碼和demo的github地址。開發ios也有大半年了,所以想要嘗試一下寫點部落格,好了廢話不多說了下面開始正題了。

iOS自定義控制元件-UISearchBar

   在開發過程中,UISearchBar屬不多見的控制元件,在我們一般使用的是系統原生樣式:    但是UI設計師可能想要的是這種:    可能你覺得很簡單:覺得設定背景顏色,邊框圖示什麼的;

Devexpress使用之GridControl控制元件 Devexpress使用之GridControl控制元件

Devexpress使用之:GridControl控制元件   Devexpress系列控制元件功能很強大,使用起來也不太容易,我也是邊摸索邊使用,如果有時間我會把常用控制元件的使用方法整理出來的。   using System; using System.Collec

夢想iOS版CAD控制元件2018.11.07更新

下載地址: http://www.mxdraw.com/ndetail_10110.html 1.  增加iOS上的CAD繪圖介面和使用例子 2.  增加動態互動使用例子 3.  把Android上改的所有問題同步到iOS上。 4.  更新App到蘋果商店,i

ionic學習(四)Tab控制元件 學習二

實現功能: 1.新增tabs頁面:下部新增一個新聞按鈕 2.去掉二級頁面tabs選單: 3.修改返回按鈕:上圖的左上方箭頭 步驟 1. 將news頁面放在下面   在tabs.ts和tabs.html中引入並顯示news元件     圖示在這

react navigation 高階 任意控制元件內獲取 navigation 屬性

https://reactnavigation.org/docs/en/connecting-navigation-prop.html   Access the navigation prop from any component withNavigation is

DataGridView控制元件設定某一列單元格的小數點位數

方法一: 遍歷你的datagridview所要設定的列,用Match.Round(數值,2)for (int i = 0; i < dvData.Rows.Count; i++) {   dvData[列, i].Value = Math.Round(Co

C#為ComboBox等陣列型控制元件設定自定義資料

ComboBox、ListBox、CheckedListBox等列表型控制元件,可以單獨為每個Item設定顯示文字和資料。 為此,我們定義一個類,來實現這個Item的文字顯示和資料關聯: public class ListComponentItem { p

工具類(為控制元件設定圓角)

為了便於日常開發效率,因此建立了一些小的工具類便於使用. 具體 code 如下: 宣告: /* 為控制元件新增邊框樣式_工具類 */ #import <UIKit/UIKit.h> typedef NS_ENUM(NSInteger,LQQSideType

DevExpress GridView控制元件設定預設選中的行顏色

DevExpress為.NET平臺提供了很多優秀美觀的Ui控制元件,給資料和圖表展示帶來了極大的便捷性。這裡使用的是DevExpress2015版本,安裝起來也很方便,只要執行DevExpressUniversalTrialComplete-20151209.exe,一路預設即可。 當然

MFC ListBox控制元件設定字型顏色

描述 最近的專案中需要用到 MFC 的列表控制元件,列表控制元件中需要動態插入產品不同的測試狀態,產品的不同狀態下的測試結果分為 PASS 和 FAIL 兩種情況,這兩種測試結果插入的狀態字串顏色分別呈現為綠色和紅色。並且雙擊狀態 Item,繪製出對應狀態下的

android控制元件設定背景透明度

在color檔案中直接定義即可 “29”是透明度,查一下Android 透明度alpha換算表,我們專案中需要16%的透明度,對應29; “#333333”是背景顏色值,設定透明的時候把查到的透明度對應的值放進去即可 https://blog.csdn.net/u012246458/articl

android開發時為日期控制元件設定選擇範圍,再次點選時顯示上次選擇日期

下面做的是:28天<= 日期 <=65週歲 //計算28天前的日期 public static final long _MAX_TIME = 28 * 24 * 60 * 60 * 1000L;int inComingYear;int inComingMonth;int

IOS中UILabel控制元件的基本使用

//UILable的大小自適應例項 UILabel *myLable = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 2, 2)];//設定位置與大小 [myLable setFont:[UIFont

wpf自適應螢幕解析度viewbox控制元件的使用方法

  使用View Box:在固定長寬的canvas/grid外新增viewbox控制元件,視窗大小或者解析度改變,裡面的控制元件和字型大小都會自適應改變。 <Window x:Class="WpfTest2.MainWindow" xmlns="http://