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
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...