How to set border's property to dropDown?

[EddieLukeAtmey]

My designer clearly want the dropDown like this:

But since I can't find how to set border to the dropDown, it turns out like this:

(Please don't mind the data, just the UI and views and stuffs like that.)

I'd love to set border's properties to the sub tableView inside the containerController. Please guide me how to. Thanks in advance.

[maxkonovalov]

Could you please provide the screenshots for both closed and open states of the menu, so that I can figure out your needs. Are you okay with the look of the current menu control itself and only need to add a border to the dropdown when it's shown? Did I get it right?

[EddieLukeAtmey]

Yup, you're quite right. As for the closed state, just imagine the view with the green arrow pointing downward, no table below.

For confirmation, yeah, I'd like to be able to set border's properties to the view below the dropDownView (the table below the view with green arrow).

For addition, I'd like to be able to control the arrow image, too. Like, keep it constant (don't animate up/down), or might be able to set its pointing direction with dropDown states (like, closed => point right, opened => point down). This is just a minor request, so I think I won't create new issue about this.

[maxkonovalov]

@EddieLukeAtmey, check out the latest release, I added the dropdownShowsBorder and disclosureIndicatorSelectionRotation properties, they should fulfil your needs.

To add a border simply set the property as follows:

dropdownMenu.dropdownShowsBorder = YES;

Note that the color of the border is the same as row separators.

For the arrow image rotation, you can now set the target angle for selected component's disclosure indicator. Setting the disclosureIndicatorSelectionRotation to 0 will prevent the image from rotating, and to rotate it left or right use M_PI_2 or -M_PI_2 values.