Add a Custom Button in Xcode 4 - interface-builder

I am trying to add a custom button in the new Xcode 4 Interface Builder. In the old one with Xcode 3, you could just drag in any of the button types, change their style to custom, and add in your own image to make a custom button. Now it seems the "custom" style is missing, and when the image is changed, it is just overlaid on one of the other button types. How can I add custom buttons now?
EDIT: I see that the custom button option exists on the iOS Xcode 4 still, but it seems to now be gone for a OSX Cocoa application. Why is this and how can I recreate this funcionality?

I found that you can recreate the custom button by making a button with Style: Square, Type: Switch, Visual: Bordered and Transparent unchecked, and then add your own image in the Image box.

Related

How to convert manual view controller to storyboard as a launch screen

New iOS requirements need Apps for iPhone or iPad must be built with the iOS 13 SDK or later and use an Xcode storyboard to provide the app’s launch screen.
But my project is very old and has never used Storyboards. All UI elements are created dynamically using ViewControllers.
I managed to create a storyboard file and set it as a launcher but it has no scenes and I do not know how to proceed. I would like to:
Create a scene where I place only the original launch image inside (hoping that apple still accepts this branding)
If it is possible to just connect my main ViewController with the scene (if that works with dynamical ViewControllers)
If nothing helps than I would need to create a simple scene which has just a bottom bar like my ViewController
I had this exact issue, here's what I did:
Create LaunchScreen.storyboard and set to use it as launch screen
Using the + button in the top-right (this was not an obvious step), add a View Controller into the storyboard
Untick "Use Safe Area Layout Guides" on the right panel if you're getting that error
Tick "Is Initial View Controller"
Then clean and run, for me it just worked. I did have trouble seeing it update though, as discussed here: Launch Screen storyboard not displaying image

Xamarin Forms - Change back button image

I can successfully hide the back button but can't change image of button.
To hide back button:
NavigationPage.SetHasBackButton(page, bool);
There is Icon attribute but we need to change back button image.
The only way to do this is to override the NavigationBar on each particular OS you have.
For Android you will need to look at the ToolBar and on iOS is the NavigationBar.
Refer :
https://blog.xamarin.com/android-tips-hello-toolbar-goodbye-action-bar/
https://developer.xamarin.com/recipes/ios/content_controls/navigation_controller/change_the_back_button/

How to create custom toolbar in OS X?

I am trying to get the below effect in OS X.
I found out the first step is to create a custom toolbar, then hide the window title.
I have managed to hide the window title but I am new to OS X development so I am not sure how to create a custom toolbar.
Here is the effect I am trying to create (toolbar with a search field and maybe some buttons).
You can easily customize the toolbar in Interface Builder. Click on the toolbar that you have dragged into the window. Now you can remove all the items in there and add the ones you would like to have. You can add anything from TextFields, Buttons to custom views.
Add items by dragging them from the object library into the "Allowed Toolbar Items" section. From there, drag them into the "Default Toolbar Items" section. Otherwise the control will be available to the user, but not in the toolbar until he customizes it.
You can align the controls by using the space and flexible space objects that can be found in the objects library of Xcode.
Aligning the controls works via drag and drop.
To center controls, simply add flexible spaces to the left and right of the control.

Xcode osx scroll view

I am going round in circles trying to get a custom view to scroll correctly.
To simplify this.
I create a new OSX cocoa application.
Go to the xib file, select the window. drag a custom view, then drag a few buttons into it.
Run the program, you have a button in the screen.
Now go back the custom view, select editor -> embed in -> Scroll view
Everything looks fine, and suggests you will have two buttons with scroll bars in the custom view.
Run the program, the custom view shows with scroll bars, but the button do not show.
What am I doing wrong?
Following your instructions I have created and changed the project. No problem.
Run in IB your "app", CMD R. The user interface itself can be checked in this way.
If problem remains
Check the layer position->Click on the custom View
Is it possible to Layout->Send to back? If yes, then your button-scrollview is not embedded.
Unembed the button, view and repeat the process, by checking in IB if now the interface shows appears correctly.

Nice new 10.7 Lion Toolbar Items

I wonder if anyone knows how to get this "Lion-style" toolbar items like we can see in Apple Mail application? Are they all custom or can be found anywhere? They are surely not present in IB.
Or are they just styled buttons and segmented controls?
The "Lion-Style" toolbar items would appear to be just Rounded Textured buttons with the image and alternate image set. You can drag these buttons directly from the IB library to your toolbar.

Resources