CODEWITHSUNDEEP
macoscocoanstextfield
pawelropa
pawelropa

Reputation: 1439

NSTextField transparent background

I create transparent NSTextField 

self.myTextField = [[NSTextField alloc] initWithFrame:CGRectMake(backgroundView.frame.origin.x + backgroundView.frame.size.width + 20, self.projectTitle.frame.origin.y - 30.0, 100, 20)];
self.myTextField.editable = NO;
self.myTextField.bezeled = NO;
self.myTextField.drawsBackground = YES;
self.myTextField.backgroundColor = [NSColor clearColor];
self.myTextField.selectable = NO;
self.myTextField.font = [NSFont fontWithName:@"Helvetica Neue" size:16];

    [self addSubview:self.compressingTime];

And as a result text look bad. enter image description here If I set background color 

    self.myTextField.backgroundColor = [NSColor colorWithCalibratedRed:0.85 green:0.85 blue:0.85 alpha:1.0];

everything looks okenter image description here I have also tried with drawsBackground = NO; Do you guys know how to fix this?

Upvotes: 50

Views: 16305

Answers (8)

Hoi Dang
Hoi Dang

Reputation: 1

I have same problem. Default appearance is empty. I try set dark mode and it work.

self.nameTextField.appearance = [NSAppearance appearanceNamed:NSAppearanceNameVibrantDark];

Upvotes: 0

Symanski
Symanski

Reputation: 337

Came here looking for this too, and have got the background to give me a transparent grey. Key is to not have a bezel. My code below:

NSTextField *yourLabel = [[NSTextField alloc] initWithFrame:NSMakeRect(0, 0, width , height * 1.0/3.0)];
yourLabel.editable = false;
yourLabel.bezeled = false;
[yourLabel setTextColor:[NSColor blackColor]];
[yourLabel setBackgroundColor:[NSColor colorWithRed:0.1 green:0.1 blue:0.1 alpha:0.1]];

For completeness I had got the width and height earlier because they get used many times for layout:

height = self.window.frame.size.height;
width = self.window.frame.size.width;

Upvotes: 2

Gamma-Point
Gamma-Point

Reputation: 1514

There is a property in the .xib file, on the interface builder window for the text field, under attribute inspector

  1. Check the Display Draws Background
  2. Select a background color. Select clear color for transparent background.

enter image description here

Upvotes: 19

Mark Bridges
Mark Bridges

Reputation: 8448

As of 10.12 you can just do: 

let label = NSTextField(labelWithString: "HELLO")

Upvotes: 7

joerick
joerick

Reputation: 16448

I had this problem just now. I fixed it by removing a property named backgroundColor from the NSTextField's superview.

I was using backgroundColor just as a convenience getter/setter for the CALayer properties on an NSView subclass. Although this property isn't documented on NSView, it looks like I had accidentally overridden a property on NSView.

Yay for subclassing! 😒

Upvotes: -2

Alex Gray
Alex Gray

Reputation: 16463

The secret is setting ALL THREE of these properties on the NSTextField...

myTextField.bezeled         = NO;
myTextField.editable        = NO;
myTextField.drawsBackground = NO;

Upvotes: 83

pawelropa
pawelropa

Reputation: 1439

I ended up using CATextLayer instead NSTextField.

Upvotes: 1

Kakey
Kakey

Reputation: 4024

The clear color will make the current view (ie)NSTextView's background as transparent hence the color of NSView which holds the NSTextView is visible.

Upvotes: -4

Related Questions