Stretched rounded buttons

  Download Source Code and Example.


The code is basically an extension to the RoundButton class written by Chris Maunder. While his RoundButton is always circular, i have changed it such that it can have a flattened horizontal orientation. This combines Chris' beautiful round shading with the more space-efficient appearance of an ordinary rectangle button.

I decided to keep the RoundButton class instead of deriving yet another because i think that the added functionality is transparent enough. In the sense that the button defaults to exactly Chris' circular button when the button is designed square or vertical (say portrait) in the resources.

The only change applies to buttons that are designed non-square horizontal (say landscape) in the resources. In that case the button is stretched to fill the width of the button. And Chris' circular fragments are appended to the left and to the right sides.

In order to do this i split up Chris' DrawCircle function into a DrawCircleLeft and DrawCircleRight part. Each of which draws a shaded 180-degree angle. Then i added the functionality to draw horizontal lines between the left and right arcs to combine the arcs.

A minor change is in the LIGHT_SOURCE_ANGLE constant. When Chris' value of -2.356 is applied, the color of the highlited line (top line) of the stretched button is almost identical to the background color. And the line appears to be missing. By changing the angle of incoming light to -1.88 the top line has enough highlight to contrast with the background.

The new functionality has been added to both the 3d- and flat-type buttons.

I have also changed the text-drawing functionality to give it more of a 3d-look.

I did not implement the dotted focus for this new button because i did not need it myself. But it might be a good idea for another extension.

Chris' button does not support acceleration-underline. Neither does mine. This might also be a good extension.

I don't regard my code addition as highly elegant or intelligent. But it seems to work without problems in my application.

Last updated: 6 June 1998



Comments

  • There are no comments yet. Be the first to comment!

Leave a Comment
  • Your email address will not be published. All fields are required.

Top White Papers and Webcasts

  • The 3rd Platform of computing, based around the four pillars of mobile computing, social media, big data and analytics, and cloud, is redefining what IT infrastructure needs to provide. Endpoint solutions must meet not only traditional data protection requirements, but also a new set of requirements driven by the explosion in mobile computing. This IDC white paper explores the customer challenges associated with safeguarding data residing on various endpoint devices, including laptops, tablets, and …

  • Employees must exchange sensitive emails with customers and partners. These emails might contain protected health information, protected financial information, or corporate information that should not be made public. Globalscape® Mail Express® allows you to encrypt the emails that it manages so that no one but the sender and recipient--not even the administrator--can view the contents of the email. "Secure the Transfer of Sensitive Emails" is the property of GlobalSCAPE

Most Popular Programming Stories

More for Developers

RSS Feeds

Thanks for your registration, follow us on our social networks to keep up-to-date