How can i add blur background with some transparency in my Windows Phone application.
I can create transparent background using opacity property or using first two alpha number of hexa color code #AFFFFFFF. But I am not able to find any way to add blur for any panel. Is there some way or work around?
Blur effect is not supported out of the box on Silverlight.
It's possible with WriteableBitmapEx
On loading your image into WriteableBitmap wb, you can get the blurred version with:
var wb2 = WriteableBitmapExtensions.Convolute(wb, WriteableBitmapExtensions.KernelGaussianBlur3x3);
Related
As the title suggests, Is there a way to set and update the background image in blender 2.8 2d animation workspace? I mean it's easy enough to add a background by dragging the image onto the viewport but then I can't seem to interact with it at all or change it to a different image.
Just to point out it's fairly easy to change background in a 3d project. What I'm asking for is updating the background image in a 2d project. I want this for a reference image.
Thanks!
2.80 no longer has "background images" like previous versions.
The Add->Image->Reference actually adds an empty that is set to display as an image. You can set the empties properties to adjust the display options which includes the image displayed, you can also move it around like any other object.
There is also now a background image settings for camera objects, this looks like the old background image settings, but is part of the camera settings and is only visible in camera view.
In iOS 7, the Phone dialling app has a round translucent rim and tapping on the button you can see a blurred version of the wallpaper you've set.
Is there a standard way of making such translucent rimmed buttons that blur the background only around the rim?
The short answer is that there is not a standard way to do this. There are however several techniques that can be used to achieve this blur effect.
Essentially, every drawRect:, you want to capture the background, blur it and adjust the saturation and brightness, and then mask it to the circle border.
If you want the entire button to be blurred when pressed, you could check for that state in the button and then adjust the mask to include the whole button and maybe reverse the text so that it is still readable.
Here's basically what I'm trying to accomplish:
I can get the image drawn and placed appropriately, but I'm at a loss for how to draw the banners. It's easy enough to put both elements in a Grid, but I can't figure out how to get the banner positioned/sized based on the aspect ration of the image that gets loaded.
If this was WPF I'm pretty sure I could just use an Adorner, but in WinRT I'm not sure how to proceed.
There is nothing kuje the Adorner in WinRT. Place the image and the banner into a grid, set the banner's vertipcal alignment to top, horizontal alignment to right.
If you want the banner to always be the same size, set Stretch to None. Otherwise hook into the Loaded event of the image where you can get the image dimensions and set the banner dimensions accordingly.
Does anyone know or have any hints as to how I could animate a blur of an image from focus to blur over the course of about 1 second?
Essentially the same question as this, but on Windows 8!
Animating a gaussian blur using core animation?
You can create a blurred version of the image - e.g. using WriteableBitmapEx and then overlay the blurred version on top of the original and animate its opacity from 0 to 1.
Alternatively - you could do DirectX interop and animate a property bound to a pixel shader input that controls the blurriness, though that might be a bit more work.
Blur isn't an animation in the WinRT Animation Library for Xaml
http://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.xaml.media.animation.aspx#classes
What are you trying to accomplish by the blur?
Have you tried this animation?
- FadeOutThemeAnimation
I've been working on some custom graphics controls, and I found this weird problem with windows 7 rendering my button controls. I've used Photoshop to delete the pixels in the background all around the button image I'm using, then saved it as a GIF, and imported it into VS to use as the background image of my button. When windows XP renders it, it is fine, but when windows 7 renders it, all 4 corners have an odd white border around them.
You can barely see them in this pic, but they are much more apparent when looking at them on the client PC's.
Is there something wrong with the way I am transfering the image? should I not use a gif? is there something wrong with the way I am displaying it on the button? What can I do about it?
GIF was a bad choice, it can only render images with 256 colors. You need all the colors you can get to make the anti-aliasing work properly. Use PNG.
You will also need to make sure that the background color of the container is the same as the one you used in Photoshop, the anti-aliasing pixels will otherwise have the wrong colors. And you cannot stretch the image, that will also stretch the anti-aliasing pixels, ruining the effect.