Question

I have a simple black navigation bar with following button

When the button is pressed the button gets the same color as the the navigation bar with the same gradient. But I want it to look like this:

So this has a simple black background color. Any idea how to achieve this with interface builder? Or does this require a programmatic way?

Answer 1

This is easy, first you need to do this. Goto your interface builder. Follow these steps –

1. Select the UIButton element. Open the right-hand sidebar which gives attributes about the button. Select Type of your button as Custom.
2. Now in there, look for state config. The various states for a button – default, highlighted, selected, disabled. Define various different images as you want in image. Basically select images such that the effect you want is satisfied.
3. Now, this automatically handles change in appearance of the button element depending on the state of the button.
4. But sometimes, you would want to change the state manually, through code. This can be done like so – [yourButton setSelected:BOOL] or [yourButton setHighlighted:BOOL] or [yourButton setEnabled:BOOL]

Hope this helps…

Update: See the screenshot – This shot shows that there are states defined, ‘default’, ‘highlighted’… this defines the states. You can define images for each of these states. Again, hope this helps…