Has anyone tried the ios 8 like vibrancy effect to EditText and Bitmaps on Android?
https://github.com/ide/UIVisualEffects/blob/master/Screenshots/UIVisualEffects.png
PorterDuffXferMode looks like the way forward but I will be interested in knowing if anyone has actually tried this for different widgets like EditText, TextView, ImageView and Lists on Android? I am specifically referring to see through text visible through layers of background and blurred overlays. Also interested to know if anyone has been bold enough to roll out Android libraries already for this?
Related
This was marked as duplicate incorrectly here by someone that clearly did not read the question in full, despite being a very small question in terms of text: How to achieve blur/frost/fibrancy background effect like on the Instagram app
Instagram has a nice background blur effect that works over images and even videos.
THAT BLURRY SECTION CAN BE MOVED UP AND DOWN AND THE RESPECTIVE BACKGROUND IS CORRECTLY BLURRED EVEN THOUGH THE VIEWS UNDER IT ARE NOT MOVING! THIS IS NOT ABOUT MAKING AN IMAGE BLUR, BUT THE CONTENTS BEHIND A SPECIFIC VIEW.
IT ALSO WORKS WITH VIDEOS BEHIND THE VIEW, NOT JUST STATIC IMAGES.
WHEN THE SECTION IS MOVED UP AND DOWN, ANYTHING BEHIND IT DOES NOT MOVE, BUT TURNS BLURRY
I have been trying to find out how this can be replicated, but ALL I COULD FIND WERE JUST WAYS TO BLUR IMAGES, NOT THE BACKGROUNDS OF VIEWS THAT ARE OVER OTHER VIEWS
How can I achieve the same effect?
Using a library would be the easiest way to achieve this, check out this one:
https://github.com/mmin18/RealtimeBlurView
I'm only interested in the header that contains the product image. I am thinking possible ways to make this design but I do not find the possible way to see the whole image blurred except the central circle that looks normal.
I am developing an Android app and am a bit stuck on how I go about creating the layout I'm after. I said spotify-like (website not app) as I dont want the parallax effect. It's actually closer to http://www.poormet.com/.
What I have tested so far is a RelativeLayout with an ImageView and Listview (with transparent dividers) within it. This layout shows the image in the background between rows which is a step in the right direction. The issue is I'm at a loss as to how to get the images to change smoothly depending on what listrows are on screen.
Also, if I want to replicate the text over the images like poormet example mentioned above, then it seems to me I am going to have to have alternating transparent and not transparent rows.
Am I on the right track or am I approaching this problem the wrong way?
Any guidance will be greatly appreciated!!!
(also, please let me know if what I have described doesn't make sense - more than happy to clarify)
One of the applications in my mobile has this glossy and transparent look(refer the snapshot below), which is quite beautiful. Just want to know how I can achieve this.
I am developing an application for myself and want to implement similar kind of GUI. Although I can create a layout, I am still not good in creating beautiful icons like the one shown above. Any information (or) a link to icon development related tutorials should also be quite helpful. Thanks everyone in advance.
Those are just PNG images with transparency and glossy effect... it almost has nothing to do with programming. Just find a good designer and tell him/her to do a 9patch image like that.
By the way... background buttons, in that case should have the border only. The icon and text can be then added easily.
You have to combine multiple techniques. You can use Button where the background will be defined with a nine-patch image, with rounded corners. Then you can use android:drawableLeft parameter of the Button, to define the icon it will have.
As also Cristian suggests, this is not hard to implement. You need a good designer and get to know the basic techniques like 9patch png images, transparency and basic layout definitions. Good luck
My Android app displays text in a few different ways, and there are some annoying differences between them I was hoping folks could help with.
When I use display methods that might be termed "automatic," the text is displayed very nicely. By automatic methods, I'm referring tools, like Toasts and Button widgets where I just have supply the text, and the OS (or "environment" or whatever) displays it for me. The letters are nicely curved, pleasant to look at, and easily legible.
However, in my code where I handle the text display (using Canvas.drawText() in a Surface Runner View), the text quality is poor. The text is still legible, but it looks pixelated. The letters just don't look their best.
I've tried experimenting with Paint.setTypeface(), using Typeface.SANS_SERIF for example, but the quality of the display when it's my code is always poor. Doable, but poor.
Has anybody else experienced this? By any chance does anybody have a solution?
You might also try playing around with Paint.setAntiAlias(boolean) or Paint.setSubpixelText(boolean).