Image and button in NSImageView are in wrong positions

Question

I am assigning a button and an image to the same position (0, 0), but they are drawn in different locations. Why does this happen?

Here is my code:

- (void)applicationDidFinishLaunching:(NSNotification *)aNotification 
{

    // Insert code here to initialize your application 
    [window makeKeyWindow];
    [window setFrame:NSMakeRect(0, 0, 500, 468) display:YES];
    //[window setFrame:[[NSScreen mainScreen]frame] display:YES];
    [window setBackgroundColor:[NSColor clearColor]];
    [window center];
    [[window contentView] setAutoresizesSubviews:YES];

    NSImageView *subView = [[NSImageView alloc]initWithFrame:NSMakeRect(0, 0, 500, 468)];
    [subView setImage:[NSImage imageNamed:@"Flowers.jpg"]];
    [subView setAutoresizingMask:NSViewWidthSizable|NSViewHeightSizable];
    [subView setAutoresizesSubviews:YES];

    NSButton *subButton = [[NSButton alloc]initWithFrame:NSMakeRect(0, 0, 100, 40)];
    [subButton setTitle:@"testing"];
    [subButton setAutoresizingMask:NSViewWidthSizable|NSViewHeightSizable|NSViewMaxXMargin|NSViewMaxYMargin|NSViewMinXMargin|NSViewMinYMargin];
    [subView addSubview:subButton];
    [window setContentView:subView];
}

and here is the result after building:

Screenshot

score 3 · Answer 1 · answered Jun 06 '11 at 05:03

3

The code is working exactly as you told it to; the button and the image view are in the correct position, both in the lower-left corner of the window.

The image does not fill the entire height of the image view because it has a different aspect ratio: It is significantly wider than it is tall, while the image view is nearly square.

There is no way to change the image view to work differently—to fill the image view even if it must crop the image to do so. The only options are to scale proportionally (preserving aspect ratio), scale regardless of ratio (fill the image view but possibly distort the image), and don't scale ever. If you want to scale proportionally to fill and crop, you will have to do it yourself. Alternatively, you may want to change the window's size to match the size—or at least the aspect ratio—of the image.

As an aside, it is unusual at best to put buttons inside image views in Cocoa. Most views—those that do something specific—should not contain other views. The button and the image view should each be inside a plain NSView.

answered Jun 06 '11 at 05:03

Peter Hosey

95,783
15
211
370

you said that "The image does not fill the entire height of the image view because it has a different aspect ratio", so can I calculate aspect ratio to become the same? – user718408 Jun 07 '11 at 07:53
Of course, although it's probably simpler to divide the image's size by increasing factors, starting from 1 (no change), until you arrive at a size that will fit on the screen. Remember to take the difference between a frame rectangle and a content rectangle into account. The frame rectangle is slightly bigger. NSWindow has methods to convert between frame and content rectangles. – Peter Hosey Jun 07 '11 at 09:38
Thank for your help. I have another question. Now (0, 0)coordinate in bottom left corner, I want to change (0, 0)coordinate in top left corner. Could I? – user718408 Jun 08 '11 at 04:12
That has nothing to do with this question, so you should ask that as a separate question. – Peter Hosey Jun 08 '11 at 06:28
Can't you change the NSImageView's scaling mode to make it crop to fit? – SilverWolf Jun 29 '18 at 16:10

Image and button in NSImageView are in wrong positions

1 Answers1