Transparent Panoramic Background Images

 

I have used images for the panoramic control to good effect in phone applications in the past but one issue I have always had to manage is ensuring that the image works equally well  with both the light and dark themes.  With skill it is sometimes possible to use a single opaque image to good effect.  It is also possible to check which theme is in operation on start-up and set the image programmatically accordingly (not covered by this post)

When working on my latest ‘App Builder’ inspired App ‘Fishing Tips’ I suddenly had the thought of using a semi-transparent background image (instead of a ‘compromised’ opaque image).  I commonly use “Paint.NET” for any image related work and so took a little time out to search for a suitable plug-in that might help me to test out my idea.

I found a suitable plug in here and proceeded to test out my theory:

Here are the results:

image
Applying the effect in Paint.NETimage

image
Before and after transparency application.

image

image
Within the App using Light and Dark themes.

As you can see the same image works equally well with either theme selected
(Note to self: it looks like some of those images need re-aligning?)

BTW The XAML used for the Panoramic Background image is as follows:

image

Someone also pointed out that the same result can be achieved with a completely opaque background image by setting it’s opacity to 0.25 – which I must admit gave me a ‘slap  forehead’ moment.


NB You can download ‘Fishing Tips’ once it has been published <here>

Advertisements

~ by Ian on February 13, 2013.

4 Responses to “Transparent Panoramic Background Images”

  1. […] Read original post at Ian Walkers' Blog […]

  2. Paint Shop Pro ??? I think you used Paint.NET

  3. […] Semi-Transparent Panoramic Background Images […]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: