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.
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 wanna create a custom view with three circle images view using native android. Now I can create one circle image view using CircleImageView from hdodenhof. I wonder if anyone can tell me which way is better to put three circles like the following pic. Thanks.
You could, as you suggest, build a custom view from three CircleImageViews and an appropriate layout.
However, I suspect that you would have difficulty getting the circles to layout in the manner shown in your sample.
I'm fairly certain that this would be next to impossible with RelativeLayout, though you may be able to accomplish this with creative use of one of the other layouts.
Other options include:
Merge the 3 images in a graphics editor, and then create a custom view using that.
Merge the 3 images as above, and just use it in an ImageView
Create a custom view from a Canvas, and draw the images yourself, at the appropriate locations.
Which you do will probably depend on how you want the custom control to behave, including:
is any part of it to be animated?
are the 3 circles to be separately clickable?
Im developing the messages part of my android app and I want to differentiate the messages of the user and their correspondent using a speech bubble that dynamically changes size to wrap the content inside
But I have no idea how to do that, I mean the thin part at one of the ends.
The image you posted is a good candidate to be used as a nine-patch image because it allows you to put stretchable portions on it without affecting the image's actual look. This will make the image to wrap content of any size, you goal as you mentioned in the question. Related to this you can read about the nine-patch tool.
I am trying to implement the above layout in my Android app.
Basically its two images filling the whole screen, but with a "slider" that is draggable and masks one image over the other. The labels are just some text relating to the image, and should also be masked over when dragged.
So far I haven't been able to see how best to do this using standard layouts, and have been thinking of how to implement this using Canvas.
Any help/tips on the most efficient way to implement this would be appreciated.
NOTE: The slider is supposed to work a lot like the one in the gallery image editor in stock android gallery - except that it stays in place after letting go.
I ended up using LibGDX and making a custom scene for everything.
Didn't find a way to do this using built-in layouts.
I have a CustomIcon class that displays a png using ImageView. I m going to want to be able to place another image view overtop of it on the fly and be able to hide/show the overlay. Can someone point me to a good tutorial to get me rolling?
It sounds like you would be well served by a RelativeLayout. This layout allows you (among other things) to place Views on top of each other.
You can see some "official" docs, and also a tutorial from Learn Android.