DrawRect Square/Rectangle user values

Question

I've got the books, I've checked the apple docs and something is not clicking.

Here's what I want to do: get user values and draw a square/rectangle with them.

A window with one custom view on the right.

On the left two text fields, two labels (width and height) and a button "Draw". On the right DrawView.

There's how one could do it:

You have to do the connection for the textFields and the button in your appDelegate and also have an IBOutlet for your customView.

In your customView you need to have the two variables which will hold the values from the textField. Don't use property/synthesize because once you set the values you need to call setNeedsDisplay in your customView-DrawView.

AppDelegate.h

#import <Cocoa/Cocoa.h>
#import "DrawView.h"

@interface AppDelegate : NSObject <NSApplicationDelegate>

@property (assign) IBOutlet NSWindow *window;

@property (weak) IBOutlet DrawView *myDrawView;


@property (weak) IBOutlet NSTextField *widthTextField;
@property (weak) IBOutlet NSTextField *heightTextField;

- (IBAction)draw:(id)sender;

@end

AppDelegate.m

#import "AppDelegate.h"
#import "DrawView.h"

@implementation AppDelegate

- (void)applicationDidFinishLaunching:(NSNotification *)aNotification
{
    // Insert code here to initialize your application
}

- (IBAction)draw:(id)sender {

    [_myDrawView setWidth:[_widthTextField floatValue]];
    [_myDrawView setHeight:[_heightTextField floatValue]];
}

DrawView.h

#import <Cocoa/Cocoa.h>

@interface DrawView : NSView {

    float width;
    float height;
}

-(void) setWidth: (float) aWidth;
-(void) setHeight: (float) aHeight;

@end

DrawView.m

#import "DrawView.h"

@implementation DrawView

#pragma mark - Setters

-(void) setWidht:(float)aWidth {

    width = aWidth;
    [self setNeedsDisplay:YES];
}

-(void) setHeight:(float)aHeight {
    height = aHeight;
    [self setNeedsDisplay:YES];
}


#pragma mark - Drawing

- (id)initWithFrame:(NSRect)frame {
    self = [super initWithFrame:frame];

    if (self) {

        [self setWidth:10];
    }
    return self;
}

- (void)drawRect:(NSRect)dirtyRect {

    //BackGround Color
    [[NSColor whiteColor] setFill];
    NSRectFill(dirtyRect);
    [super drawRect:dirtyRect];


    NSBezierPath* square = [NSBezierPath bezierPath];
    [square setLineWidth:2];

    NSRect squareRect = NSMakeRect(10,10,width,height);

    [square appendBezierPathWithRoundedRect:squareRect xRadius:5 yRadius:5];

    [square stroke];
}
@end

That's it. I don't know if there's a better way to do it. It seems a bit bizarre.

Answer 1

Yes it´s nill in drawRect but just before it reaches drawRect it's not because I can calculate the area with the same values...Could you please try it. It takes only 5' to do it.