iOS UI 顯示!圖片顯示 UIImageView

顯示!顯示圖片 UIImageView

UIImageView是一個繼承NSView物件後有顯示圖片內容能力的View,它會依照設定的大小將圖片調整至相當大小,範例中一開始宣告時就將圖片從原先縮至1/2。

執行結果

範例圖片

按右鍵另存新檔

並且將它拖拉或新增檔案至專案中:

勾選Copy items if needed將檔案拷貝至專案中,

新增完成後檔案會在專案中看到,

接下來配合程式範例實作就完成。

程式範例

//-----------start-----------
//
//  ViewController.swift
//
//

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        // 初始化(圖片為363x198,圖片太大將它縮為1/2)
        let dyImageView: UIImageView = UIImageView(frame: CGRectMake(50,150,363/2,198/2))

        // 圖片檔案引入UIImage物件(需要先將圖片加入專案中)
        let dyImage = UIImage(named: "cropped-Logo")

        // 圖片影像物件指定至UIImageView之影象
        dyImageView.image = dyImage

        // UIImageView加入主要View中
        self.view.addSubview(dyImageView)
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}
//------------end------------

Objective-C 程式範例

//-----------start-----------
//
//  ViewController.m
//
//
//

#import "ViewController.h"
#import <UIKit/UIKit.h>


@interface ViewController ()

@end

@implementation ViewController


- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.


    // 初始化(圖片為363x198,圖片太大將它縮為1/2)
    UIImageView *dyImageView = [[UIImageView alloc] initWithFrame: CGRectMake(50,150,363/2,198/2)];

    // 圖片檔案引入UIImage物件(需要先將圖片加入專案中)
    // initWithNamed:@"cropped-Logo"]];
    UIImage *dyImage = [UIImage imageNamed:@"cropped-Logo"];

    // 圖片影像物件指定至UIImageView之影象
    dyImageView.image = dyImage;

    // UIImageView加入主要View中
    [self.view addSubview:dyImageView];


}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


@end
//------------end------------

參考資料

UIImag Class