iOS開發-UI (一)常用控制項

来源:http://www.cnblogs.com/fcug/archive/2017/01/16/6291002.html
-Advertisement-
Play Games

從這裡開始是UI篇 知識點: 1.常用IOS基本控制項 2.UITouch 常用基本控制項 1.UISegmentedControl:分段控制器 1)創建方式 - (id)initWithItems:(NSArray *)items; items數組中可以有NSString或者是UIImage對象 UI ...


從這裡開始是UI篇

知識點:

1.常用IOS基本控制項

2.UITouch

=======================

常用基本控制項

 

    1.UISegmentedControl:分段控制器

      1)創建方式

- (id)initWithItems:(NSArray *)items;

items數組中可以有NSString或者是UIImage對象

UISegmentedControl *seg = [[UISegmentedControl alloc] initWithItems:@[@"廣州",@"深圳",@"珠海"]];

      2)常用屬性

設置標題/圖片(註意下標範圍從0~segments-1)

- (void)setTitle:(NSString *)title forSegmentAtIndex:(NSUInteger)segment

- (void)setImage:(UIImage *)image forSegmentAtIndex:(NSUInteger)segment

[seg setImage:[UIImage imageNamed:@"refresh_30"] forSegmentAtIndex:2];

 

 

插入標題/圖片

- (void)insertSegmentWithTitle:(NSString *)title 

              atIndex:(NSUInteger)segment 

      animated:(BOOL)animated

- (void)insertSegmentWithImage:(UIImage *)image  

      atIndex:(NSUInteger)segment 

      animated:(BOOL)animated

 

//插入

    [seg insertSegmentWithTitle:@"湛江" atIndex:3 animated:YES];

 

移除內容

- (void)removeSegmentAtIndex:(NSUInteger)segment animated:(BOOL)animated

- (void)removeAllSegments

//移除某一個分段

[seg removeSegmentAtIndex:0 animated:YES];

//移除所有分段

[seg removeAllSegments];

 

 

事件處理

- (void)addTarget:(id)target 

  action:(SEL)action 

forControlEvents:(UIControlEvents)controlEvents

 

      3)事件處理

UIControlEventValueChanged

//添加事件

    //註意事件類型使用:UIControlEventValueChanged

    [seg addTarget:self action:@selector(segAction:) forControlEvents:UIControlEventValueChanged];

 

    2.UISlider:滑塊

      1)創建方式

      2)常用屬性

當前value

property(nonatomic) float value

//實例化一個UISlider

UISlider *slider = [[UISlider alloc] initWithFrame:CGRectMake(10, 80, 200, 100)];

 

    //設置預設滑塊的位置(預設是0 - 1範圍)

    slider.value = 0.5;

 

最小value

@property(nonatomic) float minimumValue

最大value

@property(nonatomic) float maximumValue

//修改最大最小值

    slider.minimumValue = 10;

    slider.maximumValue = 100;

 

      3)定製UI

@property(nonatomic,retain) UIColor *minimumTrackTintColor

@property(nonatomic,retain) UIColor *maximumTrackTintColor

@property(nonatomic,retain) UIColor *thumbTintColor 

 

    //添加事件

[slider addTarget:self action:@selector(sliderAction:) forControlEvents:UIControlEventValueChanged];

    

    //設置左右顏色

slider.minimumTrackTintColor = [UIColor redColor];

slider.maximumTrackTintColor = [UIColor yellowColor];

slider.thumbTintColor = [UIColor purpleColor];

 

 

    3.UISwitch:開關控制項

      1)創建方式

// 實例化一個UISwitch

    UISwitch *swi = [[UISwitch alloc] initWithFrame:CGRectMake(30, 80, 10, 10)];

 

      2)常用屬性

@property(nonatomic, retain) UIColor *onTintColor

@property(nonatomic, retain) UIColor *thumbTintColor

@property(nonatomic,getter=isOn) BOOL on

//設置按鍵顏色

    swi.thumbTintColor = [UIColor orangeColor];

    //打開的顏色

    swi.onTintColor = [UIColor purpleColor];

//設置開關狀態

    swi.on = NO;

 

      3)事件處理

 

    [swi addTarget:self action:@selector(swiAction:) forControlEvents:UIControlEventValueChanged];

    

    4.UIActivityIndicatorView

      1)創建方式

- (id)initWithActivityIndicatorStyle:(UIActivityIndicatorViewStyle)style

     UIActivityIndicatorViewStyleWhiteLarge     大白色  

            UIActivityIndicatorViewStyleWhite            普通大小白

        UIActivityIndicatorViewStyleGray              普通大小灰

// 載入視圖

    UIActivityIndicatorView *act = [[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(30, 100, 200, 200)];

 

    act.activityIndicatorViewStyle = UIActivityIndicatorViewStyleWhiteLarge;

 

      2)常用屬性

開始轉動

- (void)startAnimating;

停止轉動

- (void)stopAnimating;

是否正在轉動

- (BOOL)isAnimating;

顏色

@property (readwrite, nonatomic, retain) UIColor *color

//設置顏色

    act.color = [UIColor orangeColor];

    //開啟動畫

    [act startAnimating];

    

    //停止動畫

    [act stopAnimating];

    //設置停止動畫依然顯示

    act.hidesWhenStopped = NO;

 

    5.UIProgressView:進度條

      1)創建方式

- (id)initWithProgressViewStyle:(UIProgressViewStyle)style

UIProgressView *pro = [[UIProgressView alloc] initWithFrame:CGRectMake(30, 100, 200, 30)];

 

      2)常用屬性

@property(nonatomic) float progress   當前進度

@property(nonatomic, retain) UIColor* trackTintColor

@property(nonatomic, retain) UIColor* progressTintColor

//預設的範圍為0 - 1

    //設置進度

    pro.progress = 0.5;

    //完成進度的顏色

    pro.progressTintColor = [UIColor redColor];

    //未完成進度的顏色

    pro.trackTintColor = [UIColor greenColor];

 

練習:模仿進度讀取狀態

 

6.UIActionSheet

代理方法

//實例化一個UIActionSheet

    UIActionSheet *sheet = [[UIActionSheet alloc] initWithTitle:@"溫馨提示" delegate:self cancelButtonTitle:@"取消" destructiveButtonTitle:@"吃飯" otherButtonTitles:@"逛街",@"打游戲", @"睡覺",nil];

    

    //顯示UIActionSheet

    [sheet showInView:self.view];

 

- (void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex

//點擊回調代理方法

-(void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex{

    

    NSLog(@"buttonIndex = %ld",buttonIndex);

    

    switch (buttonIndex) {

        case 0:

        {

            NSLog(@"吃飯");

        }

            break;        

        default:

            break;

    }
}

 

7.UIAlertView

 

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

    

    //實例化一個UIAlertView

    UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"溫馨提示" message:@"餘額不足" delegate:self cancelButtonTitle:@"確定" otherButtonTitles:@"搶銀行",@"搬磚",@"找個富婆", nil];

    

    //展示

    [alert show];   

}

 

#pragma mark- UIAlertViewDelegate

-(void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex{

    

    

    NSLog(@"buttonIndex = %ld",buttonIndex);

    

}

 

=======================

UITouch

    1.如何捕捉觸摸事件

      

觸摸開始

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

      移動

      - (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event;

      觸摸結束

      - (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event;

      觸摸被取消(觸摸時候程式被中斷)

      - (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event;

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

    

    //獲得起始坐標

    //取得觸摸點對象

    UITouch *touch = [touches anyObject];

    //轉換成坐標點

    CGPoint point = [touch locationInView:self.view];

}

 

 

    2.如何獲取坐標信息

      1)獲取到觸摸點

UITouch *touch=[touches anyObject]

//獲得起始坐標

    //取得觸摸點對象

    UITouch *touch = [touches anyObject];

 

      2)轉換為坐標點

[touch locationInView:self.view]

    CGPoint point = [touch locationInView:self.view];

 

    

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 這幾天一直在梳理關於前端方面的開發規範,現在暫時梳理了HTML的開發規範,暫且放置於此! 規範目的: 使開發流程更加規範化 文件命名規範:(需審批) 1.項目命名 2.目錄命名 3.HTML,CSS, SCSS,JS文件命名 4.一些瀏覽器會將含有這些詞的作為廣告攔截,文件命名、ID、CLASS等所 ...
  • jquery toggle([speed],[easing],[fn]) 用於綁定兩個或多個事件處理器函數,以響應被選元素的輪流的click事件 如果元素是可見的,切換為隱藏的;如果元素是隱藏的,切換為可見的。 例子: $("***").toggle( function(){ $(this).add ...
  • 第一種:函數直接執行模式 第二種:對象方法的調用模式 第三種:構造器的調用模式 第四種:call和apply調用模式 ...
  • 如果你是一個人在自學前端開發,或者是對前端開發有比較濃厚的興趣正想踏入前端領域,只要你在前端自學路上遇到了自己無法解決的技術難題,那麼儘管將你的疑惑交給我的小伙伴兒們吧,我們都是一群在前端自學路上摸爬滾打的有志青年,希望你可以來和我們共同交流。同時也希望你能獻出自己的一份力,幫助我的小伙伴兒們解決他 ...
  • 由[OpenDigg](http://www.opendigg.com/) 出品的前端開源項目周報第六期來啦。我們的前端開源周報集合了OpenDigg一周來新收錄的優質的前端開發方面的開源項目,方便前端開發人員便捷的找到自己需要的項目工具等。 ...
  • 模塊是 Node.js 應用程式的基本組成部分,文件和模塊是一一對應的。一個 Node.js 文件就是一個模塊,這個文件可能是 JavaScript 代碼、JSON 或者編譯過的 C/C++ 擴展。 由於JavaScript沒有模塊系統,所以Node.js依靠CommonJS規範自身實現了模塊系統。 ...
  • 實例 使用淡出效果來隱藏一個 <p> 元素: $(".btn1").click(function(){ $("p").fadeTo(1000,0.4); }); 親自試一試 實例 使用淡出效果來隱藏一個 <p> 元素: 親自試一試 定義和用法 fadeTo() 方法將被選元素的不透明度逐漸地改變為指 ...
  • 知識點: 1.UIButton使用和事件機制 2.UIImage 3.自定義UIButton UIButton 1.創建方式 按鈕類型 UIButtonTypeCustom 用戶自定義按鈕 UIButtonTypeRoundedRect 系統按鈕 UIButtonTypeDetailDisclosu ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...