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.
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.
Good day guys.I want to make the bottom part of my own image an curved line.Not to talk back and forth here is an image which i want to get into the application.
Important to notice that i have reached 10th result of the google and everything i came up was only some curved image not in my desired way,the whole image was curved and the lines of 4 parts were connected to single one.
So basically i want the image to be as rectangle as it comes from server and only curve the bottom part of a bitmap.Is that even possible?
Noticae the bottom line is curved,that what i want to achieve,and rest parts are rectangle.Thank you for your time.
If you are trying to change the image itself, photoshop or any editing tool is the right way to do it. besides if you are getting the image from a server somewhere then getting the image adjusted from the server, instead of modifying it on the client side(o your app) has lot of benefits.
But, if want to change the look not the image itself, then that could be achieved by creating a custom image view like answered here.
You can also use a card view hold your image view to achieve some curves, although i don't think that would be efficient or satisfactory for your case.
Sometimes, editing the image in Photoshop is the right way. This can save your android app CPU time.
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?
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.