窗口/視圖中的背景圖片太大

Question

我正在玩一個非常小的單一視圖應用程序，以瞭解視圖是如何工作的。我對iOS開發非常陌生。我正在使用一張圖片，作爲我唯一觀點的背景。運行應用程序時，我的背景非常龐大。就好像它被放大或縮放。我正在遵循一個Big Nerd Ranch教程來獲取視圖，因此我使用了一個名爲HypnosisView的UIView的子類。這是暫時的。它也可能值得注意的是，我想用於背景的圖像恰好是640 x 1136像素。

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 
{ 
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]]; 
    // Override point for customization after application launch. 

    CGRect viewFrame = CGRectMake(0, 0, 640, 1136); 

    HypnosisView *view = [[HypnosisView alloc] initWithFrame:viewFrame]; 
    [view setBackgroundColor:[UIColor colorWithPatternImage:[UIImage imageNamed:@"BG.png"]]]; 
    [[self window] addSubview:view]; 

    self.window.backgroundColor = [UIColor blackColor]; 
    [self.window makeKeyAndVisible]; 
    return YES; 
} 

更新後的代碼嘗試使用0,0,320,568幀實現UIImageView。我還創建了一個320尺寸的背景，然後創建了一個完整大小的背景，並將其命名爲正確的標題。

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 
{ 
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]]; 
    // Override point for customization after application launch. 

    CGRect viewFrame = CGRectMake(0, 0, 320, 568); 


    UIImage *background = [UIImage imageNamed:@"background@2x.png"]; 
    UIImageView *backgroundView = [[[UIImageView alloc] initWithImage:background] initWithFrame:viewFrame]; 

    [[self window] addSubview:backgroundView]; 
    [[self window] sendSubviewToBack:backgroundView]; 

    self.window.backgroundColor = [UIColor clearColor]; 
    [self.window makeKeyAndVisible]; 
    return YES; 
} 

Answer 1

如果您的視圖框架大於您的屏幕，則如果圖片太大，則圖片將被剪裁。您可以使用一個UIScrollView，縮小原始圖像降低到大小或使用如下代碼擴展您的圖像：

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 
{ 
self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]]; 
// Override point for customization after application launch. 

CGRect viewFrame = CGRectMake(0, 0, 320, 568); 


UIImage *background = [UIImage imageNamed:@"BG.png"]; 

UIImage *scaledImage = [UIImage imageWithCGImage:[background CGImage] 
              scale:(background.scale * 2.0) 
            orientation:(background.imageOrientation)]; 

UIImageView *backgroundView = [[[UIImageView alloc] initWithImage:scaledImage] initWithFrame:viewFrame]; 

[[self window] addSubview:backgroundView]; 
[[self window] sendSubviewToBack:backgroundView]; 

self.window.backgroundColor = [UIColor clearColor]; 
[self.window makeKeyAndVisible]; 
return YES; 
} 

（我的比例因子是基於640x1136圖像大小）

Answer 2

當你調用[UIImage imageNamed:@"BG.png"]的iOS假設你有兩張圖片，一個叫BG.png這將是大約320x586，並呼籲BG@2x.png第二圖像這將是640x1136。你應該創建兩個圖像。

或者，您可以使用UIImageView並設置縮放模式。然後將該UIImageView添加到您的窗口。

Answer 3

我想你運行你的應用程序和圖像更大的窗口屏幕，所以你認爲該圖像實際上比640 * 1136大？如果我說得對，我可以告訴你爲什麼。這是因爲在編程時，iphone屏幕的高度是568，寬度是320，在你的代碼中，你創建了一個640 * 1136的視圖，它是窗口框架的兩倍。所以最後它只展示了你圖片的一部分。

Answer 4

從我的經驗，如果你想通過UIView的backgroundColor設置背景圖像，你需要在使用前將圖像縮小到320 x 568。這是因爲view.backgroundColor或[UIColor colorWithPatternImage：]沒有縮放屬性。另外，縮小背景圖片以減小應用程序大小會很好。

如果要使用640 x 1136的圖像，則需要使用UIImageView並指定其內容模式。例如，

imageView.contentMode = UIViewContentModeScaleAspectFit; 

將上面的行添加到您的更新代碼，它應該可以解決您的問題。