Custom view in MAC OSX app with XIB file [duplicate] - objective-c

This question already has answers here:
NSTableView with Plus and Minus buttons
(4 answers)
Closed 9 years ago.
I have worked with iOS but I am quite new to MAC OSX development. I am trying to design the screen as shown below in XIB file. I understand the left one is a table view with custom cells in it. What kind of view the bottom tool bar with +/- button is? Also, is the view on the right side is inside Box NSView?
How we do design the similar view with XIB file.

Look at this picture. Hope it helps you to make similar UI in interface builder.

Related

What would be the quickest way to create a long form on iOS/iPhone

I'm fairly new to the world of Objective-C and iOS development (this is my first iphone app), and i have a background in c#/java dev.
My employer wants an iphone app for one of our sites. In it, there's supposed to be a form that has about 50 fields in it and can be broken up into 3 different sections if needed.
What would be the best way to go about handling this?
Thanks!
I would make a UITextField for each of the fields.
Then I would add those as subviews of 3 UIViews that will represent the 3 sections you mentioned (breaking up the UITextFields into each view as necessary).
Then I would create a UIScrollView and add each of these UIViews as subviews (stacking them by position; ie bottom of first is touching top of second) .
This will allow you to scroll through the UIViews if the page is too long (50 fields will most likely not fit on an iPhone screen).
For more info:
UIView - https://developer.apple.com/library/ios/documentation/uikit/reference/UIView_Class/UIView/UIView.html
UIScrollView - https://developer.apple.com/library/ios/documentation/uikit/reference/uiscrollview_class/Reference/UIScrollView.html
UITextField - https://developer.apple.com/library/ios/documentation/uikit/reference/UITextField_Class/Reference/UITextField.html
There are some tutorials out there for this. Basically, I would create all appropriate fields or form criteria, and embed them in a srollview. You select all the fields and click editor>embed in>scrollview.
You then need to setup the field to scroll into view when it is clicked. This can be found in tutorials.
You then need to setup a function to dismiss the keyboard if a user clicks off the field. Again this can be found on tutorials.
If you need anymore help please comment. My background is java too and have just started learning Obj-c and swift.

Cocoa Unified (Login) Window [duplicate]

This question already has answers here:
NSWindow Mac App Store like Title Bar
(3 answers)
Closed 8 years ago.
How does one make a window like in the screen below? As you can see, the titlebar is merged with the window.
As an aside, does anyone know of a good open source application that has this kind of login window, so that I can inspect it and also see find some good alternative UI elements for username/password field and buttons.
If you use INAppStoreWindow you could replicate the effect of the window in your screenshot. As the window in your screenshot has a clearly delineated separation between the login fields and the new account section you could use the ability of INAppStoreWindow to draw a significantly larger title area than normal.
This would allow you to place the login fields in the "title" area of the window and the new account items in the normal area of the window.
With INAppStoreWindow you would want to create a separate view in interface builder that will be added as a titlebar subview that contains the login fields. Then you would use a custom title drawing block to draw the gradient from the top of the window down to the bottom of login custom view.
You would also want to disable the vertical centering of the "traffic control" button (close, minimize, zoom). To achieve the look of the custom controls, you could simply draw the style right into the window and then use borderless controls, which would give you the style you want for the text fields. For the buttons you would want to create custom subclasses to draw them in the styles you want.
For the bottom part of the window you would draw your gradient in the drawRect: method of your window view subclass.
https://github.com/indragiek/INAppStoreWindow is where you will find INAppStoreWindow, I recommend reading the documentation. This window subclass will fully allow you to create the style of window in your screenshot!
Good luck! :)

How to show a picture with a transparent background (like png) when the app loads in cocoa? [duplicate]

This question already has answers here:
How to show a splash screen during launch of a Cocoa app?
(4 answers)
Closed 9 years ago.
One example is photoshop, when the application starts up, a really nice picture with a transparent background shows up. how can I achieve the same result while building my own application? Thanks a lot!
If you're wondering how to get a custom-shaed window, rather than simply how to display it at launch, the RoundTransparentWindow example code provided by Apple shows how you can achieve this.

How to make my app compatible with iphone 5's big screen? [duplicate]

This question already has answers here:
Closed 10 years ago.
Possible Duplicate:
How to develop or migrate apps for iPhone 5 screen resolution?
How to deal with iPhone 5 screen size?
I currently have my app on the App store but if i look it in iphone 5 its letter boxed and have black region on the top and bottom. I want to take advantage of the full screen without doing much of work. So can anyone explain what's the best way to do it??
Thanks,
Add a -568h launch image.
Set your main window frame to the UIScreen mainScreen bounds in your app delegate.
If everything else in your code sizes itself to the size of your views, there shouldn't be much else to do.
This is all covered in the docs and in lots of blog posts all over the web. Google is your friend.

How to create a menu like the Facebook App Menu on iOS? [duplicate]

This question already has answers here:
Closed 10 years ago.
I want to have something like this in my app:
A main view that you can slide to the right, and behind it a UITableView. If you drag the main view to the right, you should be able to drag it back in, even if you start dragging to the left on top of the UITableView (if I pan left or right on top of the UITableView the main view should be moved, if I drag up or down on top of the UITableView the UITableView should scroll). Furthermore, it would be nice if the main view would drop a shadow on to the UITableView.