本節目錄

• UILabel
• UIimage
• UIimage contentMode屬性
• UIimage小語法點
• UIimage initWithImage:方法
• UIImageView的frame設定
• UIimage 修改frame的3種方式
• 抽取重複程式碼
• UIImageView的幀動畫
• 延遲做一些事情
• 音訊檔案的簡單播放
• 監聽按鈕點選
• UIControl
• UIAlertView

UILabel

    // 1.1 建立UILabel物件
    UILabel *label = [[UILabel alloc] init];

    // 1.2 設定frame
    label.frame
 
 = CGRectMake(100, 100, 202, 175);

    // 1.3 設定背景顏色
    label.backgroundColor = [UIColor redColor];

    // 1.4 設定文字
    label.text = @"opooc opooc opooc ";

    // 1.5 居中
    label.textAlignment = NSTextAlignmentCenter;

    // 1.6 設定字型大小
    label.font = [UIFont systemFontOfSize:20.f];
    label.font = [UIFont
 
 boldSystemFontOfSize:25.f];
    label.font = [UIFont italicSystemFontOfSize:20.f];

    // 1.7 設定文字的顏色
    label.textColor = [UIColor whiteColor];

    // 1.8 設定陰影(預設是有值)
    label.shadowColor = [UIColor blackColor];
    label.shadowOffset = CGSizeMake(-2, 1);

    // 1.9 設定行數(0:自動換行)
    label.numberOfLines
 
 = 1;

    // 1.10 顯示模式
    label.lineBreakMode =  NSLineBreakByTruncatingHead;

    /*
     NSLineBreakByWordWrapping = 0,  // 單詞包裹,換行的時候會以一個單詞換行
     NSLineBreakByCharWrapping,     // 字元包裹換行,換行的時候會以一個字元換行
     NSLineBreakByClipping,     // 裁剪超出的內容
     NSLineBreakByTruncatingHead,   // 一行中頭部省略(注意:numberOfLines要為1): "...wxyz"
     NSLineBreakByTruncatingTail,   // 一行中尾部省略: "abcd..."
     NSLineBreakByTruncatingMiddle  // 一行中中間部省略:  "ab...yz"
     */

UIimage

     // 1.建立UIImageView物件
    UIImageView *imageView = [[UIImageView alloc] init];

    // 2. 設定尺寸
    //    imageView.frame = CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height);
    imageView.frame = self.view.bounds;

    // 3. 設定背景顏色
    imageView.backgroundColor = [UIColor redColor];

    // 4. 設定背景圖片
    imageView.image = [UIImage imageNamed:@"1"];

    // 5.設定圖片的內容模式
    imageView.contentMode = UIViewContentModeScaleAspectFill;

    // 6.加毛玻璃

    // 6.1 建立UIToolBar物件
    UIToolbar *toolBar = [[UIToolbar alloc] init];
    // 6.2 設定toolBar的frame(這個地方用的是bound,如果是用frame也可以，不過應該對應的是self.view,導致每次調整imageView的時候 ，還需要修改toolBar的frame)
    toolBar.frame = imageView.bounds;

    // 6.3 設定毛玻璃的樣式
    toolBar.barStyle = UIBarStyleBlack;
    toolBar.alpha = 0.98;
    // 6.4 加到imageView中
    [imageView addSubview:toolBar];

    // 加到控制器的view中
    [self.view addSubview:imageView];

UIimage contentMode屬性

• 帶有scale單詞的：圖片有可能會拉伸

  • UIViewContentModeScaleToFill
    
    • 將圖片拉伸至填充整個imageView
    • 圖片顯示的尺寸跟imageView的尺寸是一樣的
  • 帶有aspect單詞的：保持圖片原來的寬高比
    
    • UIViewContentModeScaleAspectFit
      
      • 保證剛好能看到圖片的全部
    • UIViewContentModeScaleAspectFill
      
      • 拉伸至圖片的寬度或者高度跟imageView一樣

• 沒有scale單詞的：圖片絕對不會被拉伸，保持圖片的原尺寸

  • UIViewContentModeCenter
  • UIViewContentModeTop
  • UIViewContentModeBottom
  • UIViewContentModeLeft
  • UIViewContentModeRight
  • UIViewContentModeTopLeft
  • UIViewContentModeTopRight
  • UIViewContentModeBottomLeft
  • UIViewContentModeBottomRight

UIimage小語法點

• 不能直接修改：OC物件的結構體屬性的成員
• 下面的寫法是錯誤的

imageView.frame.size = imageView.image.size;

• 正確寫法

CGRect tempFrame = imageView.frame;
tempFrame.size = imageView.image.size;
imageView.frame = tempFrame;

UIimage initWithImage:方法

• 利用這個方法創建出來的imageView的尺寸和傳入的圖片尺寸一樣

UIImageView的frame設定

  /*方式一、三、四常用


    // 設定frame的方式
    // 方式一
      UIImageView *imageView = [[UIImageView alloc] init];
      imageView.image = [UIImage imageNamed:@"1"];

//    imageView.frame = CGRectMake(100, 100, 267, 400);
//    imageView.frame = (CGRect){{100, 100},{267, 400}};
    */

    // 方式二
    /*
    UIImageView *imageView = [[UIImageView alloc] init];
    // 建立一個UIImage物件
    UIImage *image = [UIImage imageNamed:@"1"];
    // 設定frame
    imageView.frame = CGRectMake(100, 10, image.size.width, image.size.height);
    // 設定圖片
    imageView.image = image;
     */

    // 方式三
    /*
    // 建立一個UIImage物件
    UIImage *image = [UIImage imageNamed:@"1"];
    UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(100, 10, image.size.width, image.size.height)];
    imageView.image = image;
     */

    // 方式四

    // 建立一個UIimageview物件
    // 注意: initWithImage 預設就有尺寸--->圖片的尺寸
    UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"1"]];

    // 改變位置
//    imageView.center = CGPointMake(200, 150);

    imageView.center = CGPointMake(self.view.frame.size.width * 0.5, self.view.frame.size.height * 0.5);

    [self.view addSubview:imageView];    

UIimage 修改frame的3種方式

• 直接使用CGRectMake函式

imageView.frame = CGRectMake(100, 100, 200, 200);

• 利用臨時結構體變數

CGRect tempFrame = imageView.frame;
tempFrame.origin.x = 100;
tempFrame.origin.y = 100;
tempFrame.size.width = 200;
tempFrame.size.height = 200;
imageView.frame = tempFrame;

• 使用大括號{}形式

imageView.frame = (CGRect){{100, 100}, {200, 200}};

抽取重複程式碼

- 將相同程式碼放到一個新的方法中
- 不用的東西就變成方法的引數

• 圖片的載入方式
  
  • 有快取
    objc
UIImage *image = [UIImage imageNamed:@"圖片名"];

    
    • 使用場合：圖片比較小、使用頻率較高
    • 建議把需要快取的圖片直接放到Images.xcassets
  • 無快取
    objc
NSString *file = [[NSBundle mainBundle] pathForResource:@"圖片名" ofType:@"圖片的副檔名"];
UIImage *image = [UIImage imageWithContentsOfFile:@"圖片檔案的全路徑"];

    
    • 使用場合：圖片比較大、使用頻率較小
    • 不需要快取的圖片不能放在Images.xcassets
  • 放在Images.xcassets裡面的圖片，只能通過圖片名去載入圖片

UIImageView的幀動畫

    NSMutableArray<UIImage *> *imageArr = [NSMutableArray array];
    for (int i=0; i<20; i++) {
        // 獲取圖片的名稱
        NSString *imageName = [NSString stringWithFormat:@"%d", i+1];
        // 建立UIImage物件
        UIImage *image = [UIImage imageNamed:imageName];
        // 加入陣列
        [imageArr addObject:image];
    }
    // 設定動畫圖片
    self.imageView.animationImages = imageArr;

    // 設定動畫的播放次數
    self.imageView.animationRepeatCount = 0;

    // 設定播放時長
    // 1秒30幀, 一張圖片的時間 = 1/30 = 0.03333 20 * 0.0333
    self.imageView.animationDuration = 1.0;

    // 開始動畫
    [self.imageView startAnimating];

延遲做一些事情

[abc performSelector:@selector(stand:) withObject:@"123" afterDelay:10];
// 10s後自動呼叫abc的stand:方法，並且傳遞@"123"引數

音訊檔案的簡單播放

// 建立一個音訊檔案的URL(URL就是檔案路徑物件)
NSURL *url = [[NSBundle mainBundle] URLForResource:@"音訊檔名" withExtension:@"音訊檔案的副檔名"];
// 建立播放器
self.player = [AVPlayer playerWithURL:url];
// 播放
[self.player play];

或者

// 建立一個音訊檔案的URL(URL就是檔案路徑物件)
 NSString* str = [[NSBundle mainBundle]pathForResource:@"音訊檔名" ofType:@"音訊檔案的副檔名"];

NSURL *url = [NSURL fileURLWithPath:str];
// 建立播放器
self.player = [AVPlayer playerWithURL:url];
// 播放
[self.player play];

監聽按鈕點選

[button addTarget:self action:@selector(buttonClick:) forControlEvents:UIControlEventTouchUpInside];

UIControl

• 凡是繼承自UIControl的控制元件，都可以通過addTarget:…方法來監聽事件

UIAlertView

 // 建立物件
    UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"輸入有誤" message:info delegate:nil cancelButtonTitle:@"我知道了" otherButtonTitles:nil, nil];

    // 顯示
    [alertView show];